لونك المفضل
الألوان
chatالمواضيع الأخيرة
 الأربعاء أكتوبر 16, 2019 9:42 pm
 الثلاثاء أكتوبر 15, 2019 7:11 pm
 الثلاثاء أكتوبر 15, 2019 6:20 pm
 الأربعاء أكتوبر 09, 2019 5:22 pm
 الأربعاء أكتوبر 09, 2019 5:22 pm
 الأربعاء أكتوبر 09, 2019 5:21 pm
 الأربعاء أكتوبر 09, 2019 5:21 pm
new_releasesأفضل 10 أعضاء في هذا الأسبوع
new_releasesأفضل 10 أعضاء في هذا الشهر

منتدى الابداع العربي

منتدى ابداع وتصميم عربي

عنوان الخبر

تفاصيل الخبر

عنوان الخبر

تفاصيل الخبر

اعلانات المنتدى

انتظرونا قريباً الإبداع العربي بشكل جديد، كونوا بالقرب

انتظرونا قريباً مسابقات لا حصر لها
كلمات دليلية:

الدرس الثاني : جزء 2 (عمل ازرار للهيدر وتوجيهه لصور) Emptyالدرس الثاني : جزء 2 (عمل ازرار للهيدر وتوجيهه لصور)

JoryAbdallah
JoryAbdallah
بصمة خالدة
 نُشر في في الأحد نوفمبر 27, 2016 5:27 am

الدرس الثاني : جزء 2 (عمل ازرار للهيدر وتوجيهه لصور)
الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء2)
السلام عليكم ورحمة الله وبركاته
اسعد الله اوقاتكم بكل خير
نقدم لكم الدورة الحصرية من اعداد اختكم JAR7
دورة احتراف تكويد استايلات التومبلايت لاحلى منتدى

الدرس الثاني : جزء 2 (عمل ازرار للهيدر وتوجيهه لصور) 67049810
.
هتتكون الدورة بعون الله مجموعه دروس
1- الدرس الاول : تهيئة قوالب التومبلايت للعمل عليها
2- الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها
3- الدرس الثالث : تقطيع الاستايل المصمم عن طريق الفوتوشوب وكيفية حفظة
4- الدرس الرابع : عمل كلاسات للاستايل الذي تم تقطيعه بالقوالب التي
سيتم العمل بها  :/
5- الدرس الخامس : عمل ورقة css للكلاسات لكي تعمل بالمنتدى
6- الدرس السادس : وهو الاخير اخراج العمل والانتهاء من الاستايل

الدرس الثاني : جزء 2 (عمل ازرار للهيدر وتوجيهه لصور) Uo_ouo20
الدرس يوتيوب مدة 28 دقيقة حاولت الاسراع واول مرة لم اعد الدرس الحمد لله ههههههه
تعرفنا على هذا الدرس عمل نافبار او عمل هيدر به ازرار او ايقونات تواصل اجتماعي
فوائد الدرس :
طريقة عمل كلاسات صحيحة للتصميم
طريقة التقطيع الصحيحة
طريقة عمل كلاس الازرار سواء بصورة او بعمل خلفية
تعرفنا على اوامر جديدة باكواد css
امر التمدد padding
امر الانزياح margin
امر تباعد الاسطر line-heigh
امر حجم الخط font-size
امر توسيط الخط text-align
امر عمل حواف دائرية border-radius

الفكرة لعمل ازرار لايقونات معينه مثل ايقونات التواصل الاجتماعي
هو ايجاد موقعها وايطار الموقع حتى عند مرور الماوس يكون الصورة بالهدف الطلوب

الدرس اليوتيوب مشاهدة :/

https://youtu.be/j1hzrMNx5tY

الكلاسات التي تم عملها بالدرس

الكود:



<div class="nnb">
<div class="nnr">
<a href="#" title="الرئيسية">الرئيسية</a>
<a href="#" title="التسجيل">التسجيل</a>

<a href="#" title="اتصل بنا">اتصل بنا</a>

</div>
<div class="nnl">
<a href="#" title="تابعنا بتويتر"></a>
<a href="#" title="تابعنا على قوقل بلس"></a>

<a href="#" title="تابعنا rss"></a>

<a href="#" title="تابعنا فيس بوك"></a>

</div>

</div>


اكواد css

الكود:


.nnb{
   background-image:url('https://i37.servimg.com/u/f37/16/46/77/76/uo-ouo14.gif');
   background-repeat:repeat;
   height:90px;
}
.nnl{
   background-image:url('https://i37.servimg.com/u/f37/16/46/77/76/uo-ouo13.gif');
   background-repeat:no-repeat;
   float:left;
   height:90px;
   width:223px;
}
.nnl a {
    float: left;
    height: 80px;
    margin-left: 3px;
    padding: 1px;
    width: 50px;
}
.nnr{
   float:right;
}
.nnr a {
    background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    color: #000;
    float: right;
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    margin: 10px;
    padding: 5px;
    text-align: center;
    width: 100px;
}



وختاما احلى سلام :/
اختكم JAR7

الدرس الثاني : جزء 2 (عمل ازرار للهيدر وتوجيهه لصور) Emptyرد: الدرس الثاني : جزء 2 (عمل ازرار للهيدر وتوجيهه لصور)

Basil Abdallah
Basil Abdallah
بصمة خالدة
 نُشر في في الأحد نوفمبر 27, 2016 2:34 pm

كل الشكر و التقدير على الدرس الرائع ولا ازال متابع هذه الدورة المميزة الى حد الانتهاء و الاحتراف
التوقيع

الدرس الثاني : جزء 2 (عمل ازرار للهيدر وتوجيهه لصور) Emptyرد: الدرس الثاني : جزء 2 (عمل ازرار للهيدر وتوجيهه لصور)

JoryAbdallah
JoryAbdallah
بصمة خالدة
 نُشر في في الأحد نوفمبر 27, 2016 7:53 pm

وفيك بوركت اخي العزيز
سيتم وضع دروس بشكل اسرع بعون الله تعالى
التوقيع


الدرس الثاني : جزء 2 (عمل ازرار للهيدر وتوجيهه لصور) Ocia-a10

الدرس الثاني : جزء 2 (عمل ازرار للهيدر وتوجيهه لصور) Emptyرد: الدرس الثاني : جزء 2 (عمل ازرار للهيدر وتوجيهه لصور)

Abshahad
Abshahad
بصمة خالدة
 نُشر في في الخميس ديسمبر 01, 2016 8:37 am

لكي الف شكر دمتي ودام عطائك
التوقيع

الدرس الثاني : جزء 2 (عمل ازرار للهيدر وتوجيهه لصور) Emptyرد: الدرس الثاني : جزء 2 (عمل ازرار للهيدر وتوجيهه لصور)

عشقك يكفيني
عشقك يكفيني
عضو فعال
 نُشر في في الخميس ديسمبر 01, 2016 3:38 pm

شرح مميز وبسيط .. يسلمو على جهود
وتوضيح في محله

الدرس الثاني : جزء 2 (عمل ازرار للهيدر وتوجيهه لصور) Emptyرد: الدرس الثاني : جزء 2 (عمل ازرار للهيدر وتوجيهه لصور)

L.Mogdad
L.Mogdad
بصمة خالدة
 نُشر في في السبت ديسمبر 03, 2016 1:34 pm

لكي الف شكر دمتي ودام عطائك
التوقيع

الدرس الثاني : جزء 2 (عمل ازرار للهيدر وتوجيهه لصور) Emptyرد: الدرس الثاني : جزء 2 (عمل ازرار للهيدر وتوجيهه لصور)

JoryAbdallah
JoryAbdallah
بصمة خالدة
 نُشر في في الثلاثاء ديسمبر 06, 2016 11:17 pm

منور اخي العزيز
التوقيع


الدرس الثاني : جزء 2 (عمل ازرار للهيدر وتوجيهه لصور) Ocia-a10

الدرس الثاني : جزء 2 (عمل ازرار للهيدر وتوجيهه لصور) Emptyرد: الدرس الثاني : جزء 2 (عمل ازرار للهيدر وتوجيهه لصور)

روجر الذهبي
روجر الذهبي
عضو محترف
 نُشر في في الإثنين ديسمبر 12, 2016 4:10 pm

شكرا جرح
التوقيع

الدرس الثاني : جزء 2 (عمل ازرار للهيدر وتوجيهه لصور) Emptyرد: الدرس الثاني : جزء 2 (عمل ازرار للهيدر وتوجيهه لصور)

Mr.LoLo
Mr.LoLo
بصمة خالدة
 نُشر في في الإثنين ديسمبر 19, 2016 6:46 pm

شكرآآ لك , ع الموضوعع الجميللَ الدرس الثاني : جزء 2 (عمل ازرار للهيدر وتوجيهه لصور) 2821261694>
التوقيع


سبحان الله وبحمده ..
          سبحان الله العظيم ...

اللهم صلِّ وسلم على محمد.. وعلى آله وصحبه أجمعين


الدرس الثاني : جزء 2 (عمل ازرار للهيدر وتوجيهه لصور) Uia_io10

الدرس الثاني : جزء 2 (عمل ازرار للهيدر وتوجيهه لصور) Emptyرد: الدرس الثاني : جزء 2 (عمل ازرار للهيدر وتوجيهه لصور)

avatar
AbdallahBeraida
بصمة خالدة
 نُشر في في الثلاثاء فبراير 21, 2017 4:57 pm

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

الدرس الثاني : جزء 2 (عمل ازرار للهيدر وتوجيهه لصور) Emptyرد: الدرس الثاني : جزء 2 (عمل ازرار للهيدر وتوجيهه لصور)

Zen Aku
Zen Aku
بصمة خالدة
 نُشر في في السبت مارس 04, 2017 6:32 pm

شكرا لك
التوقيع

الدرس الثاني : جزء 2 (عمل ازرار للهيدر وتوجيهه لصور) Emptyرد: الدرس الثاني : جزء 2 (عمل ازرار للهيدر وتوجيهه لصور)

Zen Aku
Zen Aku
بصمة خالدة
 نُشر في في السبت مارس 04, 2017 6:33 pm

شكرا لك
التوقيع

الدرس الثاني : جزء 2 (عمل ازرار للهيدر وتوجيهه لصور) Emptyرد: الدرس الثاني : جزء 2 (عمل ازرار للهيدر وتوجيهه لصور)

abuahmad
abuahmad
عضو خبير
 نُشر في في السبت أبريل 22, 2017 3:30 pm

رائع

تسلم الايادى

تحياتي
التوقيع

الدرس الثاني : جزء 2 (عمل ازرار للهيدر وتوجيهه لصور) Emptyرد: الدرس الثاني : جزء 2 (عمل ازرار للهيدر وتوجيهه لصور)

منصورة
منصورة
بصمة خالدة
 نُشر في في الجمعة مايو 19, 2017 12:49 pm

شرح بسيط ومميز اختي جوري
الف شكر على الإفادة
تقبلي مروري وتقديري
التوقيع


كل القلوب إلى الحبيب تميل
ومعي بهذا شاهد ودليل
اما الدليل إذا ذكرت محمداً
صارت دموع العارفين تسيل
هذا رسول الله نبراس الهدى
هذا لكل العالمين نبيا

الدرس الثاني : جزء 2 (عمل ازرار للهيدر وتوجيهه لصور) Emptyرد: الدرس الثاني : جزء 2 (عمل ازرار للهيدر وتوجيهه لصور)

Ahmed Alshiqaqi
Ahmed Alshiqaqi
فريق التنظيم
 نُشر في في السبت يونيو 16, 2018 11:18 pm

يعطيكم العافية على الطرح الدرس الثاني : جزء 2 (عمل ازرار للهيدر وتوجيهه لصور) 837876428
كل الاحترام الدرس الثاني : جزء 2 (عمل ازرار للهيدر وتوجيهه لصور) 433646733

الدرس الثاني : جزء 2 (عمل ازرار للهيدر وتوجيهه لصور) Emptyرد: الدرس الثاني : جزء 2 (عمل ازرار للهيدر وتوجيهه لصور)

مصطفى ستيتان
مصطفى ستيتان
عضو خبير
 نُشر في في الإثنين يوليو 23, 2018 9:17 am

   جزاكم الله خيراً  
 وردة حمراء وردة حمراء وردة حمراء وردة حمراء 
التوقيع


سبحان الله والحمدلله ولا إله إلا الله 
 
الدرس الثاني : جزء 2 (عمل ازرار للهيدر وتوجيهه لصور) Do

اعلانات نصية