منتديات ملوك النوبه
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

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

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

 

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

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


الجنس : انثى
الدولة : ليبيا
الهواية : السفر
المساهمات : 37
نقاط : 7929
الابراج : الاسد
الموقع : منتديـات جنة الفردوس
تاريخ التسجيل : 15/03/2017

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

الكود الاول

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

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

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

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




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



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

الصوره قبل 


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

بعد




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

الكود

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

    #fa_search {
    display: none !important;
    }

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

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



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


بعد



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



الكود : 

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

    #fa_share {
    display: none !important;
    }

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

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

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




الكود

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

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

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

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

الصور قبل 

البيانات الشخصيه
 
اكواد Css للتحكم الكامل بشريط الاشعارات 710



الاشعارات

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



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

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

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


الان الكود

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


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

بأمكانك التغير طبعا سواء الخلفيه او الظل حسب ماتريد وحسب اعدادتك اكواد Css للتحكم الكامل بشريط الاشعارات 201477 


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

صوره قبل



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


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


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



الكود

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


 
#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 للتحكم الكامل بشريط الاشعارات 572819 وتمت ترجمته واضافه بعض التعديلات فقطاكواد Css للتحكم الكامل بشريط الاشعارات 829894 


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

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


والسلام عليكم ورحمه الله وبركاته
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://omkareem.yoo7.com
 
اكواد Css للتحكم الكامل بشريط الاشعارات
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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