المواضيع الأخيرة
» اهديت لكم رسالة
اليوم في 22:27 من طرف داليا

» تفسير سورة القيامة
اليوم في 22:20 من طرف داليا

» شارك برأيك فى التجديد الحصري لموقع صن سيت
اليوم في 0:26 من طرف بنحبك يارب وعاوزين جنتك

» استايل حصري لاحلى منتدي 2017 بشكل جديد
أمس في 20:14 من طرف ļ ρŕįňšέ€

» انشودة تركية يارسول الله
أمس في 19:50 من طرف lolo we bas

» يا بنات يا سر الإبتسامات..
أمس في 15:42 من طرف آيات الله

» حكم الاحتفال بالأعياد الاخري
الجمعة 17 فبراير 2017 - 21:04 من طرف Rehab

» حكم أكل مال اليتيم
الجمعة 17 فبراير 2017 - 20:58 من طرف Rehab

» من هم دعاميص الجنة
الجمعة 17 فبراير 2017 - 20:53 من طرف Rehab

» معاني اسماء الله الحسنى
الجمعة 17 فبراير 2017 - 20:52 من طرف Rehab

اشخاص فى صن سيت
مشاهدة المزيد
قم بالاعجاب لصفحة موقع صن سيت على الفيسبوك ليصلك كل جديد ...
مركز رفع صور

المتواجدون الآن ؟
ككل هناك 19 عُضو متصل حالياً :: 0 عضو مُسجل, 0 عُضو مُختفي و 19 زائر :: 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]
مع السلامـة في موضوع أخــر

نغم الحياة
ثلاثه نجوم فضيات 99%
ثلاثه نجوم فضيات 99%

اسم الدولة : : مصر
العمر : 20
عدد المساهمات : 233
المعجبون بمواضيعى : 3

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

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

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

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

مشكورررررررررررررررررر

ELMasRyy
النجمة الفضية 50%
النجمة الفضية 50%

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

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

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

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


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

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