https://instagram.com/alphazzers
   
Konuyu Oyla:
  • Toplam: 1 Oy - Ortalama: 5
  • 1
  • 2
  • 3
  • 4
  • 5
Footer Kodlaması V1
#1
Normalde bir header kodluyordum, ama sonradan bu bir footer olarak daha hoş durur düşüncesine kapıldım. Umarım beğenirsiniz, kodu editleyerek kendi sitenizin adreslerini yazın..

CSS kodu,

Kod:
/* Sıfırlamalar */
body {background-image:url(http://o1310.hizliresim.com/1g/2/t6rl2.png) }
a,li { text-decoration: none; list-style: none; }
input:focus { outline: none;}

/* Footer */
#Footer { background-image: url(http://o1310.hizliresim.com/1g/2/t6s78.png); width: 974; height:  88px; }

/* Bir Not */
#birnot {position:absolute; bottom:505px; left:980px;}

/* Bir Not Yazı */
#birnotyazi a { font: 11px Arial; display: block; color:#fff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75); }
#birnotyazi a { position:absolute; bottom:510px; left:955px; }

/* Bir Not Yazı İçeriği */
#birnotyaziicerik a { font: 10px Arial; display: block; color:#fff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75); }
#birnotyaziicerik a { position:absolute; bottom:510px; left:1000px; }

/* Header Menü */
#menu {float: right; padding: 30px;}
#menu li {float: left; padding-top:3px; text-align:center; /*padding: 0px 20px 0px 20px;*/ width:76px; height:28px; }
#menu a {font: 14px Arial; color: #fff;  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75); }
#menu li:hover{float: left; padding-top:3px; text-align:center; /*padding: 0px 20px 0px 20px;*/ width:75px; height:21px; background-image:url(http://n1310.hizliresim.com/1g/2/t6srq.png) }
#menu { position:absolute; bottom:465px; left:370px; }

HTML kodu,


Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>

<!--Header -->
<div id="Footer">

<!--Bir Not -->
<div id="birnot"><img src="http://n1310.hizliresim.com/1g/2/t6s69.png" /> </div>
<div id="birnotyazi"><a href="#">Bir Not</div>
<div id="birnotyaziicerik"><a href="#"><div id="birnotyazi"><a href="#">Bu site, Furkomm adına kodlanmıştır.</div></div>

<!--Logo -->
<div id="logo"><img src="http://j1310.hizliresim.com/1g/2/t6tq2.png" /></div>

<!-- Menü -->
<div id="menu">
<li><a href="/index.php">İndex</a></li>
<li><a href="/memberlist.php">Üyeler</a></li>
<li><a href="/portal.php">Portal</a></li>
<li><a href="/calendar.php">Takvim</a></li>
</div>

<!--#Header -->
</body>
</html>

Resim,

t6tmm.png
Ara
Cevapla PGM
Teşekkür verenler:
#2
Guzel olus header olarak kullnana bilirim.
Ara
Cevapla PGM
Teşekkür verenler:
#3
Header olarak daha güzel olurmuş bence :)
Konuşmak ihtiyaç olabilir; ama susmak bir sanattır…

Ara
Cevapla PGM
Teşekkür verenler:
#4
(02-10-2013 Saat: 19:57)Novruz Nickli Kullanıcıdan Alıntı:
Guzel olus header olarak kullnana bilirim.

Kişiye kalmış. :) Yorumun için teşekkürler.

(02-10-2013 Saat: 19:57)jungi Nickli Kullanıcıdan Alıntı: Header olarak daha güzel olurmuş bence :)

Fark etmez aslında, kullanıcının zevkine kalmış. :) Yorumunuz için teşekkürler. :)
Ara
Cevapla PGM
Teşekkür verenler:
#5
Mükemmel eline sağlık.
Ara
Cevapla PGM
Teşekkür verenler:
#6
Çok Güzel Teşekkürler.
Cevapla PGM
Teşekkür verenler:
#7
Bence menü yapsaydın daha hoş dururdu :)
Ara
Cevapla PGM
Teşekkür verenler:
#8
harika
Ara
Cevapla PGM
Teşekkür verenler:
#9
Teşekkürler arkadaşlar. :)
Ara
Cevapla PGM
Teşekkür verenler:
#10
Güzel Olmuş Bunu v4 De Kullanacağım İçindekileri Değiştirebilirmiyiz Huracrine vs. ?
Ara
Cevapla PGM
Teşekkür verenler:
#11
(02-10-2013 Saat: 20:18)Teknology Nickli Kullanıcıdan Alıntı: Güzel Olmuş Bunu v4 De Kullanacağım İçindekileri Değiştirebilirmiyiz Huracrine vs. ?

Elbettte, edit yapabilirsiniz kendi sitenize uygun bir biçimde.
Ara
Cevapla PGM
Teşekkür verenler:
#12
Emeğine Sağlık Güzel Olmuş. Başarılı..
Ara
Cevapla PGM
Teşekkür verenler:
#13
(02-10-2013 Saat: 20:39)Edward Nickli Kullanıcıdan Alıntı: Emeğine Sağlık Güzel Olmuş. Başarılı..

Teşekkürler.
Ara
Cevapla PGM
Teşekkür verenler:
#14
harika çok iyi tebrikler
Cevapla PGM
Teşekkür verenler:
#15
Teşekkür ederim. :)
Ara
Cevapla PGM
Teşekkür verenler:
#16
Güzel eline sağlık header olarak süper olur :)
Güzel üslupla söz söyleyenleriz;
Mesih’in talebesiyiz; nice ölülere tuttuk da can üfürdük biz.

Hz.Mevlana


 Türk çocuğu ecdadını tanıdıkça daha büyük işler yapmak için kendinde kuvvet bulacaktır.
Mustafa Kemal Atatürk


Saint


Ara
Cevapla PGM
Teşekkür verenler:
#17
Teşekkürler. :)
Ara
Cevapla PGM
Teşekkür verenler:
#18
Eline sağlık güzel olmuş.
Ara
Cevapla PGM
Teşekkür verenler:
#19
Teşekkürler..
Ara
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 3 Ziyaretçi



***

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