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

أحصل على اخر الأكواد التقنية
والدعم الكامل لمنتداك
من ناحية الأكواد ودعم نسخة الجوال
من خلال فريق متكامل


شريط اشعارات احلى منتدى في اسفل المنتدى

5 مشترك
المركز التقني لأحلى منتدى :: اخر التقنيات :: أكواد CSS
اذهب الى الأسفل
Yasirayad
Yasirayad
مؤسسي المركز
مؤسسي المركز
القوس
عدد المساهمات : 330
متصفح الويب : Chrome
منتدى نسخة : PhpBB3
النقاط : 519
السٌّمعَة : 50
تاريخ التسجيل : 03/06/2015
العمر : 30
http://www.t-mrkz.com/
+

شريط اشعارات احلى منتدى في اسفل المنتدى Empty شريط اشعارات احلى منتدى في اسفل المنتدى

الخميس أغسطس 20, 2015 1:49 am
تقييم المساهمة: 100% (2)
شريط اشعارات احلى منتدى في اسفل المنتدى Alerte10 CSS : شريط اشعارات احلى منتدى في اسفل المنتدى



شريط احلى منتدى بدل ان يكون في أعلى المنتدى هنا تم توفر اكواد بتقنية css لوضعه في أسفل المنتدى

عمل هذه الكود، يعمل مع  كافة إصدارات المنتدى.


طريقة وضع الكود : لوحة الادارة ► مظهر المنتدى ► اللوان ► ورقة تصميم CSS 
 
الكود:
 
#fa_toolbar_hidden {
     background-color: #333333;
     border-radius: 0px 0px 5px 5px;
     display: none;
     margin-top: -60px;
     position: absolute;
     right: 0px;
     z-index: 999;
}

#fa_toolbar_hidden #fa_show {
     background: none repeat scroll 0% 0% transparent ! important;
     height: 1px;
     width: 1px;
}

#fa_toolbar {
     bottom: 0px;
     left: 0px;
     position: fixed;
}

#fa_toolbar #fa_right #notif_list, #fa_menulist, #fa_toolbar #fa_right #notif_list {
     bottom: 22px;
     margin-left: -2px;
}

#fa_toolbar {
     bottom: 0px;
     left: 0px;
     position: fixed;
     top: auto;
}

#tbar {
     background: url("http://i.imgur.com/a4HBvmE.jpg") repeat-x scroll 0px 0px / 100% 100% transparent;
     height: 114px;
}

#warfare, #warfare a {
     background: url("http://i.imgur.com/YOdTukU.png") no-repeat scroll 0% 0% transparent;
     display: block;
     height: 112px;
     opacity: 0.9;
     position: absolute;
     width: 700px;
}

#vbar {
     background: url("http://i.imgur.com/yNaWtnV.png") repeat-x scroll 0px 0px transparent;
     height: 61px;
}

.wrapper {
     margin: 0px auto;
     padding: 0px;
     width: 1000px;
}

#main-navigation {
     line-height: 55px;
}

ul.leftside {
     float: left;
     margin-left: 0px;
     margin-right: 5px;
     text-align: left;
}

#primary-navigation li {
     border-right: 1px solid #000000;
     display: block;
     float: left;
     font-size: 11px;
     font-weight: bold;
     padding-right: 14px;
}

#primary-navigation li + li {
     border-right: 1px solid #000000;
     padding-left: 14px;
}

#LGquickvm_form {
     background: none repeat scroll 0% 0% #E1EBF2;
     border-radius: 3px 3px 3px 3px;
     border: 1px solid #98CBF5;
     box-shadow: 0px 0px 5px #A7BEF1;
     margin: 10px auto;
     max-width: 90%;
     padding: 5px;
}

#LGquickvm_bb {
     background: none repeat scroll 0% 0% #D0E1F1;
     border-radius: 3px 3px 3px 3px;
     box-shadow: 0px 0px 8px #8BC1EC inset;
     margin-bottom: 5px;
     padding: 5px;
}

#LGquickvm_bb span {
     border-radius: 3px 3px 3px 3px;
     border: 1px solid #8CBFD3;
     color: #3C6ED8;
     cursor: pointer;
     display: inline-block;
     font-size: 1.2em;
     margin: 0px 2px;
     padding: 3px 10px;
     text-shadow: 0px 1px white;
}

#LGquickvm_bb span:hover {
     box-shadow: 0px 0px 10px white inset;
}

#LGquickvm_message {
     border-radius: 3px 3px 3px 3px;
     border: 1px solid #CCCCCC;
     color: #666666;
     height: 85px;
     width: 99%;
}

#LGquickvm_main {
     text-align: center;
}

#LGquickvm_foot {
     height: 25px;
}

#LGquickvm_foot span {
     background: none repeat scroll 0% 0% #4C95E4;
     border-radius: 3px 3px 3px 3px;
     border: 1px solid #477BC9;
     box-shadow: 0px 10px 10px #68B0E2 inset;
     color: white;
     cursor: pointer;
     font-weight: bold;
     margin: 3px;
     padding: 5px;
     text-shadow: 0px 1px #3557C2;
}

#LGquickvm_send {
     float: right;
}

#LGquickvm_advanced {
     float: left;
}

#LGquickvm_foot span:hover {
     box-shadow: none;
     text-shadow: none;
}

#LGquickvm_rubbish {
     display: none;
}


شريط اشعارات احلى منتدى في اسفل المنتدى Icon_cheers
شريط اشعارات احلى منتدى في اسفل المنتدى Icon_arrow تحياتي لكم  شريط اشعارات احلى منتدى في اسفل المنتدى Icon_arrow
new.moon
avatar
X-Gaming
عضو جديد
عدد المساهمات : 60
النقاط : 95
السٌّمعَة : 7
تاريخ التسجيل : 12/08/2015
+

شريط اشعارات احلى منتدى في اسفل المنتدى Empty رد: شريط اشعارات احلى منتدى في اسفل المنتدى

الخميس أغسطس 20, 2015 7:36 am
رائع اخي
avatar
walid dz
عضو مبتدأ
عضو مبتدأ
عدد المساهمات : 105
النقاط : 149
السٌّمعَة : 8
تاريخ التسجيل : 06/08/2015
+

شريط اشعارات احلى منتدى في اسفل المنتدى Empty رد: شريط اشعارات احلى منتدى في اسفل المنتدى

الخميس أغسطس 20, 2015 11:35 am
كود رائع  مشكود عليه

لكن  المشكلة طويل جدا
Io-Interactive
Io-Interactive
عضو جديد
عدد المساهمات : 49
النقاط : 73
السٌّمعَة : 2
تاريخ التسجيل : 27/08/2015
+

شريط اشعارات احلى منتدى في اسفل المنتدى Empty رد: شريط اشعارات احلى منتدى في اسفل المنتدى

الثلاثاء سبتمبر 01, 2015 5:56 pm
بارك الله فيك
The Globetrotter
The Globetrotter
عضو جديد
الميزان
عدد المساهمات : 27
النقاط : 36
السٌّمعَة : 5
تاريخ التسجيل : 20/07/2015
العمر : 24
+

شريط اشعارات احلى منتدى في اسفل المنتدى Empty رد: شريط اشعارات احلى منتدى في اسفل المنتدى

السبت سبتمبر 05, 2015 7:37 pm
السلام عليكم ورحمةة الله وبركاته ,
- ما ششاء الله موضوع رائع ومميز ونتمنى منك المزيد بإذن الله تعالى ..
- وننتظر تقنيات اخرى فى المركز التقنى لأحلى منتدى ..
- بارك الله فيك مقدماً
؛ تحياتى لك : The Globetrotter
الرجوع الى أعلى الصفحة
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى