السسسسلام عليكم
اليوم أقدم لكم فوتر أسود أتمنى ينـآل إعجـآبكم
صوره للمعاينه
تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
الطريقه على قسميــن":~
أولآ ندخل لوحه التحكم ثم
مظهر المنتدى > التومبيلات والقوالب > إداره عامه > 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="https://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>
و داخل الكود هتجدون رابط الآتى
http://help.ahlamontada.com/استبدلوه بما تريدون من روابط
ثـآنيـآ نروح لورقه الـ 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(https://i.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(https://i.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(https://i.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(https://i.servimg.com/u/f44/14/44/80/68/panel_10.png) left center;
}
.pannel_tab div:hover, .pannel_tab div:active{
background:url(https://i.servimg.com/u/f44/14/44/80/68/panel_10.png) right center;
}
.pannel_tab div.selected{
background:url(https://i.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(https://i.servimg.com/u/f44/14/44/80/68/social10.jpg) 0 center no-repeat !important;
}
.youtube_footer_icon{
background:url(https://i.servimg.com/u/f44/14/44/80/68/social10.jpg) -100px center no-repeat !important;
}
.rss_footer_icon{
background:url(https://i.servimg.com/u/f44/14/44/80/68/social10.jpg) -210px center no-repeat !important;
}
ومبروووك عليكم
