01-15-2014, 09:06 PM
(07-04-2013, 12:53 PM)TaaRRuz Nickli Kullanıcıdan Alıntı:Footer Ad:Kit-iN
Tasarım:TaaRRuz
Kodlama:TaaRRuz
ADMİN KP >> Şablon&Stil >> Temalar >> Temanız >> Global.css'e ekle;
Kod:.dostsiteler {
width: 200px;
margin-top: 90px;
margin-left: 25px;
height: 110px;
float: left;
margin-right: 20px;
}
.dostsiteler ul {
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: center;
}
.dostsiteler ul li a {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
text-decoration: none;
color: #000;
}
.dostsiteler ul li a:hover {
text-decoration: none;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #F00;
}
.onemlilink {
width: 200px;
margin-top: 90px;
margin-left: 25px;
height: 110px;
float: left;
margin-right: 20px;
}
.onemlilink ul {
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: center;
}
.onemlilink ul li a {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
text-decoration: none;
color: #000;
}
.onemlilink ul li a:hover {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
text-decoration: none;
color: #F00;
}
.footer {
height: 225px;
width: 950px;
margin-left:auto;
margin-right:auto;
border:2px solid #000;
background-image: url(http://st.10tl.net/tema/taarruz/images/Footer/kitin_footer/images/onizleme.png);
background-repeat: no-repeat;
background-position: center center;
}
.uyumlulukyapimci {
width: 204px;
margin-left: 20px;
height: 120px;
float: right;
margin-right: 20px;
margin-top: 44px;
padding: 2px;
}
.uyumluluk {
width: 98%;
margin-right: auto;
margin-left: auto;
margin-top: 10px;
margin-bottom: 5px;
height: 30px;
}
.yapimci {
width: 75%;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
margin-bottom: 5px;
height: 30px;
padding-top: 15px;
font-family: Tahoma;
font-weight: bold;
color: #000;
padding-left: 40px;
}
Kod:
Kod:<div class="footer">
<div class="dostsiteler">
<ul>
<li><a href="http://destek.10tl.net/member.php?action=profile&uid=2378">TaaRRuz Profil</a></li>
<li><a href="http://destek.10tl.net/member.php?action=profile&uid=2378">Destek.10TL.NET</a></li>
<li><a href="http://destek.10tl.net/member.php?action=profile&uid=2378">TaaRRuz Profil</a></li>
<li><a href="http://destek.10tl.net/member.php?action=profile&uid=2378">Nickname TaaRRuz</a></li>
<li><a href="http://destek.10tl.net/member.php?action=profile&uid=2378">Abdullah SERDAR Kimdir?</a></li>
</ul>
</div>
<div class="onemlilink">
<ul>
<li><a href="http://destek.10tl.net/member.php?action=profile&uid=2378">Abdullah SERDAR TaaRRuz</a></li>
<li><a href="http://destek.10tl.net/member.php?action=profile&uid=2378">Destek.10TL.NET</a></li>
<li><a href="http://destek.10tl.net/member.php?action=profile&uid=2378">10TL.NET Free Forum Host</a></li>
<li><a href="http://destek.10tl.net/member.php?action=profile&uid=2378">Nickname TaaRRuz</a></li>
<li><a href="http://destek.10tl.net/member.php?action=profile&uid=2378">Abdullah SERDAR Kimdir?</a></li>
</ul>
</div>
<div class="uyumlulukyapimci">
<div class="uyumluluk">
<center><a href="#"><img src="http://st.10tl.net/tema/taarruz/images/Footer/kitin_footer/images/face.png" /></a> <a href="#"><img src="http://st.10tl.net/tema/taarruz/images/Footer/kitin_footer/images/twit.png" /></a> <a href="http://destek.10tl.net"><img src="http://st.10tl.net/tema/taarruz/images/Footer/kitin_footer/images/d10.png" /></a>
<a href="#"><img src="http://st.10tl.net/tema/taarruz/images/Footer/kitin_footer/images/alexa.png" /></a></center>
</div><br />
<div class="yapimci">
<a style="text-decoration:none; color:#000;" href="http://destek.10tl.net/member.php?action=profile&uid=2378">TaaRRuz</a>
</div>
<div style="clear:both;"></div>
</div>
<div style="clear:both;"></div>
</div>
Önizleme:
DEMO
Yeşil Renk;
Eğer Yeşili kullanmak isterseniz global.css'e yukarıdaki kodu değil bunu ekleyin;
Kod:.dostsiteler {
width: 200px;
margin-top: 90px;
margin-left: 25px;
height: 110px;
float: left;
margin-right: 20px;
}
.dostsiteler ul {
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: center;
}
.dostsiteler ul li a {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
text-decoration: none;
color: #000;
}
.dostsiteler ul li a:hover {
text-decoration: none;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #F00;
}
.onemlilink {
width: 200px;
margin-top: 90px;
margin-left: 25px;
height: 110px;
float: left;
margin-right: 20px;
}
.onemlilink ul {
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: center;
}
.onemlilink ul li a {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
text-decoration: none;
color: #000;
}
.onemlilink ul li a:hover {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
text-decoration: none;
color: #F00;
}
.footer {
height: 225px;
width: 950px;
margin-left:auto;
margin-right:auto;
border:2px solid #000;
background-image: url(http://st.10tl.net/tema/taarruz/images/Footer/kitin_footer/images/onizlemeyesil.png);
background-repeat: no-repeat;
background-position: center center;
}
.uyumlulukyapimci {
width: 204px;
margin-left: 20px;
height: 120px;
float: right;
margin-right: 20px;
margin-top: 44px;
padding: 2px;
}
.uyumluluk {
width: 98%;
margin-right: auto;
margin-left: auto;
margin-top: 10px;
margin-bottom: 5px;
height: 30px;
}
.yapimci {
width: 75%;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
margin-bottom: 5px;
height: 30px;
padding-top: 15px;
font-family: Tahoma;
font-weight: bold;
color: #000;
padding-left: 40px;
}
Okyanusta batan gemidir yalnızlık,
Çok derinlerdedir gücün yetmez onu oradan çıkarmaya.
Kaybolup gider daha sonra.
Kendi kendine konuşmaktır yalnızlık...
Belkide en iyi tarafıdır bu
Kendini sorgularsın, bir kez olsun çekersin köşeye nefsini hayatı anlamaya çalışırsın.
Çok derinlerdedir gücün yetmez onu oradan çıkarmaya.
Kaybolup gider daha sonra.
Kendi kendine konuşmaktır yalnızlık...
Belkide en iyi tarafıdır bu
Kendini sorgularsın, bir kez olsun çekersin köşeye nefsini hayatı anlamaya çalışırsın.