Konuyu Oyla:
  • Toplam: 0 Oy - Ortalama: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Aspire Footer V1 Kodlaması
#1
Merhaba, arkadaşlar footeri ben kodladım. Aspire'de zaten benim nickimdir bundan hiç bir şüpeniz olmasın zaten. Kodu tamamen ben kodladım şimdi anlatıma geçelim.

Öncelikle temamızın "global.css" kısmına girip en alta yapıştırın;

Kod:
.aspirefooterv1 {
    padding: 2px 10px;
    margin-top: 0px;
    font-size: 11px; /* yazı büyüklüğü */
    font-family: Tahoma, Geneva, Sans-Serif; /* Yazı fontları */
    font-weight: bold;
    margin-bottom: 1000px;
    border: 42px solid #7fffd4; /* sağ ve sol kısım renk, büyüklük */
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0px 0px 5px #333
    -moz-box-shadow: 3px 3px 3px #333;
    -webkit-box-shadow: 1px 3px 3px #333; /*orta kısım golgelendirme */
     background: #838b8b; /* orta kısım renk */
    border-top: 7px solid #6666ff; /* üst kısım rengi*/
    border-bottom: 7px solid #6666ff; /*alt kısım renfi */
    text-align: center;
    margin: 10px auto;
    padding: 9px 33px;
    border-radius: 333px;
    -moz-border-radius: 333px;
    -webkit-border-radius: 12px; /* oval veya kare ayarı */
  {

Daha sonra Admin KP > Temanız > Şablonlar > Footer > Hepsini silip yapıştırın;

Kod:
<div class="aspirefooterv1">
<p align="left">
<div class="widget-content"><center>  <a href="http://facebook.com/muhammed.agri"><img border="0" onmouseout="this.src='http://saglamhack.bl.ee/images/face1.png';" onmouseover="this.src='http://saglamhack.bl.ee/images/face2.png';" alt="" src="http://saglamhack.bl.ee/images/face1.png" /></a> <a href="http://twitter.com/#"><img border="0" onmouseout="this.src='http://saglamhack.bl.ee/images/twitter1.png';" onmouseover="this.src='http://saglamhack.bl.ee/images/twitter2.png';" alt="" src="http://saglamhack.bl.ee/images/twitter1.png" /></a> <a href="http://youtube.com/#"><img border="0" onmouseout="this.src='http://saglamhack.bl.ee/images/youtube1.png';" onmouseover="this.src='http://saglamhack.bl.ee/images/youtube2.png';" alt="" src="http://saglamhack.bl.ee/images/youtube1.png" /></a> <a href="https://plus.google.com/#"><img border="0" onmouseout="this.src='http://saglamhack.bl.ee/images/google1.png';" onmouseover="this.src='http://saglamhack.bl.ee/images/google2.png';" alt="" src="http://saglamhack.bl.ee/images/google1.png" /></a> <a href="{$mybb->settings['bburl']}/misc.php?action=syndication"><img border="0" onmouseout="this.src='http://saglamhack.bl.ee/images/rss1.png';" onmouseover="this.src='http://saglamhack.bl.ee/images/rss2.png';" alt="" src="http://saglamhack.bl.ee/images/rss1.png" /></a>  </center></div><center>
<h4>Bu kodu oluşturan: Aspire'dir. yani (ReaLFasT) Kodun renk,boyut gibi şeyler değiştirilebilir. Ancak diğer şeylerin değiştirilmesinde yasal işlem uygulanacaktır.Burayıda footer şablonundan değiştirebilirsiniz. Yakında v2 çıkacak kodlamalara devam evlat :) </h4>
<div class="aspirealtfooterv1"><a href="{$mybb->settings['contactlink']}">İletişim</a> | <a href="{$mybb->settings['homeurl']}">Anasayfa</a> | <a href="{$mybb->settings['bburl']}/showteam.php">Forum Takımı</a> | <a href="{$mybb->settings['bburl']}/archive/index.php">Arşiv Modu</a> | <a style="cursor:pointer;" <a href="{$mybb->settings['bburl']}/#top">En Üste Çık</a></div>

Son olarak'ta demomuza bakalım.
Kod:
http://jsfiddle.net/Aspire_/3Q97x/

NOT: Arkadaşlar, renkleri kendinize göre değiştirebilirsiniz. Neyin ne olduğunu yanına yazdım kolaylık olsun diye. Bu kodlama benim footer v1 kodlamamdı v2'de yakında İnşAllah kodlayacam.

NOT2: Arkadaşlar kodlamada bir usta oldum diyebilirim yavaş-yavaş ilerliyorum... Özel kodlamalarda yapıyorum isteyen arkadaşlara kodlama yapıcam [Telif Hakkı Benim] ö.m atmanız yeterli.
Ara
Cevapla PGM
Teşekkür verenler:
#2
V1'E Göre Gelişir Güzel Ellerine Sağlık ..
Cevapla PGM
Teşekkür verenler:
#3
teşekkürler dostum, v2 güzel olacak bence.
Ara
Cevapla PGM
Teşekkür verenler:
#4
V1 e göre güzel
Ara
Cevapla PGM
Teşekkür verenler:
#5
Bencede v1e göre çok iyi ellerine sağlık
Ara
Cevapla PGM
Teşekkür verenler:
#6
V1e gore iyi...
Ara
Cevapla PGM
Teşekkür verenler:
#7
v1'e göre diye birşey yoktur. Adam acemiyse v120'de de güzel birşey çıkartamaz.

Kodlamada usta olduğunu tam söyleyemem. Ama Orta Profesyonel şekilde öğrenmişsin :) HTML de sıkıntı var <p> tagı yerine kullanabileceklerin çok. Şahsen güzel olmuş :)
Ara
Cevapla PGM
Teşekkür verenler:
#8
teşekkürler, giderek geliştiriyorum.
Ara
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi


Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping