-

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

إرسال موضوع جديدإرسال مساهمة في موضوع

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

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

الكود الاول

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


 



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

الصوره قبل




بعد



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


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



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

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




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

بعد





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

الكود :

 
الرمز:
 
    #fa_share {
    display: none !important;
    }
 


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

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




https://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 باللون الذى تريده
 

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

الصور قبل

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





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

الاشعارات





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

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








https://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;
    }
 
 بأمكانك التغير طبعا سواء الخلفيه او الظل حسب ماتريد وحسب اعدادتك
 

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

صوره قبل




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

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





https://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
 المزاج : متفائله ان شاء الله
 نقاط : 4016
 تاريخ التسجيل : 18/04/2013
 رأيك في العضو/هـ : 0
لوني المفضل : Tomato
رد: :css: اكواد التحكم الكامل في عارضة احلى منتدى بمميزات مذهلة
  كده شكله هيبقى احلى
 


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

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



توقيع : شو شو





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

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


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

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



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





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

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

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


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

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



توقيع : zizou2012





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

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


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

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



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





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

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


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

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



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





إرسال موضوع جديدإرسال مساهمة في موضوع

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



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

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



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


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

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

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