Prince Mo3taz المـديـر العـــام
عدد المساهمات : 1282 نشاطى : 31805 عندى كام سنة : 31 تم التعاقد : 02/03/2010
اوسمة : مدير دودى المبدع
| موضوع: كود الفـوتـر الجميل والانيق بدون تومبيلات للنسخه الثانيه فقط السبت يونيو 23, 2012 12:38 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://roo7ythbak.roo7.biz">الصفحة الرئيسية</a> <a href="http://help.ahlamontada.com/">منتـــدى</a> <a href="http://help.ahlamontada.com/">منتـــدى</a> <a href="http://help.ahlamontada.com/">منتـــدى</a> </div><!--pannel_white--> <div class="pannel_white"> <div class="pannel_head_white">أقسام الموقع</div> <a href="http://help.ahlamontada.com/">منتـــدى</a> <a href="http://help.ahlamontada.com/">منتـــدى</a> <a href="http://help.ahlamontada.com/">منتـــدى</a> <a href="http://help.ahlamontada.com/">منتـــدى</a> </div><!--pannel_white--> <div class="pannel_white"> <div class="pannel_head_white">أقسام الموقع</div> <a href="http://help.ahlamontada.com/">منتـــدى</a> <a href="http://help.ahlamontada.com/">منتـــدى</a> <a href="http://help.ahlamontada.com/">منتـــدى</a> </div><!--pannel_white--> <div class="facebook_footer"> <a class="facebook_footer_icon footer_icons" href="http://roo7ythbak.roo7.biz/"> </a> <a class="youtube_footer_icon footer_icons" href="http://www.youtube.com/user/MonsterControl"> </a> <a class="rss_footer_icon footer_icons" href="rss.php"> </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; }
|
|
m1o2a3 عضو نشيط
عدد المساهمات : 105 نشاطى : 24399 عندى كام سنة : 27 تم التعاقد : 06/08/2011
| موضوع: رد: كود الفـوتـر الجميل والانيق بدون تومبيلات للنسخه الثانيه فقط السبت يونيو 23, 2012 12:40 pm | |
| طرحــــــــــــــــــ بالقلم في غاية الروعة ـــــــــــــك بانتظار كل جديدك تقبل مروري m1o2a3 |
|
M I D O نواب الادارة
عدد المساهمات : 224 نشاطى : 22964 تم التعاقد : 11/06/2012
| موضوع: رد: كود الفـوتـر الجميل والانيق بدون تومبيلات للنسخه الثانيه فقط السبت يونيو 23, 2012 12:42 pm | |
| |
|
براحة قطر عضو جديد
عدد المساهمات : 19 نشاطى : 22696 تم التعاقد : 25/06/2012
| موضوع: رد: كود الفـوتـر الجميل والانيق بدون تومبيلات للنسخه الثانيه فقط الخميس يونيو 28, 2012 7:42 am | |
| |
|
Pr!NcE MaX عضو نشيط
عدد المساهمات : 274 نشاطى : 22935 تم التعاقد : 27/06/2012
| موضوع: رد: كود الفـوتـر الجميل والانيق بدون تومبيلات للنسخه الثانيه فقط الخميس يونيو 28, 2012 11:51 am | |
| بسم الله الرحمن الرحيم السلام عليكم ورحمة الله وبركاته ===================== بارك الله فيك اخي الكريم على هذا الكود الرائع والمميز والجميل و المفيد وفقك الله واستمر
واصل بدون فواصل ~~
10/10 وتقبل تحياتي
والسلام عليكم ورحمة الله وبركاته |
|