Giris Sayfasi
Yine PSDUP yine Ben ve Yine Bs.Evet arkadaşlar bu gün ölüme bir gün daha yaklaştım ama paylaşmaktan bıkmadım.PSDUP'ın sunduğu introyu sizler için Bs'ye uyarladım.Çok güzel bir giriş sayfasıdır.Sizlere özelliklerinden bahsedeyim biraz 
#Yeşil ve gri tonlar ağırlıklıdır.
#Göz yorucu karışık bir intro teması değildir.
#Sosyal ağlar bölümü bulunmaktadır.
#Üye ol , Üye Girişi , İletişim Bölümü Bulunmaktadır.
Not: Bu intro tasarımını Bs'ye uyarlarken bir kaç ekstra özellik katarak sunmak istedim ancak başarılı olamadım.Daha sonra başarırsam yazımı yenileyeceğim.
İyi Günlerde Kullanın
| Önizleme Yap |
HTML:
<div id="tasiyici">
<div id="siteadi"><span style="color: #ffffff">EmPaDesign</span></div>
<div id="sol">
<div id="facebook"><a href="http://facebook.com/isminiz"></a></div>
<div id="twitter"><a href="http://twitter.com/isminiz"></a></div>
<div id="friendfeed"><a href="http://friendfeedcom/isminiz"></a></div>
</div>
<div id="orta">EmPaDesign Buraya Yazı</div>
<div id="sag">
<div id="uye-ol"><a href="forum/anmelden.htm"></a></div>
<div id="uye-girisi"><a href="uye-grisi.htm"></div>
<div id="iletisim">/iletisim.htm</div>
</div>
</div>
CSS:
<style type="text/css">
body {
margin: 0px;
background-color: #d5d5d5;
font-family: Tahoma;
}
#tasiyici {
width: 1000px;
height: 510px;
margin: 0px auto 0px auto;
background-image: url('https://img.webme.com/pic/d/dnmbymystery/bg.png');
background-repeat: no-repeat;
}
#siteadi {
height: 103px;
width: 370px;
margin: 20px 0px 0px 266px;
padding: 40px 0px 0px 0px;
text-align: center;
font-size: 40pt;
font-weight: 700;
text-shadow:1px 1px 2px #000000;
}
#sol {
float: left;
width: 210px;
height: 310px;
padding-top: 60px;
}
#orta {
float: left;
width: 500px;
font-size: 11pt;
height: 310px;
color: #4f4f4f;
text-shadow: 1px 1px #e9e9e9;
text-align: center;
margin-right: 40px;
text-shadow:1px 1px 1px #bbbbbb;
}
#sag {
float: left;
height: 310px;
padding-top: 45px;
}
#facebook a {
width: 180px;
height: 58px;
display: block;
}
#twitter a {
width: 180px;
height: 52px;
display: block;
margin-top: 20px;
}
#friendfeed a {
width: 180px;
height: 52px;
display: block;
margin-top: 27px;
}
#uye-ol a {
width: 240px;
height: 70px;
display: block;
}
#uye-girisi a {
width: 240px;
height: 70px;
display: block;
margin-top: 10px;
}
#iletisim a {
width: 230px;
height: 70px;
display: block;
margin-top: 10px;
}</style>
