ßyßilæl v2 İndex Tasarımı

Merhaba Arkadaşlar , Tasarımlarım'dan Bir Tanesi İle Daha Karşınızdayım . Bence Güzel Oldu Sizce ? Yorumlarınız Benim İçin Değerlidir . Mybb Entegre Etmedim Dileyen Yapabilir .
Sağ Ok

Html Kodları

PHP Kod:

<!DOCTYPE html>
<html dir="ltr" lang="tr-TR">
<head>
<title>ßyßilæl v2</title>
<link rel="stylesheet" href="style.css" media="all" type="text/css"/>
<meta http-equiv="Content-Type" content="text-html:charset=utf-8"/>
</head>
<body>
<header>
<div id="menu">
<div id="portal"><a href="#"><img src="images/home.png"><p>Portal</p></a></div>
<div id="forum"><a href="#"><img src="images/forum.png"><p>Forum</p></a></div>
<div id="uyeli"><a href="#"><img src="images/uyelistesi.gif"><p>Üye Listesi</p></a></div>
<div id="yonka"><a href="#"><img src="images/yoneticikadrosu.png"><p>Yönetici Kadrosu</p></a></div>
<div id="giris"><a href="#"><img src="images/giris.png"><p>Üye Girişi</p></a></div>
<div id="kayit"><a href="#"><img src="images/kayit.png"><p>Kayıt Ol</p></a></div>
</div>
</header>
<div id="reklam"><img src="images/reklam.png"/></div>
<div id="logo"><p>ßyßilæl İndex Tasarım v1</p>
<div id="duyuru1"><img src="images/duyuru.png"/><a href="#"><p>Bu Alana Forum Duyurularını Yazabilirsiniz...</p></a></div>
<div id="duyuru2"><img src="images/duyuru.png"/><a href="#"><p>Bu Alana Forum Duyurularını Yazabilirsiniz...</p></a></div>
<div id="duyuru3"><img src="images/duyuru.png"/><a href="#"><p>Bu Alana Forum Duyurularını Yazabilirsiniz...</p></a></div>
<div id="duyuru4"><img src="images/duyuru.png"/><a href="#"><p>Bu Alana Forum Duyurularını Yazabilirsiniz...</p></a></div>
<div id="duyuru5"><img src="images/duyuru.png"/><a href="#"><p>Bu Alana Forum Duyurularını Yazabilirsiniz...</p></a></div>
<div id="footer"><img src="images/dikkat.png"/><p>İndex Tasarımı : ßyßilæl | İndex Coder : ßyßilæl | Bu İndex Tasarımının Tüm Hakları Saklıdır ©</div>

</body>
</html> 

Css Kodları

PHP Kod:

/* Reset CSS */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {
 margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
 article, aside, detalis, fgcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}
 body{line-height:1;background:url(images/arkaplan.png)}
 ol,ul{list-style:none;}
 blockquote, q{quotes:none;}
 blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
a {text-decoration:none;color:black;} 
 a:visited {text-decoration:none;color:white;}
 a:hover{text-decoration:none;color:white;}
 a:active{text-decoration:none;color:white;}
 table{border-collapse:collapse;border-spacing:0;}
 /*Genel Özellikler */ 
#portal {
background:url(images/menu.png)repeat-x;
height:75px;

}
#portal img {
width:40px;
height:40px;
margin-top:7px;
margin-left:140px;
}
#portal p {
font-size:30px;
font-family:Bethany Style Letters;
color:white;
margin-left: 185px;
margin-top:-30px;
}
#forum {
margin-top:-63px;
margin-left:290px
}
#forum img {
width:35px;
height:35px;

}
#forum p {
font-size:30px;
font-family:Bethany Style Letters;
color:white;

margin-left: 45px;
margin-top:-30px;
}
#uyeli {
margin-top:-38px;
margin-left:440px
}
#uyeli img {
width:35px;
height:35px;

}
#uyeli p {
font-size:30px;
font-family:Bethany Style Letters;
color:white;

margin-left: 45px;
margin-top:-30px;
}
#yonka {
margin-top:-38px;
margin-left:650px
}
#yonka img {
width:35px;
height:35px;

}
#yonka p {
font-size:30px;
font-family:Bethany Style Letters;
color:white;

margin-left: 45px;
margin-top:-30px;
}
#giris {
margin-top:-38px;
margin-left:920px
}
#giris img {
width:35px;
height:35px;

}
#giris p {
font-size:30px;
font-family:Bethany Style Letters;
color:white;
margin-left: 40px;
margin-top:-30px;
}
#kayit {
margin-top:-38px;
margin-left:1100px
}
#kayit img {
width:35px;
height:35px;

}
#kayit p {
font-size:30px;
font-family:Bethany Style Letters;
color:white;
margin-left: 40px;
margin-top:-30px;
}
#reklam {
width:468px;
height:60px;
margin-top:60px;
margin-left:800px;
}
#logo p {
font-size:40px;
font-family:Bethany Style Letters;
color:black;
margin-left:150px;
margin-top:-40px;
}

#duyuru1 {
background:url(images/menu.png);
height:75px;
width:1150px;
margin-top:60px;
margin-left:140px;
}
#duyuru1 img {
width:60px;
height:60px;
margin-left:5px;
}
#duyuru1 p {
font-size:30px;
font-family:Bethany Style Letters;
color:white;
margin-left: 120px;
margin-top:-45px;
}
#duyuru2 {
background:url(images/menu.png);
height:75px;
width:1150px;
margin-top:5px;
margin-left:140px;
}
#duyuru2 img {
width:60px;
height:60px;
margin-left:5px;
}
#duyuru2 p {
font-size:30px;
font-family:Bethany Style Letters;
color:white;
margin-left: 120px;
margin-top:-45px;
}
#duyuru3 {
background:url(images/menu.png);
height:75px;
width:1150px;
margin-top:5px;
margin-left:140px;
}
#duyuru3 img {
width:60px;
height:60px;
margin-left:5px;
}
#duyuru3 p {
font-size:30px;
font-family:Bethany Style Letters;
color:white;
margin-left: 120px;
margin-top:-45px;
}
#duyuru4 {
background:url(images/menu.png);
height:75px;
width:1150px;
margin-top:5px;
margin-left:140px;
}
#duyuru4 img {
width:60px;
height:60px;
margin-left:5px;
}
#duyuru4 p {
font-size:30px;
font-family:Bethany Style Letters;
color:white;
margin-left: 120px;
margin-top:-45px;
}
#duyuru5 {
background:url(images/menu.png);
height:75px;
width:1150px;
margin-top:5px;
margin-left:140px;
}
#duyuru5 img {
width:60px;
height:60px;
margin-left:5px;
}
#duyuru5 p {
font-size:30px;
font-family:Bethany Style Letters;
color:white;
margin-left: 120px;
margin-top:-45px;
}
#footer {
background:url(images/menu.png);
height:75px;
width:100%;
margin-top:115px;
}
#footer img {
width:60px;
height:60px;
margin-left:75px;
}
#footer p {
font-size:30px;
font-family:Bethany Style Letters;
color:white;
margin-left: 150px;
margin-top:-45px;
} 

İmages Dosyası
İndirmek İçin Tıklayınız