أهلا وسهلا بك يا زائر في منتديات ملوك النوبه
 
الرئيسيةس .و .جبحـثالتسجيلدخول
ادارة منتديات ملوك النوبه ترحب بجميع الزوار ونتمنى لهم الإنتساب إلينا وكذالك نرحب بالأعضاء اللذين منتسبين لدينا
ونأمل أن يستمتعوا معنا ويستفيدومن المنتدى ويفيدوا منتدانا مع خالص تحياتى * إدارة المنتدى *

شاطر | 
 

 اكواد Css للتحكم الكامل بشريط الاشعارات

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
ساره محمد
 
 
avatar

الجنس : انثى
الدولة : ليبيا

الهواية : السفر
السٌّمعَة : 0
المساهمات : 24
نقاط : 798
تاريخ التسجيل : 15/03/2017

مُساهمةموضوع: اكواد Css للتحكم الكامل بشريط الاشعارات   الخميس مارس 23, 2017 9:36 pm

الكود الاول

كود تغير لون خلفيه الشريط

الكود: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]---------تضليل المحتوى
الكود:

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

ضع مكان #fff اللون الذى تريده 
صوره بعد التغير




[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]



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

الصوره قبل 


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

بعد




[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الكود

الكود: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]---------تضليل المحتوى
الكود:

    #fa_search {
    display: none !important;
    }

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

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



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


بعد



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]



الكود : 

الكود: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]---------تضليل المحتوى
الكود:

    #fa_share {
    display: none !important;
    }

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

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]




الكود

الكود: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]---------تضليل المحتوى
الكود:

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

غير اللون #FA0E21 باللون الذى تريده 

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

الصور قبل 

البيانات الشخصيه
 
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]



الاشعارات

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]



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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


الان الكود

الكود: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]---------تضليل المحتوى
الكود:


    #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;
    }

بأمكانك التغير طبعا سواء الخلفيه او الظل حسب ماتريد وحسب اعدادتك [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] 


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

صوره قبل



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


صوره بعد الكود [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] 


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]



الكود

الكود: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]---------تضليل المحتوى
الكود:


 
#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;
    }

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

للامانه الموضوع منقول من منتدى الدعم الروسى [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] وتمت ترجمته واضافه بعض التعديلات فقط[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] 


برجاء عدم النقل دون ذكر المصدر 

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
اتمنى الدعاء لى ولوالدين بالرحمه والمغفره [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] 


والسلام عليكم ورحمه الله وبركاته
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
اكواد Css للتحكم الكامل بشريط الاشعارات
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات ملوك النوبه :: **تطوير المواقع والمنتديات** :: قسم لتطوير المنتديات-
انتقل الى: