İsterseniz önizleyin: http://www.xtraphp.com/
CSS Kodları ise bunlar
body
{
width:986px;
margin:0 auto;
background-color:#ededed;
font-family:Arial,Helvetica,sans-serif;
height:100%;
}
#header
{
width:986px;
height:103px;
margin:20px 0 0 0;
}
#logo
{
margin-left:1px;
width:394px;
height:104px;
background-image:url('images/header.png');
float:left;
}
#menubar
{
width:574px;
height:52px;
margin:52px 17 0 0;
background-image:url('images/menubar.png');
float:right;
}
#menubar a,li
{
display:inline;
color:#fff;
}
#about
{
width:350px;
height:80px;
margin-top:-80px;
margin-left:auto;
}
#about img
{
float:right;
}
#about p
{
width:300px;
text-align:center;
float:left;
}
#content
{
width:968px;
background-color:#ffffff;
margin-top:-1px;
margin-left:1px;
}
.post
{
margin:10px;
width:470px;
height:300px;
float:left;
}
.post h2,a
{
color:#000;
text-decoration:none;
}
.post img
{
float:left;
width:100px;
height:100px;
border:1px solid;border-radius:5px;
}
#sidebar
{
margin:10px;
width:320px;
float:right;
}
#sidebar h2
{
text-align:center;
width:280px;
height:37px;
color:#fff;
background-image:url('images/sidebar.gif');
}
#sidebar li:after
{
content " | ";
}
.kategori
{
margin:15px;
display:inline;
}
#footer
{
width:968px;
background-color:#fff;
margin:-1px 0 0 1px;
}
Ek Olarak: Ve birde listede Bir sağda ve bir solda olmak üzere 2 Sütunda aşağıya doğru genişleyen bir satır nasıl yapabilirim?Yardımlarınız için şimdiden teşekkürler :)
