Forum'da ara:
Ara


Yazar Mesaj
Mesaj17.02.2009, 15:46 (UTC)    
Mesaj konusu:

ben css için bir tasarım begendim kodu bu ama bunu nasıl siteme göre ayarlıyacagım css de normal diger tasarımlar gibi degil kodu ekleyince direk çıkmıyor kod bu.

Kod:
/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
   margin-top: 20px;
   padding: 0;
   background: url(images/img01.gif) repeat-x left top;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #6D6D6D;
}

h1, h2, h3 {
   margin: 0;
   text-transform: lowercase;
   font-family: Georgia, "Times New Roman", Times, serif;
   font-weight: normal;
   color: #006EA6;
}

h1 {
   letter-spacing: -1px;
   font-size: 35px;
}

h2 {
   font-size: 26px;
}

p, ul, ol {
   margin: 0 0 2em 0;
   text-align: justify;
   line-height: 26px;
}

a:link {
   color: #0094E0;
}

a:hover, a:active {
   text-decoration: none;
   color: #0094E0;
}

a:visited {
   color: #0094E0;
}

img {
   border: none;
}

img.left {
   float: left;
   margin: 7px 15px 0 0;
}

img.right {
   float: right;
   margin: 7px 0 0 15px;
}

/* Form */

form {
   margin: 0;
   padding: 0;
}

fieldset {
   margin: 0;
   padding: 0;
   border: none;
}

legend {
   display: none;
}

input, textarea, select {
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 13px;
   color: #333333;
}

#wrapper {
}

/* Header */

#header {
   width: 900px;
   height: 130px;
   margin: 0 auto 20px auto;
   padding-top: 10px;
}

#logo {
   float: left;
   height: 90px;
   background: url(images/img03.gif) no-repeat left top;
}

#logo h1 {
   margin: 0;
   padding: 5px 0 0 100px;
   font-size: 40px;
   color: #0099E8;
}

#logo h1 sup {
   vertical-align: text-top;
   font-size: 24px;
}

#logo h1 a {
   color: #5F9D10;
}

#logo h2 {
   margin: 0;
   padding: 0 0 0 100px;
   text-transform: uppercase;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #6D6D6D;
}

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

/* Menu */

#menu {
   float: right;
   padding-top: 30px;
}

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

#menu li {
   display: inline;
}

#menu a {
   display: block;
   float: left;
   margin-left: 5px;
   background: url(images/img02.gif) repeat-x left top;
   padding: 1px 10px;
   text-decoration: none;
   font-size: 12px;
   color: #FFFFFF;
}

#menu a:hover {
   text-decoration: underline;
}

#menu .active a {
}

/* Page */

#page {
   width: 900px;
   margin: 0 auto;
   background: url(images/img07.jpg) no-repeat left top;
}

/* Content */

#content {
   float: left;
   width: 570px;
   padding: 30px 0 0 30px;
}

/* Post */

.post {
}

.post .title {
   height: 52px;
   margin-bottom: 20px;
   padding-bottom: 5px;
   padding-left: 60px;
   border-bottom: 1px dashed #D1D1D1;
   background: url(images/img04.gif) no-repeat left top;
   color: #8BCB2F;
}

.post .title b {
   font-weight: normal;
   color: #0094E0;
}

.post .date p {
   margin: 0;
   padding: 0;
}

.post .date {
   width: 50px;
   margin-top: -80px;
   padding-left: 12px;
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 14px;
   color: #283900;
}

.post .date b {
   margin: 0;
   padding: 0;
   display: block;
   margin-top: -13px;
   padding-left: 2px;
   font-size: 16px;
   color: #283900;
}

.post .entry {
}

.post .meta {
   margin: 0;
   padding: 15px 0 60px 0;
}

.post .meta p {
   margin: 0;
   line-height: normal;
}

.post .meta .byline {
   float: left;
   color: #0000FF;
}

.post .meta .links {
   float: left;
}

.post .meta .more {
   width: 185px;
   height: 35px;
   padding: 5px 10px;
   background: #8BCB2F;
   border: 1px dashed #FFFFFF;
   text-transform: uppercase;
   text-decoration: none;
   font-size: 9px;
}

.post .meta .comments {
   padding: 5px 10px;
   text-transform: uppercase;
   text-decoration: none;
   background: #0094E0;
   border: 1px dashed #FFFFFF;
   font-size: 9px;
}

.post .meta b {
   display: none;
}

.post .meta a {
   color: #FFFFFF;
}
/* Sidebar */

#sidebar {
   float: right;
   width: 230px;
   padding-right: 30px;
   padding-top: 20px;
}

#sidebar ul {
   margin: 0;
   padding: 10px 0 0 0;
   list-style: none;
}

#sidebar li {
   margin-bottom: 40px;
}

#sidebar li ul {
}

#sidebar li li {
   margin: 0;
   padding: 3px 0;
   border-bottom: 1px dashed #D1D1D1;
}

#sidebar li li a {
   margin: 0;
   padding-left: 15px;
}

#sidebar h2 {
   padding-bottom: 5px;
   font-size: 18px;
   font-weight: normal;
   color: #0094E0;
}

#sidebar strong, #sidebar b {
   color: #8BCB2F;
}

#sidebar a {
   text-decoration: none;
   color: #6D6D6D;
}

/* Search */

#search {
}

#search h2 {
}

#s {
   width: 150px;
   margin-right: 5px;
   padding: 3px;
   border: 1px solid #F0F0F0;
}

#x {
   padding: 3px;
   border: none;
   text-transform: lowercase;
   font-size: 11px;
   color: #4F4F4F;
}

/* Boxes */

.box1 {
   padding: 20px;
}

.box2 {
   color: #BABABA;
}

.box2 h2 {
   margin-bottom: 15px;
   font-size: 16px;
   color: #FFFFFF;
}

.box2 ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

.box2 a:link, .box2 a:hover, .box2 a:active, .box2 a:visited  {
   color: #EDEDED;
}

/* Footer */

#footer {
   width: 900px;
   background: url(images/img07.jpg) no-repeat left top;
   margin: 0 auto;
   padding: 10px 0 0 60px;
   color: #353535;
}

html>body #footer {
   height: auto;
}

#footer-menu {
}

#legal {
   clear: both;
   font-size: 11px;
   color: #6D6D6D;
}

#legal a {
   color: #0094E0;
}

#footer-menu {
   float: left;
   color: #353535;
   text-transform: capitalize;
}

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

#footer-menu li {
   display: inline;
}

#footer-menu a {
   display: block;
   float: left;
   padding: 1px 15px 1px 15px;
   text-decoration: none;
   font-size: 11px;
   color: #6D6D6D;
}

#footer-menu a:hover {
   text-decoration: underline;
}

#footer-menu .active a {
   padding-left: 0;
}


______________
sitemizde tüm maçlar ücretsiz bir şekilde yayınlanıyor. türkiye ligi almanya ligi fransa ligi ispanya ligi hollanda ligi italya ligi ve daha bir cok liglerin maçları sitemizde canlı olarak yayınlanmaktadır. http://canli-mac-izle.tr.gg/ lig tv yi ücretsiz bir şekilde izleyebilirsiniz. takımlarınızın maçlarını izleyebilirsiniz.

Önceki mesajları göster:   


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