CssMerkezi20

Mavi Beyaz

Tasarım Üstüne
 [code language="html"]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>TuSitio</title> <FCK:meta http-equiv="Content-Type" content="text/html; charset=utf-8" ></FCK:meta> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="wrap"> <div id="header2"> <h1 id="sitename"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><span class="blue">Mis</span>Sitio</a><span class="caption">Plantilla CSS by Dutch</span></h1> <div id="nav"> <form action="LINK"> <div id="search"> <input type="text" class="keyword" value="Search" /> </div> </form> <div id="topmenu"> <ul> <li class="active"><a href="LINK" _fcksavedurl="LINK" _fcksavedurl="LINK">LINK</a></li> <li><a href="LINK" _fcksavedurl="LINK" _fcksavedurl="LINK">LINK</a></li> <li><a href="LINK" _fcksavedurl="LINK" _fcksavedurl="LINK">LINK</a></li> <li><a href="LINK" _fcksavedurl="LINK" _fcksavedurl="LINK">LINK</a></li> <li><a href="LINK" _fcksavedurl="LINK" _fcksavedurl="LINK">LINK</a></li> <li><a href="LINK" _fcksavedurl="LINK" _fcksavedurl="LINK">LINK</a></li> </ul> </div> </div> <div class="clear"></div> <div id="breadcrumb">TuSitio » <a href="LINK" _fcksavedurl="LINK" _fcksavedurl="LINK" class="active">Inicio</a> »</div> </div> <div id="content"> <div id="right"> <div id="featured"> <div> Esta plantilla podra ser editada una vez que hayan colocado los codes en su pagina</div> <span class="ftd_btm"><a href="Link" _fcksavedurl="Link" _fcksavedurl="Link">Leer Mas..</a></span></div> <div class="post">[/code]

Tasarım Altına
 [code language="html"]<div class="postbottom"> </div> </div> </div> <div id="sidebar"> <div id="sidebartop"></div> <h2>Menu</h2> <ul> <li class="active"><a href="LINK" _fcksavedurl="LINK" _fcksavedurl="LINK">LINK</a></li> <li><a href="LINK" _fcksavedurl="LINK" _fcksavedurl="LINK">LINK</a></li> <li><a href="LINK" _fcksavedurl="LINK" _fcksavedurl="LINK">LINK</a></li> <li><a href="LINK" _fcksavedurl="LINK" _fcksavedurl="LINK">LINK</a></li> <li><a href="LINK" _fcksavedurl="LINK" _fcksavedurl="LINK">LINK</a></li> <li><a href="LINK" _fcksavedurl="LINK" _fcksavedurl="LINK">LINK</a></li> </ul> <h2>Navegacion</h2> <ul> <li><a href="LINK" _fcksavedurl="LINK" _fcksavedurl="LINK">LINK</a></li> <li><a href="LINK" _fcksavedurl="LINK" _fcksavedurl="LINK">LINK</a></li> <li><a href="LINK" _fcksavedurl="LINK" _fcksavedurl="LINK">LINK</a></li> </ul> <div id="sidebarbtm"></div> </div> <div class="clear"></div> <div id="bottom"> <p>Copyright © 2008 Elnombredetupagina</p> <p><a href="Puedes" _fcksavedurl="Puedes" _fcksavedurl="Puedes">Puedes</a> | <a href="Poner" _fcksavedurl="Poner" _fcksavedurl="Poner">Poner</a> | <a href="Algunos" _fcksavedurl="Algunos" _fcksavedurl="Algunos">Algunos</a> | <a href="Links" _fcksavedurl="Links" _fcksavedurl="Links">Links</a> | <a href="Por" _fcksavedurl="Por" _fcksavedurl="Por">Por</a> | <a href="Aqui" _fcksavedurl="Aqui" _fcksavedurl="Aqui">Aqui</a></p> </div> </div> <div id="footer"> <div id="credits"> <a href="http://ramblingsoul.com" _fcksavedurl="http://ramblingsoul.com" _fcksavedurl="http://ramblingsoul.com">CSS Template</a> by RamblingSoul</div> </div> </div> </body> </html>[/code]

Css Kodu
 [code language="html"]h1#title{display: none;} h2#title span {display: none;} #nav_container{display: none;} #pre_header{display: none;} #header{display:none;} *{ margin: 0px; padding: 0px; } a { color: #0EA2CC; text-decoration: none; } h1, h2, h3 {font-family:"Trebuchet MS", Verdana, sans-serif;} h1 {font-size:26px;} h2 {font-size:18px;} h3 {font-size:16px;} body {background:url(http://img24.imageshack.us/img24/8333/bg2obl.jpg) fixed center top; background-color:#ccc; font:12px Verdana, Arial, Helvetica, sans-serif;} #wrap {width:950px; margin:0 auto 0 auto;} #header2 {background:url(http://img24.imageshack.us/img24/2107/headerduz.png) no-repeat; height:174px;} #content {background:url(http://img24.imageshack.us/img24/164/pagebg.png) repeat-y; padding:0 40px 0 40px;} #right { float:right; width:610px;} #right p {line-height:20px; margin-bottom:20px;} #right a {border-bottom: solid 1px #0ea2cc;} #right a:visited, active {border:none;} #right a:hover {color:#000; border-bottom:solid 1px #000;} h1 a, h2 a, h3 a, h4 a {text-decoration:none; border:none!important;} .clear {clear:both;} #sidebar {float:left; width:250px; background:url(http://img24.imageshack.us/img24/6015/sb2i.jpg) left repeat-y;} #sidebartop {background: url(http://img24.imageshack.us/img24/8125/sb1c.jpg) left top no-repeat; height:10px;} #sidebarbtm {background:url(http://img5.imageshack.us/img5/3361/sb3d.jpg) left top no-repeat; height:9px;} #sidebar ul {list-style:none; font:bold 14px "Trebuchet MS", Verdana, sans-serif; margin-bottom:15px;} #sidebar li {display:block; height:36px; margin-bottom:2px;} #sidebar a, #sidebar a:visited { display:block; background:url(http://img24.imageshack.us/img24/6135/menu1i.jpg) right top no-repeat; padding: 10px 10px 0 40px; height: 26px; color:#999; } #right h2 { color:#014782; font:normal 18px "Trebuchet MS", Verdana, sans-serif; } #right h2 a {color:#014782} #right h2 a:hover {color:#000; background:#ffffee; border:none;} #sidebar a:hover {background:url(http://img24.imageshack.us/img24/7707/menu2q.jpg) right top no-repeat; color:#333;} #sidebar .active a{background:url(http://img24.imageshack.us/img24/4452/menu3v.jpg) right top no-repeat; color:#000;} #sidebar h2 { display:block; background:url(http://img10.imageshack.us/img10/912/sidebarh2i.jpg) no-repeat; height:40px; padding:14px 10px 0 40px; color: #186185; text-transform:uppercase; } #footer {background:url(http://img24.imageshack.us/img24/4941/footerbg.png) no-repeat; height:62px;} #sitename { display:block; float:left; width:210px; padding:15px 0 0 40px; text-align:center; color: #FFFFFF; font: normal 28px "Trebuchet MS", Verdana, sans-serif; } #sitename a{color:#fff;} .caption { display:block; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #000000; padding-top:30px;} #sitename a .blue { color:#0F9EC8; font-style: italic; } #sitename a:hover {color:#0f9ec8;} #sitename a:hover .blue{color:#9c6; font-family:Georgia; font-weight:normal;} #nav {float:right; width:645px; padding:0 40px 0 0; height:134px;} #breadcrumb { background:url(http://img24.imageshack.us/img24/6724/breadcrumb.jpg) center bottom no-repeat; padding:7px 40px 5px ; height: 18px; color:#999999; text-transform:uppercase; font: bold 16px"Trebuchet MS", Verdana, sans-serif;} #breadcrumb a.active {color:#000!important;} #breadcrumb a{text-decoration:none; color:#999;} #breadcrumb a:visited, breadcrumb a:active {color:#999;} #breadcrumb a:hover {color:#333;} #nav #search{ padding-left: 475px; padding-top: 17px; height: 48px; } #nav #search .keyword{ background: transparent url(http://img5.imageshack.us/img5/8623/searchd.png) no-repeat; height: 33px; width: 132px; padding: 10px 20px 0 10px; font-size: 12px; color: #999; border:none; overflow:hidden; } #header form {padding:0; margin:0;} #topmenu { height:51px; font:bold 14px "Trebuchet MS", Verdana, sans-serif; text-transform:uppercase; padding-top:15px;} #topmenu ul {list-style:none; padding-left:10px;} #topmenu li {display:inline; margin-left:3px;} #topmenu a, #topmenu a:visited {display:block; float:left; background:url(http://img24.imageshack.us/img24/9928/nav2.png) repeat-x; text-align:center; padding:5px 25px 0 25px; height:25px; color:#999999;} #topmenu .active a {background:url(http://img509.imageshack.us/img509/7338/nav1.png) repeat-x; color:#333;} #topmenu .active a:hover {background:url(http://img24.imageshack.us/img24/1596/nav4.png) repeat-x; color:#333;} #topmenu a:hover {background:url(http://img24.imageshack.us/img24/6036/nav3i.png) repeat-x; color:#fff;} #featured { background:url(http://img24.imageshack.us/img24/6215/ftrdbox.jpg) no-repeat; height:150px; color:#00CCFF; margin-bottom:15px; } #featured div { padding:25px 10px 0 50px; height: 90px; font:normal 16px "Palatino Linotype", "Book Antiqua", Palatino, serif; } .ftd_btm {display:block; height:20px; padding:15px 5px 0 35px; background:url(http://img5.imageshack.us/img5/1768/ftrdlink.png)8px 12px no-repeat} #featured a {color:#fff; border-bottom:none;} #featured a:visited, #featured a:active{color:#E3F7FD;} #featured a:hover { text-decoration:underline; color:#fff!important;} .postbottom {background:url(http://img24.imageshack.us/img24/9448/postbttm.png) no-repeat; height:26px; margin-bottom:20px;} .postbottom ul {list-style:none;} .postbottom li {display:inline; margin:0!important; padding:0!important;} .postbottom a, .postbottom a:visited, .postbottom a:active{color:#fff; border:none!important; display:block; float:left; height:20px; padding:6px 5px 0 30px;} .postbottom a:hover {color:#000;} .permalink a, .permalink a:visited, .permalink a:active {background:url(images/ico_more.png)5px 5px no-repeat;} .cats a{background:url(http://img24.imageshack.us/img24/2779/icocat.png)5px 5px no-repeat;} .auth a{background:url(http://img24.imageshack.us/img24/737/icousr.png)5px 5px no-repeat;} .date a{background:url(http://img24.imageshack.us/img24/9229/icodate.png) 5px 5px no-repeat;} .comnts a{background:url(http://img24.imageshack.us/img24/1592/commentx.png)5px 5px no-repeat;} .post h2 {display:block; margin-bottom:15px;} .post .description {display:block; font-size:12px; color:#999;} .post blockquote {background:#eee url(http://img24.imageshack.us/img24/630/quotetmc.png) 5px 5px no-repeat; padding:8px 8px 0 35px; font:normal 14px "Palatino Linotype", "Book Antiqua", Palatino, serif; display:block; border: solid 1px #ddd; } .post .extract { float:left; margin-right:10px; width:250px;} .post ul {margin-left:25px;} .post ol {margin-left:25px;} .post li {padding:3px;} .post .leftalign {display:block; padding:5px; background:#eee; margin:8px; float:left; border:solid 1px #ddd;} .post .rightalign {display:block; padding:5px; background:#eee; margin:8px; float:right;border:solid 1px #ddd;} /*tables and Forms */ #right table { width:90%; border:1px solid #0075A4; margin-bottom:20px; background: #E3F6FF; margin-top: 15px; } #right th { background:#0075A4; padding:5px 15px 5px 15px; color:#8ADBFF; text-align:center; border-bottom:1px solid #000000; font: bold 16px "Trebuchet MS", Verdana, sans-serif; text-transform: uppercase; } #right td { border-bottom:1px solid #0075A4; padding:5px 15px 5px 15px; border-right:1px solid #0075A4; } .textfield { display: block; width:50%; margin:3px 3px 3px 30px; padding:3px; border: 1px solid #CBE0E7; background: #E9F2F5; } label { display: block; margin:3px; padding: 5px; font-weight: bold; } .button { display: block; padding:0px; margin:3px; border: 1px solid #9DC6D2; color:#000000; background: #E9F2F5; } .textfield:hover { background:#FFFFCC; } .textfield:focus { background:#ffffff; border: 1px solid #3A2C1B; } .hide {display:none;} #bottom {padding:20px; background:url(http://img24.imageshack.us/img24/7671/bottombg.png) repeat-x; margin-top:15px;} #bottom p {display:block; padding:3px; text-align:center;} #credits {text-align:right; font-size:10px; padding:5px 40px 0 40px; } .pagenavi { height:22px; padding: 5px 5px 0 5px; background: #eee; border: solid 1px #ddd; margin:25px 0 15px 0;} .pagenavi .alignleft {display:block; text-align:left;} .pagenavi .alignright {display:block; float:right;} .pagenavi a, .pagenavi a :visited, .pagenavi a :active {color:#000; font-weight:bold; text-decoration:none; border:none!important;} .pagenavi a:hover {color:#0099CC!important;} /*shopping Cart */ #catalogue {margin:10px 0 10px 0; background:#eee; border:solid 1px #ddd; padding:5px;} .item {width:135px; float:left; height:220px;} .item h3 {display:block; padding:3px;} .item span {display:block; padding:3px;} .item .price {color:#993300; font-weight:bold; } .item span img {border:none!important;} .item span a {border:none!important; text-decoration:none;} .item img {} img.productimg {border:solid 1px #716148; margin:0 0 0 8px;} .clear2 {width:100%; clear:left;} .sec_head { display:block; background: #0077A2 url(http://img24.imageshack.us/img24/6044/ftrdboxn.jpg) no-repeat 0px -60px; padding:3px; margin-bottom:15px; color: #FFF !important; }[/code]

Tasarımda Sorun Varsa Bildirin...

Sitemiz 12 Dilde:

Mavi Beyaz