شاطر
استعرض الموضوع السابقاذهب الى الأسفلاستعرض الموضوع التالي
avatar
مؤسسي المركز
مؤسسي المركز
القوس
عدد المساهمات : 330
متصفح الويب : Chrome
منتدى نسخة : PhpBB3
النقاط : 518
السٌّمعَة : 49
تاريخ التسجيل : 03/06/2015
العمر : 23
معاينة صفحة البيانات الشخصي للعضوhttp://www.t-mrkz.com/

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

في الخميس أغسطس 20, 2015 1:49 am
تقييم المساهمة: 100% (1)
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] 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;
}



 تحياتي لكم  
new.moon
عضو جديد
عدد المساهمات : 60
النقاط : 95
السٌّمعَة : 7
تاريخ التسجيل : 12/08/2015
معاينة صفحة البيانات الشخصي للعضو

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

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

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

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

لكن  المشكلة طويل جدا
avatar
عضو جديد
عدد المساهمات : 49
النقاط : 73
السٌّمعَة : 2
تاريخ التسجيل : 27/08/2015
معاينة صفحة البيانات الشخصي للعضو

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

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

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

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