فوتر کدنویسی شده زیبا

تعداد بازدید: 951

god-of-dance

ارسال‌ها :180

عضويت:19 /8 /1392

محل زندگي:اهواز

شناسه ياهو:

تشکرها :20

تشکر شده :59

فوتر کدنویسی شده زیبا

سلام دوستان

اینم یه فوتر خوشگل که خودم ساخ و کدش کردم

این استایلش

کد:


<Style>
/*
Design By : Hossein & Mostafa
Our WebSite : Www.BlogJam.Ir
The best site of graphic And coding
*/
.footer {
	width: 980px;
	height: 200px;
	text-align: center;
	padding: 6px;
	background: none repeat scroll 0% 0% rgb(255, 255, 255);
	border-radius: 7px;
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3);
}
.footer li { list-style:none; }
.footer a:link { text-decoration:none; color:#FFF;}
.footer a:visited {  text-decoration:none; color:#FFF; }
#footer-hover {  padding:7px; text-align:center; font-family:'B yekan' , tahoma; font-size:10pt; direction:rtl; color:#FFF; background:#000; border:1px solid #666;  -webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;-ms-border-radius:5px 5px 5px 5px;-o-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px } 
#footer-hover:hover { background:#666; -moz-transition-duration:1s;-o-transition-duration:1s;-ms-transition-duration:1s;transition-duration:1s;-webkit-border-radius:5px 18px 5px 18px;-moz-border-radius:5px 18px 5px 18px;-ms-border-radius:5px 18px 5px 18px;-o-border-radius:5px 18px 5px 18px;border-radius:5px 18px 5px 18px  } 
.
body { 
margin: 0;
padding: 0;
}
 
#background { 
left: 0px; 
top: 0px; 
position: relative; 
margin-left: auto; 
margin-right: auto; 
width: 980px;
height: 200px; 
overflow: hidden;
z-index:0;
} 
#Shape4 { 
background:url('http://up.graph-tools.ir/up/graph-tools/Pictures/footer.gif');
left: 6px; 
top: 8px; 
position: absolute; 
width: 980px;
height: 200px;
z-index:1;
} 
#Layer1 { 
background:url('http://up.upload.blogjam.ir/up/up-blg/Layer1.png');
left: 810px; 
top: 40px; 
position: absolute; 
width: 124px;
height: 118px;
z-index:2;
} 
#DESIGNBLOGJAMIR { 
background:url('http://up.upload.blogjam.ir/up/up-blg/DESIGNBLOGJAMIR.png');
left: 825px; 
top: 173px; 
position: absolute; 
width: 96px;
height: 8px;
z-index:3;
} 
#About { 
left: 455px; 
top: 65px; 
position: absolute; 
width: 300px;
height: 75px;
z-index:5;
direction:rtl;
font:12px b homa;
} 
#Layer2 { 
left: 330px; 
top: 60px; 
position: absolute; 
width: 36px;
height: 38px;
z-index:5;
} 
#Layer2copy { 
left: 290px; 
top: 60px; 
position: absolute; 
width: 38px;
height: 36px;
z-index:6;
} 
#Layer2copy2 { 
left: 250px; 
top: 60px; 
position: absolute; 
width: 38px;
height: 36px;
z-index:7;
} 
#Layer2copy3 { 
left: 210px; 
top: 60px; 
position: absolute; 
width: 38px;
height: 36px;
z-index:8;
} 
#Layer2copy4 { 
left: 170px; 
top: 60px; 
position: absolute; 
width: 38px;
height: 36px;
z-index:9;
} 
#Layer2copy5 { 
left: 130px; 
top: 60px; 
position: absolute; 
width: 38px;
height: 36px;
z-index:10;
} 
#Layer2copy6 { 
left: 130px; 
top: 110px; 
position: absolute; 
width: 38px;
height: 36px;
z-index:11;
} 
#Layer2copy7 { 
left: 330px; 
top: 110px; 
position: absolute; 
width: 38px;
height: 36px;
z-index:12;
} 
#Layer2copy8 { 
left: 290px; 
top: 110px; 
position: absolute; 
width: 38px;
height: 36px;
z-index:13;
} 
#Layer2copy9 { 
left: 250px; 
top: 110px; 
position: absolute; 
width: 38px;
height: 36px;
z-index:14;
} 
#Layer2copy10 { 
left: 210px; 
top: 110px; 
position: absolute; 
width: 38px;
height: 36px;
z-index:15;
} 
#Layer2copy11 { 
left: 170px; 
top: 110px; 
position: absolute; 
width: 38px;
height: 36px;
z-index:16;
} 
#Layer2copy12 { 
left: 90px; 
top: 60px; 
position: absolute; 
width: 38px;
height: 36px;
z-index:16;
} 
#Layer2copy13 { 
left: 90px; 
top: 110px; 
position: absolute; 
width: 38px;
height: 36px;
z-index:16;
} 
/*
Design By : Hossein & Mostafa
Our WebSite : Www.BlogJam.Ir
The best site of graphic And coding
*/
</style>

اینم بذارید آخر قالب

کد:

<div class="footer">
<div id="background">
<div id="Shape4"></div>
<div id="Layer1"></div>
<div id="DESIGNBLOGJAMIR"></div>
<div id="About">
بلاگ جام از سال 1391 شروع به کار کرده است و مي کوشد
 تا بهترين ها را براي کاربران و بازديد کنندگان گرامي فراهم
 سازد به اميد آن روز که باگ جام مانند نگيني در زمينه ابزار و کد بدرخشد 
مدیریت بلاگ جام
</div>
<div id="Layer2"><img src="http://up.upload.blogjam.ir/up/up-blg/Layer2copy6.png"></div>
<div id="Layer2copy"><img src="http://up.upload.blogjam.ir/up/up-blg/Layer2copy6.png"></div>
<div id="Layer2copy2"><img src="http://up.upload.blogjam.ir/up/up-blg/Layer2copy6.png"></div>
<div id="Layer2copy3"><img src="http://up.upload.blogjam.ir/up/up-blg/Layer2copy6.png"></div>
<div id="Layer2copy4"><img src="http://up.upload.blogjam.ir/up/up-blg/Layer2copy6.png"></div>
<div id="Layer2copy5"><img src="http://up.upload.blogjam.ir/up/up-blg/Layer2copy6.png"></div>
<div id="Layer2copy6"><img src="http://up.upload.blogjam.ir/up/up-blg/Layer2copy6.png"></div>
<div id="Layer2copy7"><img src="http://up.upload.blogjam.ir/up/up-blg/Layer2copy6.png"></div>
<div id="Layer2copy8"><img src="http://up.upload.blogjam.ir/up/up-blg/Layer2copy6.png"></div>
<div id="Layer2copy9"><img src="http://up.upload.blogjam.ir/up/up-blg/Layer2copy6.png"></div>
<div id="Layer2copy10"><img src="http://up.upload.blogjam.ir/up/up-blg/Layer2copy6.png"></div>
<div id="Layer2copy11"><img src="http://up.upload.blogjam.ir/up/up-blg/Layer2copy6.png"></div>
<div id="Layer2copy12"><img src="http://up.upload.blogjam.ir/up/up-blg/Layer2copy6.png"></div>
<div id="Layer2copy13"><img src="http://up.upload.blogjam.ir/up/up-blg/Layer2copy6.png"></div>
</div>
</div>