المواضيع الأخيرة
» إليگم..
أمس في 16:12 من طرف آيات الله

» أربع رسائل فرحة
أمس في 13:12 من طرف آيات الله

» طفلتي 11(من وحي المونديال)
أمس في 10:07 من طرف سائر حسان

» لماذا صن سيت لم يحتفل بالعيد
الأحد 17 يونيو 2018 - 21:05 من طرف اسلام

» الله الله مالنا مولا سوى الله..أحلي أنشودة ممكن تسمعها^^
الأحد 17 يونيو 2018 - 19:14 من طرف رحمة

» أكتشف مما يتركب جسمك
الأحد 17 يونيو 2018 - 4:20 من طرف حسام

» أسماء حكام مصر
الأحد 17 يونيو 2018 - 4:18 من طرف داليا

» تهنئة بعيد الفطر المبارك
الأحد 17 يونيو 2018 - 4:18 من طرف داليا

» كود فانوس رمضان بشكل حصري
الأحد 17 يونيو 2018 - 0:14 من طرف Michael_vx

» Cryptocurrency CFD Trading
السبت 16 يونيو 2018 - 3:48 من طرف ارينسن

قم بالاعجاب لصفحة موقع صن سيت على الفيسبوك ليصلك كل جديد ...
اشخاص فى صن سيت
مشاهدة المزيد
المتواجدون الآن ؟
ككل هناك 15 عُضو متصل حالياً :: 0 عضو مُسجل, 0 عُضو مُختفي و 15 زائر :: 2 عناكب الفهرسة في محركات البحث

لا أحد

أكبر عدد للأعضاء المتواجدين في هذا المنتدى في نفس الوقت كان 1792 بتاريخ الأحد 29 يناير 2017 - 11:31
اختصار سريع
ألــــوان الرتــــب
الإدارة العليا
المدير العام
رئيس المشرفين
مشــــرف
عضــــو

حصري تغيير شكل عارضة المنتدي بالشكل الحديث

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

حصري تغيير شكل عارضة المنتدي بالشكل الحديث

مُساهمة من طرف نغم الحياة في الإثنين 17 أكتوبر 2016 - 0:24

#عارضة #المنتدي #كود
بسم الله الرحمن الرحيم

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

أقدم لكم كود حصري ومميز لـتطوير عارضة منتداك بشــكل أحترافي ورهيب من اعمال الاخ mr code


الكود يقوم بتطوير العارضة مع أضافة تأثيرات على العارضة


صورة لعمل الكود


ان الكود CSS لذا يتم أضافة في ورقة تصميم CSS
الكود مخفي يرجى أضافة رد ليظهر الكود
الكود:


[hide]    /* -- 18. FORUMACTIF TOOLBAR -- */
    #fa_toolbar { border-bottom:1px solid #CCC }
    #fa_icon { background-image:url('http://i21.servimg.com/u/f21/18/21/41/30/pa1110.png') !important }
    #fa_service {
      color:#39C !important;
      font-size:16px;
      font-weight:bold;
      font-family:"Trebuchet MS", Arial, Verdana, Sans-serif;
    }

    #fa_right #fa_menu #fa_welcome, #fa_right #fa_notifications, #fa_right a.rightHeaderLink {
      color:#39C !important;
      font-size:11px !important;
      font-weight:bold !important;
      text-decoration:none !important;
      line-height:22px !important;
      background-color:transparent !important;
      border:1px solid #39C !important;
      border-radius:3px !important;
      padding:0px 6px !important;
      margin-top:3px !important;
      transition:200ms;
    }

    #fa_right a.rightHeaderLink:hover, #fa_right #fa_menu #fa_welcome:hover, #fa_right #fa_notifications:hover, #fa_right.welcome #fa_menu #fa_welcome, #fa_toolbar > #fa_right.notification > #fa_notifications {
      color:#FFF !important;
      background-color:#39C !important;
      border-color:#39C !important;
    }

    #fa_right #fa_hide {
      background-color:transparent !important;
      padding:0 !important;
      margin-top:0 !important;
      border:none !important;
      transition:none !important;
    }

    /* share icons */
    #fa_share a {
      background:url('http://i21.servimg.com/u/f21/18/21/41/30/fa_sha10.png') no-repeat 0 0 transparent !important;
      height:25px !important;
      width:25px !important;
      border-radius:25px;
      margin:-2px 3px 0px 3px !important;
    }

    /*#fa_share a:hover { background-color:#39C !important }*/

    #fa_share a:after {
      content:".";
      font-size:0;
      background:transparent;
      border-radius:30px;
      display:block;
      height:35px;
      width:35px;
      position:absolute;
      margin-right:-5px;
      margin-top:-5px;
      z-index:-1;
      transition:250ms;
    }

    #fa_share a:hover:after {
      background:#39C;
      height:25px;
      width:25px;
      margin-right:0;
      margin-top:0;
    }

    a#fa_fb { background-position:-50px 0 !important }
    a#fa_fb:hover { background-position:-75px 0 !important }

    a#fa_twitter { background-position:0 0 !important }
    a#fa_twitter:hover { background-position:-25px 0 !important }

    a#fa_gp { background-position:-98px 0 !important }
    a#fa_gp:hover { background-position:-123px 0 !important }

    a#fa_mail { background-position:-150px 0 !important }
    a#fa_mail:hover { background-position:-175px 0 !important }

    a#fa_rss { background-position:-199px 0 !important }
    a#fa_rss:hover { background-position:-224px 0 !important }


    /* search bar */
    #fa_search { position:relative }

    #fa_search #fa_magnifier {
      background:url('http://i21.servimg.com/u/f21/18/21/41/30/search10.png') no-repeat 50% 50% #39C !important;
      border:1px solid #39C;
      border-left:none;
      border-radius:0 3px 3px 0;
      height:22px !important;
      width:22px !important;
      top:3px;
      right:0px;
    }

    #fa_search #fa_textarea {
      color:#39C !important;
      font-size:12px !important;
      background:#39C !important;
      border:1px solid #39C !important;
      border-radius:3px 0 0 3px !important;
      line-height:12px !important;
      height:16px !important;
      width:0px !important;
      margin-right:23px !important;
      padding:3px 0px 3px 1px !important;
      transition:300ms;
      cursor:text;
    }

    #fa_search:hover #fa_textarea, #fa_search #fa_textarea:hover, #fa_search #fa_textarea:focus {
      color:#444 !important;
      background:#FFF !important;
      width:150px !important;
      padding:3px !important;
      outline:none;
    }

    /* menus and notifications */
    #fa_menulist, #fa_toolbar #fa_right #notif_list {
      background:#FFF !important;
      border:1px solid #DDD !important;
      border-radius:3px;
      box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);
      margin-top:18px !important;
    }

    #fa_menulist:before, #fa_toolbar #fa_right #notif_list:before {
      content:url('http://i18.servimg.com/u/f18/18/21/41/30/arrow11.png');
      position:absolute;
      top:-10px;
      right:10%;
    }

    #fa_toolbar #fa_right #notif_list li.see_all { background:#39C !important }

    #fa_toolbar #live_notif .fa_notification {
      background:#FFF !important;
      border:1px solid #DDD;
      border-bottom-width:2px;
      border-radius:3px !important;
      box-shadow:0 3px 12px rgba(0, 0, 0, 0.175);
      opacity:1 !important;
      margin-top:5px;
    }

    #fa_toolbar #live_notif .fa_notification .content {
      color:#555 !important;
      background-image:url('http://i18.servimg.com/u/f18/16/89/96/68/notifi10.png') !important;
    }

    #fa_toolbar #live_notif .fa_notification a { color:#39C !important }
    #fa_toolbar #live_notif .fa_notification a:hover { color:#333 !important }

    #notif_unread {
      color:#F93;
      font-weight:bold;
    }

    #fa_notifications:hover #notif_unread, #fa_toolbar > #fa_right.notification > #fa_notifications #notif_unread { color:#FFF }

    /* hide / show arrows */
    #fa_hide, #fa_show {
      background:url('http://i21.servimg.com/u/f21/18/21/41/30/fa_arr10.png') no-repeat 0px 0px transparent !important;
    }

    #fa_hide:hover { background-position:-30px 0px !important }

    #fa_show { background-position:-60px 0px !important; }
    #fa_show:hover { background-position:-90px 0px !important }
[/hide]
مع السلامـة في موضوع أخــر
avatar
نغم الحياة
النجمة الذهبيه
النجمة الذهبيه

اسم الدولة : : مصر
العمر : 22
عدد المساهمات : 267
المعجبون بمواضيعى : 7

معاينة صفحة البيانات الشخصي للعضو

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: حصري تغيير شكل عارضة المنتدي بالشكل الحديث

مُساهمة من طرف ELMasRyy في الثلاثاء 18 أكتوبر 2016 - 5:38

مشكورررررررررررررررررر
avatar
ELMasRyy
النجمة الفضية 50%
النجمة الفضية 50%

اسم الدولة : : مصر
العمر : 27
عدد المساهمات : 24
المعجبون بمواضيعى : 1

معاينة صفحة البيانات الشخصي للعضو

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: حصري تغيير شكل عارضة المنتدي بالشكل الحديث

مُساهمة من طرف afndena في الأربعاء 15 مارس 2017 - 1:17

تسلموووووووو
avatar
afndena
النجمة الفضية 20%
النجمة الفضية 20%

اسم الدولة : : ثلغحف
العمر : 32
عدد المساهمات : 10
المعجبون بمواضيعى : 0

معاينة صفحة البيانات الشخصي للعضو

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: حصري تغيير شكل عارضة المنتدي بالشكل الحديث

مُساهمة من طرف nizartube في الخميس 7 يونيو 2018 - 4:20

براااااااااااافووووووووووووووووووووووووووو
avatar
nizartube
النجمة الفضية 20%
النجمة الفضية 20%

اسم الدولة : : عمان
العمر : 37
عدد المساهمات : 15
المعجبون بمواضيعى : 0

معاينة صفحة البيانات الشخصي للعضو

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


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

  • © phpBB | انشاء منتدى مع أحلى منتدى | منتدى مجاني للدعم و المساعدة | إتصل بنا | التبليغ عن محتوى مخالف | انشئ مدونتك الخاصة مجانيا