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

موقع صن سيتدخول

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

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

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

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

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


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


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

ان الكود 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]
مع السلامـة في موضوع أخــر حصري تغيير شكل عارضة المنتدي بالشكل الحديث 4240844957

تعاليق

ELMasRyy
مشكورررررررررررررررررر
afndena
تسلموووووووو
nizartube
براااااااااااافووووووووووووووووووووووووووو
boualem02
شكرا
remove_circleمواضيع مماثلة
privacy_tip صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
Top