MyBBDepo - Türkiyenin MyBB Deposu Forumuna Hoşgeldiniz
Eğer sitemize yaptığınız ilk ziyaretiniz ise, lütfen öncelikle Forum Kurallarını okuyunuz. Forumumuzda bilgi alışverişinde bulunabilmeniz için Kayıt olmalısınız. Üye olmayanlar forumumuzdan yararlanamazlar.
Eğer zaten kayıtlı kullanıcı iseniz, lütfen kullanıcı adınız ve şifreniz ile, Giriş yapınız. (Sitemize üyelik ücretsizdir).
TaaRRuz avatar
Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5

Derecelendirme: 0/5 - 0 oy

Kit-iN Footer | TaaRRuz


Sponsor Reklam
media venus

Çevrimdışı TaaRRuz
 Tarih: 04-07-2013, Saat:20:43
#1
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;
}
Cevapla
Bunu Beğenenler: 1st4n6uL , SkySwich , Edward
Sponsor Reklam
sponsor reklam sponsor reklam

Çevrimdışı SkySwich
 Tarih: 04-07-2013, Saat:21:53
#2
Güzel Olmuş Açık Ağızlı Gülümseme Ellerine Sağlık
Cevapla
Bunu Beğenenler:

Çevrimdışı TaaRRuz
 Tarih: 04-07-2013, Saat:22:00
#3
Teşekkür ederim.
Cevapla
Bunu Beğenenler:

Çevrimdışı enes12
 Tarih: 04-07-2013, Saat:23:31
#4
Güzel bir tasarım olmuş, ellerine sağlık Gülümseme
Cevapla
Bunu Beğenenler:

Çevrimdışı TaaRRuz
 Tarih: 11-07-2013, Saat:11:35
#5
(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.
Cevapla
Bunu Beğenenler:

Çevrimdışı xdersf
 Tarih: 13-07-2013, Saat:22:59
#6
siyahı lsa daha ciddi ama güzel Süper
Cevapla
Bunu Beğenenler:

 


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  [1.8] Darkblue Footer Tasarımı [PSD] JohnVasquez 4 1,340 08-04-2016, Saat:16:43
Son Yorum: Moxley
  Header & Footer çizimi önerileri ve görüşleri alabilirmiyim? BeastlyMan 2 426 24-03-2016, Saat:23:11
Son Yorum: BeastlyMan
  ilk footer calışmam nasıl bitanem03 4 1,748 12-12-2015, Saat:19:15
Son Yorum: Proxima35
  Footer Site Acılış ve Gün Otomatik Devam eden Kodlar VendettaTR 4 1,691 24-09-2015, Saat:12:46
Son Yorum: SiberLeon
  Yaptığım Footer | #Poseidon #Poseidon 7 2,753 28-12-2014, Saat:00:21
Son Yorum: marsel221



Konuyu Okuyanlar: 1 Ziyaretçi