Admin ...::|Admin|::...
الساعة الان ✿ : ✿ ملاحظة ✿ : أحلى دولة أعيش فيها ✿ : المـوقـــــ ع ✿ : احلى تطوير مهنتي ✿ : جنسي ✿ : مــ ـيلادي ✿ : 10/11/1987 عـدد مساهـماتـيـ ✿ : 273 تـاريخـ التسـجيلـ ✿ : 22/11/2012 عــ ــمريـ ✿ : 36 مزاجي ✿ : مشروبي المفضل ✿ : متصفحي ✿ : دعاء ✿ : MMS : حقوق المنتدى :
| موضوع: footer أسـود ":~(تومبيـلت)+صوره للمعاينه و هناك حل لاصحاب منتديات بدون حق تومبلايت حصريا على احلى تطوير الإثنين نوفمبر 26, 2012 8:36 pm | |
| السسسسلام عليكم اليوم أقدم لكم فوتر أسود أتمنى ينـآل إعجـآبكم صوره للمعاينه الطريقه على قسميــن":~ أولآ ندخل لوحه التحكم ثم مظهر المنتدى > التومبيلات والقوالب > إداره عامه > overall_footer_end ثم نضغط تعديل ونمسح الكود بالكامل ونستبدله بهذـآ - الكود:
-
<div id="footer"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1256"> <div class="footerBlack"> <div class="center_1000"> <div class="pannel_white"> <div class="pannel_head_white">خريطة الموقع</div> <a href="http://a7la-dz.forumalgerie.net">الصفحة الرئيسية</a> <a href="http://a7la-dz.forumalgerie.net/t7-topic">القوانين العامة</a> <a href="http://a7la-dz.forumalgerie.net/f3-montada">المسابقات</a> <a href="http://a7la-dz.forumalgerie.net/f4-montada">اعلانات و اخبار</a> </div><!--pannel_white--> <div class="pannel_white"> <div class="pannel_head_white">أقسام الموقع</div> <a href="http://a7la-dz.forumalgerie.net/f5-montada">الساحة العامة</a> <a href="http://a7la-dz.forumalgerie.net/f20-montada/">استراحة الاصدقاء</a> <a href="http://a7la-dz.forumalgerie.net/f21-montada">الانمي العام</a> <a href="http://a7la-dz.forumalgerie.net/f25-montada">ترحيب/اهداء</a> </div><!--pannel_white--> <div class="pannel_white"> <div class="pannel_head_white">أقسام الموقع</div> <a href="http://a7la-dz.forumalgerie.net/f36-montada">التصميم و الجرافيك</a> <a href="http://a7la-dz.forumalgerie.net/f40-montada">تطوير المنتديات</a> <a href="http://a7la-dz.forumalgerie.net/f66-montada">تبادل اعلاني</a> </div><!--pannel_white--> <div class="facebook_footer"> <a class="facebook_footer_icon footer_icons" href="http://www.facebook.com/"> </a> <a class="youtube_footer_icon footer_icons" href="http://www.youtube.com/"> </a> <a class="rss_footer_icon footer_icons" href="rss"> </a> </div> <!--pannel_white--> <p class="clear"></p> </div><!--center_1000--> </div> لا تنسى تعديل الروابط الى روابط اقسام موقعك ثـآنيـآ نروح لورقه الـ CSS مظهر المنتدى < أللوان > ورقه تصميم CSS ونظيف هذا الكود - الكود:
-
/*---------------------------- FOOTER ------------------------------*/ #footer{ clear:both; } .footerBlack{ background:black; padding:15px 10px; } .pannel_white{ width:195px; height:125px; overflow:hidden; float:right; position:relative; margin:0 10px; } .facebook_footer { padding-top:10px; text-align:left; overflow:hidden; float:right; position:relative; margin:0 10px; } .pannel_head_white{ background:url(http://i44.servimg.com/u/f44/14/44/80/68/h1pann10.png) no-repeat right top; border-top:1px solid #fff; line-height:18px; height:25px; text-align:right; padding:0 16px 0 0; color:#000; font-size:14px; font-weight:bold; } .pannel_white a:link, .pannel_white a:visited{ color:#fff; font-size:13px; padding:2px 15px 2px 0; background:url(http://i44.servimg.com/u/f44/14/44/80/68/bullet10.gif) no-repeat right 9px; text-decoration:none; display:block; margin:0 10px 0 0; direction:rtl; text-align:right; } .pannel_white a:hover, .pannel_white a:active{ text-decoration:underline; } #copyrights{ min-height:60px; padding:3px 0; font-size:11px; color:#333; clear:both; text-align:center; background-image:url(http://i44.servimg.com/u/f44/14/44/80/68/shadow10.png); background-repeat:repeat-y; background-position:center;
}
#copyrights div{ width:500px; vertical-align:middle; text-align:center; }
#copyrights img[alt="maknoon_logo"]{ } .pannel_tab{ position:absolute; z-index: 999; width:140px; top:7px; left:10px; text-align:left; } .pannel_tab div, .pannel_tab div:visited{ text-indent:-99999px; text-align:left !important; width:15px; height:15px; display:block; float:left; margin:0 5px 0 0; cursor:pointer; cursor:hand; background:url(http://i44.servimg.com/u/f44/14/44/80/68/panel_10.png) left center; } .pannel_tab div:hover, .pannel_tab div:active{ background:url(http://i44.servimg.com/u/f44/14/44/80/68/panel_10.png) right center; } .pannel_tab div.selected{ background:url(http://i44.servimg.com/u/f44/14/44/80/68/panel_10.png) right center !important; } .news_container{ height:123px; overflow:hidden;
}
.footer_icons{ width:100px !important; height:116px !important; display:block !important; float:left !important; margin:0 3px 0 0 !important; text-indent:-99999px !important; padding:0 !important; } a.footer_icons:hover, a.footer_icons:active{ text-decoration:none !important; } .facebook_footer_icon{ background:url(http://i44.servimg.com/u/f44/14/44/80/68/social10.jpg) 0 center no-repeat !important; } .youtube_footer_icon{ background:url(http://i44.servimg.com/u/f44/14/44/80/68/social10.jpg) -100px center no-repeat !important; } .rss_footer_icon{ background:url(http://i44.servimg.com/u/f44/14/44/80/68/social10.jpg) -210px center no-repeat !important; }
ومبروووك عليكم اممم بشرى سارة لمن ليس لديه حق تعديل على التومبلايت و اعجبك الفوتر و حبيت تركبه في منتداك احلى تطوير تعطيك الحل ادهب الى لوحة الادارة/عناصر اضافية/البوابة و العناصر/ادارة عناصر مستقلة انشاء عنصر جديد و تحط به هدا الكود - الكود:
-
<div id="footer"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1256"> <div class="footerBlack"> <div class="center_1000"> <div class="pannel_white"> <div class="pannel_head_white">خريطة الموقع</div> <a href="http://a7la-dz.forumalgerie.net">الصفحة الرئيسية</a> <a href="http://a7la-dz.forumalgerie.net/t7-topic">القوانين العامة</a> <a href="http://a7la-dz.forumalgerie.net/f3-montada">المسابقات</a> <a href="http://a7la-dz.forumalgerie.net/f4-montada">اعلانات و اخبار</a> </div><!--pannel_white--> <div class="pannel_white"> <div class="pannel_head_white">أقسام الموقع</div> <a href="http://a7la-dz.forumalgerie.net/f5-montada">الساحة العامة</a> <a href="http://a7la-dz.forumalgerie.net/f20-montada/">استراحة الاصدقاء</a> <a href="http://a7la-dz.forumalgerie.net/f21-montada">الانمي العام</a> <a href="http://a7la-dz.forumalgerie.net/f25-montada">ترحيب/اهداء</a> </div><!--pannel_white--> <div class="pannel_white"> <div class="pannel_head_white">أقسام الموقع</div> <a href="http://a7la-dz.forumalgerie.net/f36-montada">التصميم و الجرافيك</a> <a href="http://a7la-dz.forumalgerie.net/f40-montada">تطوير المنتديات</a> <a href="http://a7la-dz.forumalgerie.net/f66-montada">تبادل اعلاني</a> </div><!--pannel_white--> <div class="facebook_footer"> <a class="facebook_footer_icon footer_icons" href="http://www.facebook.com/"> </a> <a class="youtube_footer_icon footer_icons" href="http://www.youtube.com/"> </a> <a class="rss_footer_icon footer_icons" href="rss"> </a> </div> <!--pannel_white--> <p class="clear"></p> </div><!--center_1000--> </div> و اعمل سجل خلي صلاحيات للجميع تم ادهب الى ورقة تصميم css و حط هدا الكود - الكود:
-
/*---------------------------- FOOTER ------------------------------*/ #footer{ clear:both; } .footerBlack{ background:black; padding:15px 10px; } .pannel_white{ width:195px; height:125px; overflow:hidden; float:right; position:relative; margin:0 10px; } .facebook_footer { padding-top:10px; text-align:left; overflow:hidden; float:right; position:relative; margin:0 10px; } .pannel_head_white{ background:url(http://i44.servimg.com/u/f44/14/44/80/68/h1pann10.png) no-repeat right top; border-top:1px solid #fff; line-height:18px; height:25px; text-align:right; padding:0 16px 0 0; color:#000; font-size:14px; font-weight:bold; } .pannel_white a:link, .pannel_white a:visited{ color:#fff; font-size:13px; padding:2px 15px 2px 0; background:url(http://i44.servimg.com/u/f44/14/44/80/68/bullet10.gif) no-repeat right 9px; text-decoration:none; display:block; margin:0 10px 0 0; direction:rtl; text-align:right; } .pannel_white a:hover, .pannel_white a:active{ text-decoration:underline; } #copyrights{ min-height:60px; padding:3px 0; font-size:11px; color:#333; clear:both; text-align:center; background-image:url(http://i44.servimg.com/u/f44/14/44/80/68/shadow10.png); background-repeat:repeat-y; background-position:center;
}
#copyrights div{ width:500px; vertical-align:middle; text-align:center; }
#copyrights img[alt="maknoon_logo"]{ } .pannel_tab{ position:absolute; z-index: 999; width:140px; top:7px; left:10px; text-align:left; } .pannel_tab div, .pannel_tab div:visited{ text-indent:-99999px; text-align:left !important; width:15px; height:15px; display:block; float:left; margin:0 5px 0 0; cursor:pointer; cursor:hand; background:url(http://i44.servimg.com/u/f44/14/44/80/68/panel_10.png) left center; } .pannel_tab div:hover, .pannel_tab div:active{ background:url(http://i44.servimg.com/u/f44/14/44/80/68/panel_10.png) right center; } .pannel_tab div.selected{ background:url(http://i44.servimg.com/u/f44/14/44/80/68/panel_10.png) right center !important; } .news_container{ height:123px; overflow:hidden;
}
.footer_icons{ width:100px !important; height:116px !important; display:block !important; float:left !important; margin:0 3px 0 0 !important; text-indent:-99999px !important; padding:0 !important; } a.footer_icons:hover, a.footer_icons:active{ text-decoration:none !important; } .facebook_footer_icon{ background:url(http://i44.servimg.com/u/f44/14/44/80/68/social10.jpg) 0 center no-repeat !important; } .youtube_footer_icon{ background:url(http://i44.servimg.com/u/f44/14/44/80/68/social10.jpg) -100px center no-repeat !important; } .rss_footer_icon{ background:url(http://i44.servimg.com/u/f44/14/44/80/68/social10.jpg) -210px center no-repeat !important; }
ومبروووك عليكم احلى تطوير عالمكم لتجديد و التطوير | |
|