Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj15.09.2010, 10:47 (UTC)    
Mesaj konusu: CSS HAKKINDA

arklar benim elimde bi tasarım var bunun css BUDUR bu tasarımın ark plan rengi krımızı bunu nasıl degistireblirz imkanı varmı veya yazılar beyaz onu nasıl geisteblirz yarımcı olrsunuz

Kod:
/*


margin: 0px;
padding: 0px;
}

body {
   background: #e01400;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #666666;
}

input, textarea {
   background: #A4E4F5;
   border: 1px solid #FFFFFF;
   font: bold 13px Arial, Helvetica, sans-serif;
   color: #0F5B96;
}

h1, h2, h3, p, ol, ul {
   margin-top: 0;
}

h1, h2, h3 {
   font-family: Arial, Helvetica, sans-serif;
}

h1, h2 {
   text-transform: lowercase;
   font-weight: normal;
}

h1 {
   font-size: 2.4em;
}

h2 {
   font-size: 1.8em;
}


a {
   color: #b01000;
}

a:hover {
   text-decoration: none;
   color: #fcc86a;
}



hr {
   display: none;
}

#main
{
width: 976px;
margin: 0 auto;
background: #e01400;
}


/* Header */

#header {
   height: 351px;
   width: 976px;
}

#logo {
width: 976px;
height: 300px;
background: url(http://img.webme.com/pic/d/denemecss123/header.jpg) no-repeat;
}

#logo h1, #logo p {
   margin: 0;
   line-height: normal;
}

#logo h1 {
   padding: 47px 0 0 20px;
   font-size: 24px;
   color: #ffffff;
}
#logo h2 {
   padding: 10px 0 0 20px;
   font-size: 10px;
   text-transform: uppercase;
   color: #ffffff;
}

#logo a {
   text-decoration: none;
   color: #ffffff;
}

#menu {
height: 51px;
background: url(http://img.webme.com/pic/d/denemecss123/menu.gif) no-repeat top;
width: 856px;
padding-left: 120px;
}

#menu ul {
   margin: 0;
   list-style: none;
}

#menu li {
   display: inline;
}

#menu a {
   float: left;
   width: 140px;
   height: 66px;
   text-decoration: none;
   text-align: center;
   padding-top: 10px;
   font-size: 18px;
   font-weight: bold;
   color: #ffffff;

}

#menu a:hover {
   background: url(http://img.webme.com/pic/d/denemecss123/menu_r.gif) repeat-x;
   height: 50px;
   text-decoration:underline;
   color: #fcc86a;
}

/* Page */

#page {
   width: 976px;
   margin: 0 auto;
}

/* Content */

#content {
   float: left;
   width: 497px;
   padding: 11px;
}

#content p
{
padding-left: 10px;
padding-right: 10px;
}

#content .line1
{
background: #ffffff url(http://img.webme.com/pic/d/denemecss123/center_top.gif) top no-repeat;
padding: 4px;
}

#content .post ul, #content .post ol
{
margin-left: 30px;
}

#content .top
{
width: 497px;
background: url(http://img.webme.com/pic/d/denemecss123/top.png) no-repeat;
height: 13px;
}

#content .middle_back
{
width: 477px;
background: #ffffff
}

#content .title
{
width: 462px;
height: 20px;
padding-top: 10px;
padding-left: 20px;
border-bottom: 1px solid #b01000;
margin-bottom: 8px;
}

#content .date
{
   height: 41px;
   margin-top: 5px;
   padding-top: 3px;
   font-size: 10px;
    background: #ffffff;      
}

#content .date ul
{
   list-style: none;   
}

#content .date li
{
   display: inline;
}

#content .small_icon1
{
background: url(http://img.webme.com/pic/d/denemecss123/icon1.gif) no-repeat;
height: 24px;
float: left;
display: block;
text-align: left;
padding-top: 6px;
padding-left: 30px;
padding-right: 5px;
}

#content .small_icon2
{
background: url(http://img.webme.com/pic/d/denemecss123/icon2.gif) no-repeat;
height: 24px;
float: left;
display: block;
text-align: left;
padding-top: 6px;
padding-left: 30px;
padding-right: 5px;
}

#content .small_icon3
{
background: url(http://img.webme.com/pic/d/denemecss123/icon3.gif) no-repeat;
height: 24px;

float: left;
display: block;
text-align: left;
padding-top: 6px;
padding-left: 30px;
}

.post {

   color: #000000;

}

.post a {
   color: #b01000;
}

.post a:hover {
   color: #FE6B02;
}

.post H2
{
color: #b01000;
text-transform: uppercase;
font-size: 14px;
font-weight: bold
}

.center_bottom
{
background: url(images/center_bottom.gif) no-repeat bottom;
padding-bottom: 8px;
margin-bottom: 10px;
}

/* Sidebars */

.sidebar {
   float: left;
   width: 228px;
   margin-top: 10px;
   color: #000000;

}

.sidebar ul {
   margin: 0;
   padding: 0;
   list-style: none;
   line-height: normal;
}


.sidebar li {
   padding: 4px 0 4px 10px;
}

.sidebar a {
   text-decoration: none;
   color: #b01000;
   font-size: 11px;
}
.sidebar a:hover {
   color: #e01400;
   text-decoration: underline;
}

.sidebar h2 {
width: 203px;
height: 25px;
font-size: 14px;
font-weight: bold;
padding-left: 25px;
padding-top: 14px;
text-transform: uppercase;
color: #ffffff;
background: url(http://img.webme.com/pic/d/denemecss123/title.gif) no-repeat;
}

.bottom_small
{
height: 9px;
background: url(http://img.webme.com/pic/d/denemecss123/left_bottom.gif) no-repeat bottom;
width: 228px;
margin-bottom: 20px;
}


#leftbar .line1, #rightbar .line1
{
background: url(http://img.webme.com/pic/d/denemecss123/left_bg.gif);
padding: 4px;
}

#leftbar .small_back, #rightbar .small_back
{
background: url(http://img.webme.com/pic/d/denemecss123/small_back.gif) repeat-y;
}

/* Left Sidebar */

#leftbar {

}

/* Right Sidebar */

#rightbar {

}

#leftbar .back, #rightbar .back
{
background: url(http://img.webme.com/pic/d/denemecss123/title_back.gif) no-repeat;
padding: 10px;
}


/* Calendar */

#calendar table {
   width: 100%;
   text-align: center;
}

#calendar thead {

}

#calendar tbody td {
   border: 1px solid #F1F1F1;
}

#calendar #prev {
   text-align: left;
}

#calendar #next {
   text-align: right;
}

#calendar tfoot a {
   text-decoration: none;
   font-weight: bold;
}

#calendar #now {
   background: #696969;
   border: 1px solid #ff0000;
   font-weight: bold;
   color: #ffffff
}


/* Footer */

#footer {
   clear: both;
   padding-top: 20px;
   height: 42px;
   background: url(http://img.webme.com/pic/d/denemecss123/footer.gif) repeat-x;
}

#footer p {
   text-align: center;
   font-size: smaller;
   color: #CCCCCC;
}

#footer a {
   color: #ffffff;
}

Mesaj15.09.2010, 16:07 (UTC)    
Mesaj konusu:

Alıntı:
#e01400
Kod:
bu kodun olduğu yeri bul bu kodu sil istediğin renk kodunu yapıştır  kolay gelsin

______________
@simerweb
Banneriniz 468x60 boyutlarını geçmemelidir.
Mesaj15.09.2010, 21:16 (UTC)    
Mesaj konusu:

tşkelr
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu