1 نتيجة بحث عن المنتدي

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

ابحث في: اكواد css
موضوع: حصري تغيير شكل عارضة المنتدي بالشكل الحديث
المساهمات: 3
مشاهدة: 1794
#عارضة #المنتدي #كود
بسم الله الرحمن الرحيم

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

أقدم لكم كود حصري ومميز لـتطوير عارضة منتداك بشــكل أحترافي ورهيب من اعمال الاخ 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

الرجوع الى أعلى الصفحة

انتقل الى:

Top