-

الرئيسيةمكتبة الصورس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخول

اخر المواضيع

جديدلاتفوت عروض بنده اليوم 22 يونيو 2017 الموافق 27 رمضان 1438 عروض الثلاث أيامأمس في 03:51 am من طرفحلم الايامجديدلاتفوت عروض كارفور عيدكم مبارك 21 يونيو 2017 الموافق 26 رمضان 143821/06/17, 01:36 am من طرفحلم الايامجديدلاتفوت عروض المدينة هايبر اليوم 19 يونيو 2017 الموافق 24 رمضان 1438 عروض طازجة19/06/17, 02:25 am من طرفحلم الايامجديدلاتفوت عروض لولو المنطقة الشرقية 18 يونيو 2017 الأحد 23 رمضان 1438 عروض العيد18/06/17, 02:43 am من طرفحلم الايامجديدعروض بنده عروض لمدة 4أيام فقط 20 رمضان 1438 الموافق 2017/6/1516/06/17, 02:34 am من طرفحلم الايامجديدلاتفوت عروض لولو الدمام اسعار مخفضة 14 يونيو 2017 الموافق 19 رمضان 143814/06/17, 03:42 am من طرفحلم الايامجديدبرنامج تحويل الفيديو الى عدة صيغ GOM Video Converter 2.0.0.114/06/17, 12:44 am من طرفنبض العيونجديدبرنامج تحرير الفيديو وانتاج مقاطع فيديو Movavi Video Editor 12.5.013/06/17, 11:47 pm من طرفنبض العيونجديدلا تفوت عروض السدحان لليوم 12 يونيو 2017 الاثنين 17 رمضان 1438 عروض منتصف الأسبوع12/06/17, 05:40 pm من طرفحلم الايامجديدبرنامج إزالة ومكافحة الفيروسات واحصنة طروادة Rising Antivirus Free 23.00.76.9312/06/17, 02:28 am من طرفنبض العيون


تم النشر بقلم :محمـود:06/05/13, 01:03 pm - -

 المشاركة رقم: #1
avatar
الاداره
تواصل معى
معاينة صفحة البيانات الشخصي للعضو http://www.layalyeg.com
بيانات اضافيه [+]
 الجنس : ذكر
 عدد الرسائل : 8016
 العمر : 39
 نقاط : 528685
 تاريخ التسجيل : 21/03/2008
 رأيك في العضو/هـ : 15
لوني المفضل : Tomato
:css: اكواد التحكم الكامل في عارضة احلى منتدى بمميزات مذهلة
السلام عليكم ورحمه الله وبركاته
  مجموعه اكواد تجعلك تتحكم بشريط الاشعارات بشكل كامل تقريبا كأنك الى مركبه وجعله اكثر احترافيه
جميع الاكواد ستكون له صور تدل عليها
وجميعها يتم وضعها في لوحة الاداره - مظهر المنتدى - الوان - ورقة تصميم css
 
 بسم الله نبدأ

الكود الاول

كود تغير لون خلفيه الشريط
 
الكود:
 
    #fa_toolbar, #fa_toolbar_hidden {
    background-color: #fff !important;
    }
 
 ضع مكان #fff اللون الذى تريده
صوره بعد التغير


 



 ثانيا : كود حذف مربع البحث

الصوره قبل




بعد



تصغير الصورة معاينة الأبعاد الأصلية.


الكود
 
الكود:
 
    #fa_search {
    display: none !important;
    }
 



 
ثالثا : كود حذف ازرار شاطر

صوره قبل استخدام الكود




http://i76.servimg.com/u/f76/16/80/18/01/410.jpg

بعد





http://i76.servimg.com/u/f76/16/80/18/01/510.jpg

الكود :

 
الكود:
 
    #fa_share {
    display: none !important;
    }
 


 رابعا : كود تغير لون الاشعارات

صوره بعد استخدام الكود




http://i76.servimg.com/u/f76/16/80/18/01/610.jpg

الكود
 
الكود:
 
    #fa_notifications.unread #notif_unread {
    color: #FA0E21;
    margin-left: 5px;
    font-weight: bold;
    }
 
 غير اللون #FA0E21 باللون الذى تريده
 

 خامسا: تطوير الاسم والاشعارات

الصور قبل

البيانات الشخصيه





http://i76.servimg.com/u/f76/16/80/18/01/710.jpg

الاشعارات





http://i76.servimg.com/u/f76/16/80/18/01/810.jpg

بعد استخدام الكود








http://i76.servimg.com/u/f76/16/80/18/01/1010.jpg

الان الكود 

الكود:
 

    #fa_menulist, #notif_list {
    margin-top: 5px !important;
    border-color: transparent !important;
    border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    -moz-box-shadow: -1px 3px 5px #000;
    -webkit-box-shadow: -1px 3px 5px #000;
    box-shadow: -1px 3px 5px #000;
    background-color: #fff;
    }

  
    .see_all, .see_all a {
    color: #000 !important;
    background-color: transparent !important;
    }
 
 بأمكانك التغير طبعا سواء الخلفيه او الظل حسب ماتريد وحسب اعدادتك
 

 
الان والكود الاخير وهو كود كامل لتصغير الشريط وجعله متقدم مع التحكم فيه

صوره قبل




http://i76.servimg.com/u/f76/16/80/18/01/1110.jpg

صوره بعد الكود  





http://i76.servimg.com/u/f76/16/80/18/01/1210.jpg

الكود 

الكود:
 

 
#fa_toolbar {
background-image:url(http://i40.servimg.com/u/f40/16/80/18/01/anoan10.jpg)!important;
border-bottom:ridge 2px #B38000!important;
}
#fa_toolbar_hidden {
background-image:url(http://i40.servimg.com/u/f40/16/80/18/01/anoan10.jpg)!important;
}



    body {
    margin-top: 40px;
    }

    
    #fa_toolbar, #fa_toolbar_hidden {
    background-color: transparent !important;
    }

    
    #fa_search {
    display: none !important;
    }

    
    #fa_share {
    display: none !important;
    }

    
    #fa_left {
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px;
    -moz-box-shadow: -1px 1px 5px #000000;
    -webkit-box-shadow: -1px 1px 5px #000000;
    box-shadow: -1px 1px 5px #000000;
    padding-right: 10px;
    }

    
    #fa_right {
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px;
    -moz-box-shadow: 1px 1px 5px #000000;
    -webkit-box-shadow: 1px 1px 5px #000000;
    box-shadow: 1px 1px 5px #000000;
    padding-left: 10px;
    }

    
    #fa_menulist, #notif_list {
    font-size: 12px !important;
    margin-top: 3px !important;
    border-color: transparent !important;
    border-radius: 6px !important;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-box-shadow: -1px 3px 5px #000000;
    -webkit-box-shadow: -1px 3px 5px #000000;
    box-shadow: -1px 3px 5px #000000;
    background-color: #F2F6FA !important;
    text-decoration: none !important;
    }

    
    #fa_left, #fa_right {
    background: transparent url(http://i75.servimg.com/u/f75/16/54/26/99/vkwv10.png) repeat !important;
    }

    #fa_left a, #fa_right a {
    text-decoration: none !important;  
    }

    li.see_all, li.see_all a {
    background-color: transparent !important;
    color: #666666 !important;
    }

    #fa_left, #fa_notifications, #fa_welcome {
    text-shadow: 1px 1px 1px #666666 !important;
    }

  
    #fa_menulist a, #fa_menulist a:link, #fa_menulist a:visited, #notif_list a {
    color: #666666 !important;
    text-decoration: none !important;
    }

    
    #fa_menulist a:hover {
    color: #BE0B12 !important;
    }

    
    #fa_toolbar > #fa_right.notification > #fa_notifications, #fa_right.welcome #fa_menu #fa_welcome {
    background-color: #828F99 !important;
    color: white !important;
    }

  
    #fa_notifications.unread #notif_unread {
    color: #FA0E21;
    margin-left: 5px;
    font-weight: bold;
    }

 

 بكده نكون انتهينا من الموضوع

للامانه الموضوع منقول من منتدى الدعم الروسى   وتمت ترجمته واضافه بعض التعديلات فقط


تم النشر بقلم :محمـود06/05/13, 01:03 pm    

تعليقات القراء



توقيع : محمـود





تم النشر بقلم :شو شو:06/05/13, 01:16 pm - -

 المشاركة رقم: #2
مصراوي جديد
تواصل معى
معاينة صفحة البيانات الشخصي للعضو
بيانات اضافيه [+]
 الجنس : انثى
 عدد الرسائل : 20
 المزاج : متفائله ان شاء الله
 نقاط : 4610
 تاريخ التسجيل : 18/04/2013
 رأيك في العضو/هـ : 0
لوني المفضل : Tomato
رد: :css: اكواد التحكم الكامل في عارضة احلى منتدى بمميزات مذهلة
  كده شكله هيبقى احلى
 


تم النشر بقلم :شو شو06/05/13, 01:16 pm    

تعليقات القراء



توقيع : شو شو





تم النشر بقلم :محمـود:06/05/13, 04:41 pm - -

 المشاركة رقم: #3
avatar
الاداره
تواصل معى
معاينة صفحة البيانات الشخصي للعضو http://www.layalyeg.com
بيانات اضافيه [+]
 الجنس : ذكر
 عدد الرسائل : 8016
 العمر : 39
 نقاط : 528685
 تاريخ التسجيل : 21/03/2008
 رأيك في العضو/هـ : 15
لوني المفضل : Tomato
رد: :css: اكواد التحكم الكامل في عارضة احلى منتدى بمميزات مذهلة
اذيك يا ام هيا
يارب الاكواد تكون عجبتك
وفعلا شكله هيكون احترافي وجميل
يارب الجميع يستفيد منه


تم النشر بقلم :محمـود06/05/13, 04:41 pm    

تعليقات القراء



توقيع : محمـود





تم النشر بقلم :zizou2012:06/05/13, 07:21 pm - -

 المشاركة رقم: #4
avatar
مصراوي مفيش منه
تواصل معى
معاينة صفحة البيانات الشخصي للعضو
بيانات اضافيه [+]
 الجنس : ذكر
 عدد الرسائل : 109
 نقاط : 4800
 تاريخ التسجيل : 24/03/2013
 رأيك في العضو/هـ : 0
لوني المفضل : Tomato
رد: :css: اكواد التحكم الكامل في عارضة احلى منتدى بمميزات مذهلة
مبدع صديقي

شكرا سيتم تجريب الكود


تم النشر بقلم :zizou201206/05/13, 07:21 pm    

تعليقات القراء



توقيع : zizou2012





تم النشر بقلم :نورا الملكه:08/08/13, 02:08 am - -

 المشاركة رقم: #5
avatar
مصراوي مفيش منه
تواصل معى
معاينة صفحة البيانات الشخصي للعضو
بيانات اضافيه [+]
 الجنس : انثى
 عدد الرسائل : 193
 الموقع : صن سيت
 نقاط : 4576
 تاريخ التسجيل : 07/08/2013
 رأيك في العضو/هـ : 0
لوني المفضل : Tomato
رد: :css: اكواد التحكم الكامل في عارضة احلى منتدى بمميزات مذهلة
ليه مش راضى ينسخ


تم النشر بقلم :نورا الملكه08/08/13, 02:08 am    

تعليقات القراء



توقيع : نورا الملكه





تم النشر بقلم :احمد الخطيب:22/03/14, 01:15 pm - -

 المشاركة رقم: #6
avatar
مصراوي مفيش منه
تواصل معى
معاينة صفحة البيانات الشخصي للعضو http://alkoran.d1g.com
بيانات اضافيه [+]
 الجنس : ذكر
 عدد الرسائل : 102
 العمر : 20
 الموقع : مصر /دمنهور
 المزاج : رايق
 نقاط : 3878
 تاريخ التسجيل : 21/03/2014
 رأيك في العضو/هـ : 0
لوني المفضل : Tomato
الرد علي الموضوع
مشكور


تم النشر بقلم :احمد الخطيب22/03/14, 01:15 pm    

تعليقات القراء



الموضوع الأصلي : :css: اكواد التحكم الكامل في عارضة احلى منتدى بمميزات مذهلة // المصدر : منتديات ليالى مصرية // الكاتب: احمد الخطيب
توقيع : احمد الخطيب






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



الــرد الســـريـع

رفع الصور رفع فيديو أغانى فوتوشوب ترجمة رموز الكتابة ردود جاهزة صندوق متطور



مواضيع ذات صلة


«الموضوع السابق|الموضوع التالي»

تعليمات المشاركة
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة