منتديات مواضيع
عزيزي الزائر / عزيزتي الزائرة
يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا
او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدي
سنتشرف بتسجيلك
شكرااااااا



ادارة منتيات مواضيع





شاطر
استعرض الموضوع السابقاذهب الى الأسفلاستعرض الموضوع التالي
avatar
mrghozzi
المدير العام
المدير العام
البلد البلد : تونس
الجنس : ذكر
عدد المساهمات : 1119
تاريخ التسجيل : 04/09/2012
العمر : 25
الموقع : منتديات مواضيع
العمل/الترفيه العمل/الترفيه : مدير مواقع و صفحات إسلامية
المزاج المزاج : ذو دعابة

بطاقة الشخصية
الحقول: 10
http://masjid-arra7ma.blogspot.com/http://mwadhi3.kariya-host.com

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

في 2013-07-20, 04:10


السلام عليكم ورحمه الله وبركاته

طبعا نشكر الزعيم على شريط الاشعارات الرائع الذى تم تركيبه على منتديات احلى منتدى

الان مجموعه اكواد تجعلك تتحكم بشريط الاشعارات بشكل كام تقريبا كأنك الى مركبه

بسم الله نبدأ

الكود الاول

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

الكود: ---------تضليل المحتوى

الكود:

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


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


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


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

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

الصوره قبل

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


بعد


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


الكود

الكود: ---------تضليل المحتوى

الكود:

    #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/910.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;
    }


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

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


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

http://help.ahlamontada.com
Bebo
اتمنى الدعاء لى ولوالدين بالرحمه والمغفره


والسلام عليكم ورحمه الله وبركاته


القرية الهوست


avatar
شبح المنتديات
خبير
خبير
البلد البلد : العراق
الجنس : ذكر
عدد المساهمات : 188
تاريخ التسجيل : 12/02/2013
العمر : 20
العمل/الترفيه العمل/الترفيه : طالب

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

في 2013-07-22, 02:23
 موضوع في قمة الروعه يسلمو ع الطرح الجميل
avatar
mrghozzi
المدير العام
المدير العام
البلد البلد : تونس
الجنس : ذكر
عدد المساهمات : 1119
تاريخ التسجيل : 04/09/2012
العمر : 25
الموقع : منتديات مواضيع
العمل/الترفيه العمل/الترفيه : مدير مواقع و صفحات إسلامية
المزاج المزاج : ذو دعابة

بطاقة الشخصية
الحقول: 10
http://masjid-arra7ma.blogspot.com/http://mwadhi3.kariya-host.com

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

في 2013-07-24, 06:02
 شكرااا على مروركم بموضوعي

mrghozzi


القرية الهوست


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