|
|
|
|
||||||
| دورات تعليم وتصميم الإستايلات قسم يهتم بتقديم دروس حول تصميم وتنسيق قوالب المنتديات المتكاملة Styles، كذلك لمناقشة الأفكار والأساليب الحديثة المتعلقة بالتصميم وطرق العرض. |
1معجبون
|
|
|
LinkBack | أدوات الموضوع | طرق العرض |
05 - 03 - 2010, 00:36
|
||||
|
بسم اللـهـ الرحمن الرحيم .. السلام عليكم ورحمة الله وبركاته درس بسيط وسهل عن تركيب واجهة جدا بسيطة .. مش راح تاخد منك 10 دقايق فقط صورة ورابط موقعك او منتداك.. نبــدأ باسم اللــهـ -------- صمم صورة الواجهة او المدخل بأي مقاس مناسب .. افتح الاكسبريشن او الدريم ويفر .. ابدأ صفحة جديدة .. واذهب الى تاب الكود .. وداخل وسم الـ Body ننشئ Div لنضع فيها الصورة رمز Code:
<div id="inter> هنا سنضع الصورة والرابط</div> نبدأ الآن في كتابة الـ css وبما اننا في صفحة اكوادها قليلة يمكننا تضمين اكواد الـ css داخل الصفحة .. - اعمل Reset للصفحة .. ما تنسى وضع وسم الـ style رمز Code:
* {
margin:0;
padding:0;
border:0;
}
- أريد الآن توسيط كل محتويات الصفحة .. واعطاء لون خلفية مناسب لصورة المدخل.. رمز Code:
body {
margin:0 auto;
text-align:center;
background-color:black;
}
- ننشيئ الآن الـ ID الخاص بديف الصورة.. رمز Code:
#inter {
width:auto;
height:600px;
background: url('Inter.jpg') no-repeat;
}
هناحددت مقاسات الصورة ووضعتها خلفية.. نروح لأكواد الهتمل لوضع الرابط والصورة.. رمز Code:
<div id="inter"><a href="http://www.pinkygrafix.com/inf"><img src="Inter.jpg" alt="اكتب هنا وصف او اسم موقعك" /></a></div> استبدل الرابط.. يمكنك زيادة اكواد مثل ما تحب .. هذه ما الا طريقة بسيطة جدا وبأكواد قليلة ونظيفة لعمل مدخل لمنتداك او موقعك.. رابط معاينة .. والحمدلله الصفحة طالعة نظيفة وما فيها اي اخطأء // تم ارفـاق الصورة ولصفحة // / \ أي سؤال او استفسار أنا حاضرة ان شاء الرحمن.. دمــتم في حفظ البـاري ،، الرابط الأصلي للموضوع مدرسة كليبرز،، شرح فيديو في السريع المريع  ما حد يضحك بليز  اتفضلو من هنا http://www.4shared.com/file/23540774...rface_Tut.html ان شاء الله تستفيدو كده أكثر .. لو فيه اي استفسار أو مشكلة في اي شيئ انا حاضرة بعون الله ،، دمتم سالمين ،،
التعديل الأخير كان بواسطة ابو شدق; 07 - 03 - 2010 الساعة 01:18
السبب: اضافة الشرح بالفيديو
|
|
:: عضو نشيط ::
 
 |
تستآهل ++ في إنتظآر جديدك |
|
|
|
:: عضو نشيط ::
 |
يسلموو أخـي مـلامـح ^_^..
وربي يعطيك العافية على التقييم الغالي ،، |
|
|
|
:: عضو نشيط ::
   |
شرح جميل ياغالي
بالنسبة لمن لديهم خلفية عن تقنية css اما المبتدئين ماراح يستفيدو كثير لو ترفق صور للشرح وتوضح اكثر راح يستفيد الكثير ودي لك حبيبي احلى تقييم ++ |
|
|
|
:: عضو نشيط ::
|
صراحه حاولت اطبق الدرس اكثر من 10 مرات ولكن هناك بعض الاختصارات اللي قلتيها مافهمتها:( ودي لو ولا عليك امر يكون الشرح فديو :$ <~ متبدئ ادري ثقلت عليك ، لكن العذر منك .. ودي وتقديري لكِ استاذتي |
|
|
|
:: عضو نشيط ::
|
|
|
|
|
:: عضو نشيط ::
|
الأجمل هو مرورك أخي الكريم .. وجزاك الرحمن كل خير على النصيحة .. وجاري اضافة فيديو يشرح الطريقة أكثر .. يسلمو على التقييم الغالي ^^
واياك أخي ابو شدق ،،
يجزانـا واياك أخي الكريم .. الحـالم سامحني ان كنت قصرت معكم بالدرس .. جاري عمل فيديو ^_^.. سأرفقه حال ما انتهي منـهـ بعون الرحمن ،، دمت بكل خير ،،
تسلم على الدعوة الطيبة Digital ^_^
لا شكر على واجب أخي .. ان شاء الله تستفيد ،، |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|
|
:: عضو نشيط ::
|
ما حد يضحك بليز اتفضلو من هنا http://www.4shared.com/file/23540774...rface_Tut.html ان شاء الله تستفيدو كده أكثر .. لو فيه اي استفسار أو مشكلة في اي شيئ انا حاضرة بعون الله ،، دمتم سالمين ،، ابو عبداللطيف معجب بهذا.
|
|
|
|
:: عضو نشيط ::
|
مـآشششـآء الله عليكِ .. إبدآع والله !
يـآليت يكون الشرح بطريقه الكلآسسـآت مو الـ ID ,, ع العموم عـآفـآك ربي أختي [نور] ومـآتقصرين ,, |
|
|
|
:: عضو نشيط ::
|
شكـرا لك أخي الكريم عبــأدي على مرورك العطر وردك الطيب ^^،، الطريقة الأصح انك بتستخدم الأي دي ID مع الديف حتى لو كان الديف الوحيد بالصفحة ،، لو هناك اشياء أخرى تريد تعريفها داخل هذا الديف استخدم الكلاسات .. ان شاء الله تكون فهمت علي..  شاكرة لك مرورك مرة أخرى أخي دمت بكل خير ،، |
|||||||||||||||||||||||
|
|
|
:: عضو نشيط ::
|
ممكن اخي شرح لعمل خلفيه نفس لوان والحركاته بارك الله فيك |
|
|
|
:: عضو نشيط ::
|
تقصد الصورة نفسها اللي استخدمتها في الواجهة؟
لو ده قصدك ان شاء الله انزل درس لها .. ولا يهمك .. شاكرة مرورك أخي مـاسـة ^_^ |
|
|
|
:: عضو نشيط ::
|
انا في انتظر درسك اخي الكريم بارك الله فيك |
|
|
|
| العلامات المرجعية |
| أدوات الموضوع | |
| طرق العرض | |
|
|
العرض العادي
