Önizlemesi <div id="wrap"> <!--header --> <div id="header"> <h3 id="logo-text"><a href="http://www.html-css-kod.tr.gg" title="">Bedavasitem.Forum.St</a></h3> <p id="slogan">Site Slogan Vs yazı</p> <div id="top-menu"> <p><a href="#">Link</a> |<p><a href="#">Link</a> | <p><a href="#">Link</a> </div> <!--header ends--> </div> <!-- navigation starts--> <div id="navi"> <ul> <li><a href="http://bedavasitem.forum.st">Link</a></li> <li><a href="http://bedavasitem.forum.st">Link</a></li> <li><a href="http://bedavasitem.forum.st">Link</a></li> <li><a href="http://bedavasitem.forum.st">Link</a></li> <li><a href="http://bedavasitem.forum.st">Link</a></li> </ul> <!-- navigation ends--> </div> <div id="conntent"> <div id="main"> <a name="TemplateInfo"></a> <h4>HTML-CSS-KOD.TR.GG</h4> <p class="post-info">Slogan yada herhangi bir yazı</p> </div> <div id="sidebar"> <h5>Arama</h5> <form id="qsearch" action="index.html" method="get"> <p> <label for="qsearch">Arama:</label> <input class="tbox" name="qsearch" value="Artılıcak Cümleyi yazınız.. Amazonex" title="Start typing and hit ENTER" type="text"> <input class="btn" alt="Arama" name="searchsubmit" title="Search" src="index_files/search.gif" type="image"> </p> </form> <h5>Sidebar Menu</h5> <ul class="sidemenu"> <li><a href="http://bedavasitem.forum.st">Lİnk</a></li> <li><a href="http://bedavasitem.forum.st">Lİnk</a></li> <li><a href="http://bedavasitem.forum.st">Lİnk</a></li> <li><a href="http://bedavasitem.forum.st">Lİnk</a></li> <li><a href="#">Lİnk</a></li> <li><a href="http://bedavasitem.forum.st">Lİnk</a><li> </ul> <!-- sidebar ends --> </div> </div> <!-- footer starts --> <div id="footer"> <p> 2009 © Tüm Hakları Bedavasitem.Forum.St Güvencesi Altındadır. <li> <span style="color: rgb(0, 0, 0);"><a>Design by : Bedavasitem.Forum.St </a></span> <li> </p> <!-- footer ends--> </div> <!-- wrap ends here --> </div> h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} /* ---------------------------------------------- Template Name : VectorLover Template Code : S-0026 Version : 1.0 Author : Erwin Aligam Author URI : http://www.styleshout.com/ Last Date Modified : July 31, 2008 ------------------------------------------------ */ /* ---------------------------------------------- HTML ELEMENTS ------------------------------------------------- */ /* Top Elements */ * { margin: 0; padding: 0; outline: 0 } body { background: #CCC url(http://www.styleshout.com/templates/preview/VectorLover1-0/images/bg.gif) repeat-x; font: 12px/170% 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; color: #6B6B6B; text-align: center; } /* links */ a, a:visited { color: #79A325; background: inherit; text-decoration: none; } a:hover { color: #73471B; background: inherit; text-decoration: underline; } /* headers */ h3, h4, h5 { font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif; font-weight: Bold; padding: 10px; color: #444; } h3 { font-size: 2.9em; } h4 { font-size: 2.5em; color: #88AC0B; } h5 { font-size: 1.6em; font-weight: normal; padding: 16px 10px 4px 10px; } /* Paragraph */ p { padding: 12px 10px; } /* Lists */ ul, ol { margin: 10px 20px; padding: 0 20px; } ul { list-style: none; } dl { padding: 10px; margin: 0; } dt { font-weight: bold; color: #79A62E; } dd { padding-left: 25px; } /* images */ img { background: #FAFAFA; border: 1px solid #E4E4E4; padding: 8px; } img.float-right { margin: 5px 0px 10px 10px; } img.float-left { margin: 5px 10px 10px 0px; } code { margin: 5px 0; padding: 15px; text-align: left; display: block; overflow: auto; font: 500 1em/1.5em 'Lucida Console', 'Courier New', monospace; /* white-space: pre; */ border: 1px solid #EEE8E1; background: #FAF7F5; } acronym { cursor: help; border-bottom: 1px dotted #895F30; } blockquote { margin: 15px 10px; padding: 5px 7px 5px 40px; font-weight: normal; font-size: 17px; line-height: 1.6em; font-style: italic; font-family: Georgia, 'Times New Roman', Times, serif; color: #80614D; border: 1px solid #EEE8E1; background: #FAF7F5 url(http://www.styleshout.com/templates/preview/VectorLover1-0/images/quote.gif) no-repeat 15px 15px; } /* start - table */ table { border-collapse: collapse; margin: 15px 10px; } th { height: 38px; padding-left: 12px; padding-right: 12px; color: #fff; text-align: left; background: #ADD163; border-width: 1px; border-style: solid; border-color: #C4DE8F #93C138 #93C138 #C4DE8F; } tr { height: 34px; background: #fff; } td { padding-left: 11px; padding-right: 11px; border: 1px solid #E7F0CC; } /* end - table */ /* form elements */ form { margin: 20px 10px; padding: 15px 25px 25px 20px; border: 1px solid #EEE8E1; background: #FAF7F5; } form p { border-bottom: 1px solid #ECE5DD; padding: 12px 0 5px 0; margin: 0; color: #9D6D37; } label { font-weight: bold; color: #A7743B; } input, select, textarea { margin: 5px 0; padding: 5px; color: #6A6969; border-width: 1px; border-style: solid; border-color: #d4d4d4 #ebebeb #ebebeb #d4d4d4; } option { padding-right: 0.5em; } #name, #email, #message, #website{ width: 455px; } input.button { font: bold 12px Arial, Sans-serif; height: 30px; margin: 0; padding: 2px 3px; color: #fff; background: #A6CD56; border-width: 1px; border-style: solid; border-color: #C4DE8F #8DB836 #8DB836 #C4DE8F; } /*------------------------------------------- LAYOUT --------------------------------------------*/ #wrap { position: relative; width: 952px; background: #FFF url(http://www.styleshout.com/templates/preview/VectorLover1-0/images/wrap.gif) repeat-y center top; margin: 40px auto 30px auto; text-align: left; } #conntent { clear: both; float: left; width: 952px; padding: 25px 0 60px 0; } #header { position: relative; width: 952px; height: 245px; background: #8AB84B url(http://www.styleshout.com/templates/preview/VectorLover1-0/images/header.jpg) no-repeat; color: #fff; padding: 0; margin: 0; } #header h3#logo-text a { position: absolute; margin: 0; padding: 0; font: bold 66px 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif; letter-spacing: -5px; text-decoration: none; color: #332616; /* change the values of top and left to adjust the position of the logo*/ top: 75px; left: 55px; } #header p#slogan { position: absolute; margin: 0; padding: 0; font: bold 15px 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif; color: #322815; letter-spacing: -0.5px; /* change the values of top and left to adjust the position of the slogan*/ top: 148px; left: 150px; } /* top-menu */ #top-menu { position: absolute; margin: 0; padding: 30px 15px 8px 15px; background: #74A838 url(http://www.styleshout.com/templates/preview/VectorLover1-0/images/top-menu.gif) repeat-x; font-family: 'Trebuchet MS', Arial, Sans-serif; color: #FFF; top: 0; right: 70px } #top-menu p { margin: 0; padding: 0; } #top-menu a { font-weight: bold; color: #fff; } /* Navigation */ #navi { clear: both; padding: 0; margin: 0; width: 952px; height: 50px; background: #988060 url(http://www.styleshout.com/templates/preview/VectorLover1-0/images/nav.gif) no-repeat; } #navi ul { float: left; list-style: none; margin: 5px 0 0 0; height: 45px; padding: 0 0 0 40px; } #navi ul li { float: left; margin: 0; padding: 0 0 0 10px; } #navi ul li a { float: left; margin: 0; padding: 0 15px 0 5px; color: #FFF; font: bold 15px/45px 'Trebuchet MS', 'Helvetica Neue', Arial, sans-serif; text-decoration: none; } #navi ul li a:hover, #navi ul li a:active { color: #E7FAA9; } #navi ul li#current { background: transparent url(http://www.styleshout.com/templates/preview/VectorLover1-0/images/left-tab.gif) no-repeat; } #navi ul li#current a { color: #4B3D2C; background: transparent url(http://www.styleshout.com/templates/preview/VectorLover1-0/images/right-tab.gif) no-repeat right top; } /* Main Column */ #main { float: left; width: 535px; padding: 0; margin: 0 0 0 40px; display: inline; } #main h4 { font: bold 2.9em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif; color: #51432F; padding: 10px 0 5px 5px; margin-left: 5px; letter-spacing: -2px; border-bottom: 1px solid #E4F2C8; } #main h4 a { color: #51432f; text-decoration: none; } #main ul li { list-style-image: url(http://www.styleshout.com/templates/preview/VectorLover1-0/images/bullet.gif); } #sidebar { float: right; width: 285px; padding: 0; margin: 0 45px 0 0; display: inline; } #sidebar h5 { color: #51432F; font: bold 1.9em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif; text-transform: none; letter-spacing: -0.5px; padding: 5px 0 5px 7px; margin: 10px 0 5px 10px; border-bottom: 1px solid #E4F2C8; } /* sidebar menu */ #sidebar .sidemenu { margin: 10px 10px 5px 7px; padding: 0; text-decoration: none; } #sidebar .sidemenu li { list-style: none; margin: 0; padding: 8px 10px; border-bottom: 1px solid #E8E8E8; } * html body #sidebar .sidemenu li { height: 1%; } #sidebar .sidemenu li a { text-decoration: none; color: #739A23; background: none; font-weight: normal; } #sidebar .sidemenu li a span { color: #7F7F7F; font-size: .9em; font-family: Georgia, 'Times New Roman', Times, serif; font-style: italic; font-weight: normal; } #sidebar .sidemenu li a:hover { color: #000; background: none; } #sidebar .sidemenu ul { margin: 0 0 0 5px; padding: 0; } #sidebar .sidemenu ul li { border: none; } /* header quick search */ #sidebar form#qsearch { padding: 0; margin: 20px 0 30px 10px; border: none; width: 270px; height: 33px; background: #F2F0F0 url(http://www.styleshout.com/templates/preview/VectorLover1-0/images/qsearch.gif) no-repeat; } #sidebar form#qsearch p { margin: 0; padding: 0; } #sidebar form#qsearch input { float: left; border: none; background: transparent; color: #B8B8B8; margin: 0; } #sidebar form#qsearch .tbox { margin: 5px 0 0 5px; width: 220px; display: inline; font: 1em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif; } #search form#qsearch .btn{ width: 24px; height: 24px; } #sidebar form#qsearch label { display: none; } /* footer */ #footer { clear: both; width: 952px; margin: 0; padding: 30px 0 25px 0; background: #CCC url(http://www.styleshout.com/templates/preview/VectorLover1-0/images/footer-bottom.gif) no-repeat left top; font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif; font-size: 0.95em; color: #777; text-align: center; letter-spacing: .2px; } #footer p { padding:10px 0; } #footer a:hover { color: #555; border-bottom: 1px dotted #555; text-decoration: none; } /* postmeta */ .post-footer { padding: 8px 10px; margin: 15px 10px 10px 10px; color: #977C57; border: 1px solid #EEE8E1; background: #FAF7F5; } .post-footer .date{ margin: 0 10px 0 5px; padding: 7px; background: #FAF7F5 url(http://www.styleshout.com/templates/preview/VectorLover1-0/images/clock.gif) no-repeat 0 2px; padding-left: 30px; } .post-footer a.comments { margin: 0 10px 0 5px; padding: 7px 5px; background: #FAF7F5 url(http://www.styleshout.com/templates/preview/VectorLover1-0/images/comments.gif) no-repeat 0 2px; padding-left: 30px; color: #977C57; } .post-footer a.readmore { margin: 0 10px 0 5px; padding: 7px 5px; background: #FAF7F5 url(http://www.styleshout.com/templates/preview/VectorLover1-0/images/doc.gif) no-repeat 0 2px; padding-left: 30px; color: #977C57; } .post-footer a.edit { margin: 0 10px 0 5px; padding: 7px 5px; background: #FAF7F5 url(http://www.styleshout.com/templates/preview/VectorLover1-0/images/edit-doc.gif) no-repeat 0 2px; padding-left: 30px; color: #977C57; } .post-info { font-size: .95em; padding: 0 10px; margin-left: 2px; color: #A98D76; } .post-info a, .post-info a:visited { color: #333; } /* comments list */ ol.commentlist { margin: 12px 10px; padding: 0; border-style: solid; border-color: #EEE8E1; border-width: 1px 1px 0 1px; } .commentlist li { margin: 0; padding: 10px; list-style: none; border-bottom: 1px solid #EEE8E1; } .commentlist li cite { display: block; font-style: normal; font-weight: bold; padding: 7px; } .commentlist li cite img { float: left; margin-right: 10px; } .commentlist li cite .comment-data { font-size: .8em; font-weight: normal; } .commentlist li .comment-text { clear: both; margin: 0; padding: 0; } .commentlist li.alt { background: #FAF7F5; } /* alignment classes */ .float-left { float: left; } .float-right { float: right; } .align-left { text-align: left; } .align-right { text-align: right; } /* display and additional classes */ .no-border { border: none; } .clearer { clear: both; } .clear { display:inline-block; } .clear:after { display:block; visibility:hidden; clear:both; height:0; content: "."; }
Kategoriler
Etiketler
Iletisim
Ziyaretçi Defteri
En güncel 10 konu
Geri Dön
