MyBB Depo Forum

MyBB Depo Forum > MyBB Grafik & Tasarım Deposu > MyBB Hazır Tasarım Deposu > Header - Footer > Kit-iN Footer | TaaRRuz
Orjinalini görmek için tıklayınız: Kit-iN Footer | TaaRRuz
Şu anda (Arşiv) modunu görüntülemektesiniz. Orjinal Sürümü Görüntüle internal link

TaaRRuz

04-07-2013, Saat:20:43
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> &nbsp; <a href="#"><img src="http://st.10tl.net/tema/taarruz/images/Footer/kitin_footer/images/twit.png" /></a>&nbsp; <a href="http://destek.10tl.net"><img src="http://st.10tl.net/tema/taarruz/images/Footer/kitin_footer/images/d10.png" /></a> &nbsp;
            <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:


resim

DEMO


Yeşil Renk;

resim


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;
}

SkySwich

04-07-2013, Saat:21:53
Güzel Olmuş Açık Ağızlı Gülümseme Ellerine Sağlık

TaaRRuz

04-07-2013, Saat:22:00
Teşekkür ederim.

enes12

04-07-2013, Saat:23:31
Güzel bir tasarım olmuş, ellerine sağlık Gülümseme

TaaRRuz

11-07-2013, Saat:11:35
(04-07-2013, Saat:23:31)enes12 Adlı Kullanıcıdan Alıntı: [ -> ]Güzel bir tasarım olmuş, ellerine sağlık Gülümseme

Teşekkür ederim.

xdersf

13-07-2013, Saat:22:59
siyahı lsa daha ciddi ama güzel Süper
MyBB Depo Forum > MyBB Grafik & Tasarım Deposu > MyBB Hazır Tasarım Deposu > Header - Footer > Kit-iN Footer | TaaRRuz