تراجع إلى الخلف   :: TRAIDNT FORUM :: > أقسام تعليم استايلات > دورات تعليم وتصميم الإستايلات

دورات تعليم وتصميم الإستايلات قسم يهتم بتقديم دروس حول تصميم وتنسيق قوالب المنتديات المتكاملة Styles، كذلك لمناقشة الأفكار والأساليب الحديثة المتعلقة بالتصميم وطرق العرض.

درس تصميم استايل بهيدر جانبي بلغة Css مع Solar Attack

اقتباس   المشاركة الأصلية أضيفت بواسطة : كول للصم جزاك ألله خيرا ,, ممتازه الشرح الفيديو ماحب الصور ,, ابي الفيديو فقط ,, تم تقييم


اضافة رد
  رقم المشاركة : [ 31 ]
قديمة 27 - 05 - 2011, 13:35 Solar Attack متواجد حاليآ بالمنتدى
مساعد مشرف
ركن دورات تعليم الإستايلات
 
صورة 'Solar Attack' الرمزية
 


Solar Attack سوف يصبح مبدعSolar Attack سوف يصبح مبدعSolar Attack سوف يصبح مبدع
بيانات موقعي
اسم الموقع: My Website
اصدار المنتدى: منتج اخر
افتراضي
اقتباس
 مشاهدة المشاركة المشاركة الأصلية أضيفت بواسطة : كول للصم
جزاك ألله خيرا ,,
ممتازه الشرح الفيديو
ماحب الصور ,, ابي الفيديو فقط ,,
تم تقييم يا قلبي ,,
وشكرا لك ,,



هلا وياغلا فيك ،،

منور الموضوع بطلتك ،،

تستاهل كل الخير ،،
توقيع Solar Attack
ملاحظة"اتمنى للجميع زيارة [فهرس شامل] دورات تعليم وتصميم الإستايــــلات قبل اضافة اي استفسار وشكراً لكم"
.:: مبروك ثوب ترايدنت + النظام الجديد ::.
صفحتي على الفيس بوك
صفحتي على جوجل بلاس
صفحتي على اليوتيوب
قريبا SolarDev
  اضافة رد مع اقتباس نص هذه المشاركة
  رقم المشاركة : [ 32 ]
قديمة 27 - 05 - 2011, 15:32 adeleqo غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 
صورة 'adeleqo' الرمزية
 


adeleqo يستحق التميز
بيانات موقعي
اسم الموقع: سراج الاقصى
اصدار المنتدى: 3.8.7
افتراضي
الحمد لله مشى معاي تمام التمام

طبقت الاجزاء الثلاثه وكنت بحاول اسبق لكن كان يكون في شيء جديد علي والحمد للع تقريباً فهمنا التطبيق

هذا اولاً التطبيق ...






سؤالي الآن ... لو اردت انه يكون تسجيل الدخول تحت الصوره الموضوعه في الهيدر الايمن
اين بالضبط اضع كلاساتها وتعاريفها ؟؟؟

هل اضعها اسفل هذا الكود ؟؟؟

رمز Code:
.t1{
    position:absolute; top:45px; right:0px; width:217px;}
.t2{
 background: url('www.s-alaqsa.com/css-sraj7/images/r-pic.gif') no-repeat right top; width:217px; height:196px; position:relative;}
============================

السؤال الثاني :

في الكود التالي :
رمز Code:
.t1{
    position:absolute; top:45px; right:0px; width:217px;}
الـ top بالضبط تعتمد على ماذا ؟؟؟
لانه عند وضع الوره على لون واحد فانه لا يفرق معي كثيراً , ولكن عندما تكون الصوره على تدرج لوني فان فرق اللون يلاحظ ...!!
فهل يمكن ان تكون قطعة الصوره تبدأ من اعلى القطعه اليمنى وبهذا يكون التوب هو نفس ارتفاع القطعه العلويه ؟؟؟

=========================

السؤال الثالث :

لو اردت وضع اعلانات الموقع في الهيدر الايمن فكيف يمكن عمل ذلك ؟؟


اخيراً الدرس رائع جداً جداً
بتمنالك كل التوفيق النجاح المستمر اكثر واكثر ان شاء الله
ولك مني اجمل تحيه واجمل تقييم .
الصور المصغرة المرفقة
اضغط على الصورة المصغرة لمشاهدتها بحجمها الأصلي

اسم الصورة : 1.gif
عدد المشاهدات : 179
حجم الصورة : 86.6 كيلوبايت
رقم هوية الصورة : 576843  
Solar Attack معجب بهذا.
توقيع adeleqo


اسلامية , ثقافيه , اجتماعيه

للتواصل : infs-alaqsa.com
  اضافة رد مع اقتباس نص هذه المشاركة
  رقم المشاركة : [ 33 ]
قديمة 27 - 05 - 2011, 16:08 Solar Attack متواجد حاليآ بالمنتدى
مساعد مشرف
ركن دورات تعليم الإستايلات
 
صورة 'Solar Attack' الرمزية
 


Solar Attack سوف يصبح مبدعSolar Attack سوف يصبح مبدعSolar Attack سوف يصبح مبدع
بيانات موقعي
اسم الموقع: My Website
اصدار المنتدى: منتج اخر
افتراضي
اقتباس
 مشاهدة المشاركة المشاركة الأصلية أضيفت بواسطة : adeleqo
الحمد لله مشى معاي تمام التمام

طبقت الاجزاء الثلاثه وكنت بحاول اسبق لكن كان يكون في شيء جديد علي والحمد للع تقريباً فهمنا التطبيق

هذا اولاً التطبيق ...






سؤالي الآن ... لو اردت انه يكون تسجيل الدخول تحت الصوره الموضوعه في الهيدر الايمن
اين بالضبط اضع كلاساتها وتعاريفها ؟؟؟

هل اضعها اسفل هذا الكود ؟؟؟

رمز Code:
.t1{
    position:absolute; top:45px; right:0px; width:217px;}
.t2{
 background: url('www.s-alaqsa.com/css-sraj7/images/r-pic.gif') no-repeat right top; width:217px; height:196px; position:relative;}
============================

السؤال الثاني :

في الكود التالي :
رمز Code:
.t1{
    position:absolute; top:45px; right:0px; width:217px;}
الـ top بالضبط تعتمد على ماذا ؟؟؟
لانه عند وضع الوره على لون واحد فانه لا يفرق معي كثيراً , ولكن عندما تكون الصوره على تدرج لوني فان فرق اللون يلاحظ ...!!
فهل يمكن ان تكون قطعة الصوره تبدأ من اعلى القطعه اليمنى وبهذا يكون التوب هو نفس ارتفاع القطعه العلويه ؟؟؟

=========================

السؤال الثالث :

لو اردت وضع اعلانات الموقع في الهيدر الايمن فكيف يمكن عمل ذلك ؟؟


اخيراً الدرس رائع جداً جداً
بتمنالك كل التوفيق النجاح المستمر اكثر واكثر ان شاء الله
ولك مني اجمل تحيه واجمل تقييم .

الله الله ايش هاذا الابداع ،،
مميز بمعنى الكلمه ،،
بالنسسبه لسسؤالك الاول: فراح اشرح عنه بعد فترة الاختبارات ،،،
بالنسسبه لسسؤالك الثاني: top فقط لزاحة الصورة اليمنى الاضافية عن الي فوقها ،،
لو شلنا التوب راح نلاحظ انه الصورة تطلع فوق الصورة الي فوقها ،
اما التدرج اللوني موب مهم انت كمصمم نقدر تستفيد من الدرس بوضع اشياء حلوة ،،
---
بالنسسبة لسسؤالك الثالث: نفس اجابة السؤال الاول ،،،

اتمنى اني وفقت في الاجابة عن الاسسئلة ،،
لكن راح افيدك في وضع دخول العضو + الاعلانات ،،
لو تلاحظ انا عملت كلاس والكلاس يدخل فيه الصورة اليمنى هناك بالضبط تضع كلاس ،
وتضبط الاعدادت بالششكل الصحيح ،،

موفق خير ياغالي
توقيع Solar Attack
ملاحظة"اتمنى للجميع زيارة [فهرس شامل] دورات تعليم وتصميم الإستايــــلات قبل اضافة اي استفسار وشكراً لكم"
.:: مبروك ثوب ترايدنت + النظام الجديد ::.
صفحتي على الفيس بوك
صفحتي على جوجل بلاس
صفحتي على اليوتيوب
قريبا SolarDev
  اضافة رد مع اقتباس نص هذه المشاركة
  رقم المشاركة : [ 34 ]
قديمة 28 - 05 - 2011, 09:41 adeleqo غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 
صورة 'adeleqo' الرمزية
 


adeleqo يستحق التميز
بيانات موقعي
اسم الموقع: سراج الاقصى
اصدار المنتدى: 3.8.7
افتراضي
حياك الله ومشكور يا طيب وان شاء الله احاول ان اعمل هذا الشي وان لم استطع سانتظر شروحاتك المقبله بعون الله .

كل التوفيق لك في امتحاناتك يا طيب .
adeleqo
توقيع adeleqo


اسلامية , ثقافيه , اجتماعيه

للتواصل : infs-alaqsa.com
  اضافة رد مع اقتباس نص هذه المشاركة
  رقم المشاركة : [ 35 ]
قديمة 28 - 05 - 2011, 13:14 Solar Attack متواجد حاليآ بالمنتدى
مساعد مشرف
ركن دورات تعليم الإستايلات
 
صورة 'Solar Attack' الرمزية
 


Solar Attack سوف يصبح مبدعSolar Attack سوف يصبح مبدعSolar Attack سوف يصبح مبدع
بيانات موقعي
اسم الموقع: My Website
اصدار المنتدى: منتج اخر
افتراضي
اقتباس
 مشاهدة المشاركة المشاركة الأصلية أضيفت بواسطة : adeleqo
حياك الله ومشكور يا طيب وان شاء الله احاول ان اعمل هذا الشي وان لم استطع سانتظر شروحاتك المقبله بعون الله .

كل التوفيق لك في امتحاناتك يا طيب .

ياهلا والله فيك اخوي ،،

حاول والعلم مايأتي الا بعد المحاولات ،،
توقيع Solar Attack
ملاحظة"اتمنى للجميع زيارة [فهرس شامل] دورات تعليم وتصميم الإستايــــلات قبل اضافة اي استفسار وشكراً لكم"
.:: مبروك ثوب ترايدنت + النظام الجديد ::.
صفحتي على الفيس بوك
صفحتي على جوجل بلاس
صفحتي على اليوتيوب
قريبا SolarDev
  اضافة رد مع اقتباس نص هذه المشاركة
  رقم المشاركة : [ 36 ]
قديمة 29 - 05 - 2011, 02:21 hananour غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 
صورة 'hananour' الرمزية
 


hananour سوف يصبح مبدعhananour سوف يصبح مبدعhananour سوف يصبح مبدعhananour سوف يصبح مبدع
بيانات موقعي
اسم الموقع: سيدات الجزائر
اصدار المنتدى: 3.8.7
افتراضي
اوكى اخي متابع مع موقع كليبرز لدروس CSS ويارب افهم وربي صععععععععععععععععععبة
مشكور اخي
hananour
توقيع hananour
  اضافة رد مع اقتباس نص هذه المشاركة
  رقم المشاركة : [ 37 ]
قديمة 29 - 05 - 2011, 02:53 Solar Attack متواجد حاليآ بالمنتدى
مساعد مشرف
ركن دورات تعليم الإستايلات
 
صورة 'Solar Attack' الرمزية
 


Solar Attack سوف يصبح مبدعSolar Attack سوف يصبح مبدعSolar Attack سوف يصبح مبدع
بيانات موقعي
اسم الموقع: My Website
اصدار المنتدى: منتج اخر
افتراضي
اقتباس
 مشاهدة المشاركة المشاركة الأصلية أضيفت بواسطة : hananour
اوكى اخي متابع مع موقع كليبرز لدروس CSS ويارب افهم وربي صععععععععععععععععععبة
مشكور اخي

ياهلا فيك ،،

موقع كليبرز (دبليو ثري العربية) فقط يفهمنا ماهي CSS وكيفية التعامل معها ،،

بالتوفيق ياغالي ،،
توقيع Solar Attack
ملاحظة"اتمنى للجميع زيارة [فهرس شامل] دورات تعليم وتصميم الإستايــــلات قبل اضافة اي استفسار وشكراً لكم"
.:: مبروك ثوب ترايدنت + النظام الجديد ::.
صفحتي على الفيس بوك
صفحتي على جوجل بلاس
صفحتي على اليوتيوب
قريبا SolarDev
  اضافة رد مع اقتباس نص هذه المشاركة
  رقم المشاركة : [ 38 ]
قديمة 29 - 05 - 2011, 11:26 super_man غير متواجد حاليآ بالمنتدى
:: عضـــو::
 
صورة 'super_man' الرمزية
 


super_man يستحق التميز
بيانات موقعي
اصدار المنتدى: صفحتي
افتراضي
يسلموا على الشرح و الطرح
super_man
  اضافة رد مع اقتباس نص هذه المشاركة
  رقم المشاركة : [ 39 ]
قديمة 29 - 05 - 2011, 13:05 Solar Attack متواجد حاليآ بالمنتدى
مساعد مشرف
ركن دورات تعليم الإستايلات
 
صورة 'Solar Attack' الرمزية
 


Solar Attack سوف يصبح مبدعSolar Attack سوف يصبح مبدعSolar Attack سوف يصبح مبدع
بيانات موقعي
اسم الموقع: My Website
اصدار المنتدى: منتج اخر
افتراضي
اقتباس
 مشاهدة المشاركة المشاركة الأصلية أضيفت بواسطة : super_man
يسلموا على الشرح و الطرح

الله يسسلمك ياغالي ،

منور يالغلا ،،

بالتوفيق ،،
توقيع Solar Attack
ملاحظة"اتمنى للجميع زيارة [فهرس شامل] دورات تعليم وتصميم الإستايــــلات قبل اضافة اي استفسار وشكراً لكم"
.:: مبروك ثوب ترايدنت + النظام الجديد ::.
صفحتي على الفيس بوك
صفحتي على جوجل بلاس
صفحتي على اليوتيوب
قريبا SolarDev
  اضافة رد مع اقتباس نص هذه المشاركة
  رقم المشاركة : [ 40 ]
قديمة 01 - 06 - 2011, 19:02 lamasat4u متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 
صورة 'lamasat4u' الرمزية
 


lamasat4u يستحق التميز
أرسل رسالة بواسطة MSN إلى lamasat4u
بيانات موقعي
اسم الموقع: لمسات لخدمات التصاميم الاحترافية
اصدار المنتدى: 3.8.2
افتراضي
ماشاء الله عليك

افتر راسي من الاكواد في الدرس الثاني نصها واضحه والنص الثاني تلخبطت فيها ،، لي عودة بالتطبيق والاستفسارات ان وجدت ..

بارك الله فيك وبالتوفيق ان شاء الله ،،
lamasat4u
توقيع lamasat4u
اسم الشركه : لمسات
أداء الشركـــه : تصميم ستايلات وواجهات
بريد الشركـــه : lamasat4u@lamasat4u.net
موقع الشركه : www.lamasat4u.net

أعمالي في التصميم/ موضوع متجدد

  اضافة رد مع اقتباس نص هذه المشاركة
  رقم المشاركة : [ 41 ]
قديمة 01 - 06 - 2011, 20:02 Solar Attack متواجد حاليآ بالمنتدى
مساعد مشرف
ركن دورات تعليم الإستايلات
 
صورة 'Solar Attack' الرمزية
 


Solar Attack سوف يصبح مبدعSolar Attack سوف يصبح مبدعSolar Attack سوف يصبح مبدع
بيانات موقعي
اسم الموقع: My Website
اصدار المنتدى: منتج اخر
افتراضي
اقتباس
 مشاهدة المشاركة المشاركة الأصلية أضيفت بواسطة : lamasat4u
ماشاء الله عليك

افتر راسي من الاكواد في الدرس الثاني نصها واضحه والنص الثاني تلخبطت فيها ،، لي عودة بالتطبيق والاستفسارات ان وجدت ..

بارك الله فيك وبالتوفيق ان شاء الله ،،

ياهلا والله فيك ياغالي ،،

مافي شئ مستحيل ،،
واذا مافي ش واضح حط الدقة الى HD وكبر الصفحه ،،
لكن الدرس بسسيط لكن انا وضحته اعتقد اكثر من الازم ،،
وبالتوفيق ياغالي ،، ومنتظر استفساراتك ،،
lamasat4u معجب بهذا.
توقيع Solar Attack
ملاحظة"اتمنى للجميع زيارة [فهرس شامل] دورات تعليم وتصميم الإستايــــلات قبل اضافة اي استفسار وشكراً لكم"
.:: مبروك ثوب ترايدنت + النظام الجديد ::.
صفحتي على الفيس بوك
صفحتي على جوجل بلاس
صفحتي على اليوتيوب
قريبا SolarDev
  اضافة رد مع اقتباس نص هذه المشاركة
  رقم المشاركة : [ 42 ]
قديمة 02 - 06 - 2011, 19:19 أبو جيفارا غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 


أبو جيفارا يستحق التميز
أرسل رسالة بواسطة MSN إلى أبو جيفارا
بيانات موقعي
اسم الموقع: شركة expodes
اصدار المنتدى: Facebook
افتراضي
مشكور علي الشرح

وآسمحلي قلت لنفسي آنقلو عندي علي الموقع

لحتي الشباب اللي عندي يستفيدو منو
وآدي الرابط بتآعو
درس تصميم استايل بهيدر جانبي بلغة Css مع Solar Attack - شبكة وملتقي آصدقاء فلسطين

تحياتي لك وموفق بآذن الله
أبو جيفارا
  اضافة رد مع اقتباس نص هذه المشاركة
  رقم المشاركة : [ 43 ]
قديمة 02 - 06 - 2011, 20:04 lamasat4u متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 
صورة 'lamasat4u' الرمزية
 


lamasat4u يستحق التميز
أرسل رسالة بواسطة MSN إلى lamasat4u
بيانات موقعي
اسم الموقع: لمسات لخدمات التصاميم الاحترافية
اصدار المنتدى: 3.8.2
افتراضي
اخوي عندي استفسار في الشرح الثاني ،، بعد ماضفت الكلاسات الثانيه الخاصة في الهيدر الجانبي

اكواد الكلاس الاول مافهمتهاheder logo bg

position:absolute; tob:50px; right:0px; width:198px;

ياريت تشرحها اكثر هذي اكواد شو بالضبط صورة ولا تمدد والمقاسات الي حطيناها اعتمدنا على شو بالضبط ؟

بانتظارك اخوي حتى اكمل الدرس وشكرا مره اخرى ..
lamasat4u
توقيع lamasat4u
اسم الشركه : لمسات
أداء الشركـــه : تصميم ستايلات وواجهات
بريد الشركـــه : lamasat4u@lamasat4u.net
موقع الشركه : www.lamasat4u.net

أعمالي في التصميم/ موضوع متجدد

  اضافة رد مع اقتباس نص هذه المشاركة
  رقم المشاركة : [ 44 ]
قديمة 02 - 06 - 2011, 20:16 هاوي برمجة غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 


هاوي برمجة يستحق التميزهاوي برمجة يستحق التميز
بيانات موقعي
اسم الموقع: قريبا
اصدار المنتدى: لا أملك منتدى
افتراضي
بارك الله فيك
هاوي برمجة
  اضافة رد مع اقتباس نص هذه المشاركة
  رقم المشاركة : [ 45 ]
قديمة 02 - 06 - 2011, 20:36 Solar Attack متواجد حاليآ بالمنتدى
مساعد مشرف
ركن دورات تعليم الإستايلات
 
صورة 'Solar Attack' الرمزية
 


Solar Attack سوف يصبح مبدعSolar Attack سوف يصبح مبدعSolar Attack سوف يصبح مبدع
بيانات موقعي
اسم الموقع: My Website
اصدار المنتدى: منتج اخر
افتراضي
اقتباس
 مشاهدة المشاركة المشاركة الأصلية أضيفت بواسطة : أبو جيفارا
مشكور علي الشرح

وآسمحلي قلت لنفسي آنقلو عندي علي الموقع

لحتي الشباب اللي عندي يستفيدو منو
وآدي الرابط بتآعو
درس تصميم استايل بهيدر جانبي بلغة Css مع Solar Attack - شبكة وملتقي آصدقاء فلسطين

تحياتي لك وموفق بآذن الله

هلا وغلا فيك ،،

منور الموضوع ،،

لابأس بالنقل "اهم شئ ذكر الحقوق"

اقتباس
 مشاهدة المشاركة المشاركة الأصلية أضيفت بواسطة : lamasat4u
اخوي عندي استفسار في الشرح الثاني ،، بعد ماضفت الكلاسات الثانيه الخاصة في الهيدر الجانبي

اكواد الكلاس الاول مافهمتهاheder logo bg

position:absolute; tob:50px; right:0px; width:198px;

ياريت تشرحها اكثر هذي اكواد شو بالضبط صورة ولا تمدد والمقاسات الي حطيناها اعتمدنا على شو بالضبط ؟

بانتظارك اخوي حتى اكمل الدرس وشكرا مره اخرى ..

ياهلا فيك ياغالي ،،
position تعني موضع العنصر absolute: ( تقوم بتعيين موضع العنصر بشكل مستقل ) .
tob لايششغل بالك لنه غير مهم فأنا شرحته لمن يعاني مشكلة تداخل الصورة مع بعض .
right تعني لايوجد او عدم اضافة محاذاة من الجهة اليمنى .
width معروف لدينا وهو العرض .


اتمنى اني وفقت في الاجابة على الاستفسار يالغلا ،،

اقتباس
 مشاهدة المشاركة المشاركة الأصلية أضيفت بواسطة : هاوي برمجة
بارك الله فيك

ياهلا والله فيك ،،

منور ياغالي ،،
توقيع Solar Attack
ملاحظة"اتمنى للجميع زيارة [فهرس شامل] دورات تعليم وتصميم الإستايــــلات قبل اضافة اي استفسار وشكراً لكم"
.:: مبروك ثوب ترايدنت + النظام الجديد ::.
صفحتي على الفيس بوك
صفحتي على جوجل بلاس
صفحتي على اليوتيوب
قريبا SolarDev
  اضافة رد مع اقتباس نص هذه المشاركة
اضافة رد

العلامات المرجعية

العبارات الدليلة
تصميم،هيدر،جانبي

أدوات الموضوع
طرق العرض

ضوابط المشاركة
لا يمكنك اضافة مواضيع جديدة
لا يمكنك اضافة مشاركات
لا يمكنك اضافة مرفقات
لا يمكنك تعديل مشاركاتك

رمز [IMG] : متاحة
رمز HTML : معطّلة
المراجع : معطّلة
Refbacks are متاحة




الساعة معتمدة بتوقيت جرينتش +3 . الساعة الآن : 19:00.
المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسئولية نفسه إتجاه مايقوم به من بيع وشراء وإتفاق وأعطاء معلومات موقعه
التعليقات المنشورة لا تعبر عن رأي معهد ترايدنت ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر)


Powered by vBulletin® Version 3.8.7
.Copyright ©2000 - 2012, Jelsoft Enterprises Ltd

SEO by vBSEO 3.6.0 ©2011, Crawlability, Inc.