Anasayfa
Hakkimda
Iletisim
Forum
Duyurular;
Duyuru Buraya gelicek.
Duyuru Buraya gelicek.
Duyuru Buraya gelicek.
Duyuru Buraya gelicek.
Duyuru Buraya gelicek.
Bedava-Sitem Forum Konularim;
Forum Konularim Buraya gelicek.
Forum Konularim Buraya gelicek.
Forum Konularim Buraya gelicek.
Forum Konularim Buraya gelicek.
Forum Konularim Buraya gelicek.
MENU BASLIK
Anasayfa
Anasayfa
Anasayfa
Anasayfa
Anasayfa
Anasayfa
Anasayfa
MENU BASLIK
Anasayfa
Anasayfa
Anasayfa
Anasayfa
Anasayfa
Anasayfa
Anasayfa
MENU BASLIK
Anasayfa
Anasayfa
Anasayfa
Anasayfa
Anasayfa
Anasayfa
Anasayfa
BURADASIN
abron -tr.gg Teknik Yardım Sitesi
deneme1
Ana Sayfa
iletişim
iletişim bilgi
html kodları
donanım
Siteni ekle
Mustafa Kemal Atatürk
linux
site içi arama
windows
isletim sistemleri
teknoloji haber
Facebook
free tasarım
siten için
bize destek verin
program
gerekli siteler
pc
tr.gg dersleri
yahoo
msn
Anketler
güvenlik
tasarım
google
site haritasil
ziyaretçi defteri
web dersleri
sor sorunu
web sitenize talibiz
reklam ver
icerigimizi kopyalan siteler
css desing menuler
Web dersleriniz
mega taglar
Gmail
23nisan
banner yap
duyuru
sss
projeler
Reklam
domain ve hosting
hosting
domain
reklam store
google adsense
userbar
bilgisayar
hakkımızda
ıcq
Forum
Genel bilgi
abron web desing
Dalsa insaat
12
Yeni sayfanın başlığı
asas
sasasasasasasasasdsad
Yenisa
abron 2010 yili kutlamasi
deneyimli mod araniyor
facebook sayfasi
istenmeyen reklamlar
pop-upreklam
info domain kazanma sansi
Yeni sayf
Yeni sayfanın başlığıhh
Tasarim ayarlari
Resimleri yonet
sayfalarimi degistir
Ekstralari degistir
Ayarlar
Temel tasarim
Yeni sayfanın başlığısad
Yeni sayfanın başlığı213
Yeni sayfanın başlığıkjkkkkkkk
internetten para kazanma
Bedava sitem facebook
Yeni başlığı
abron.tr.gg
TASARIM ÜSTÜ
<div id="wrapper"> <div id="header"> <div id="logo"> <h1><a href="#" _fcksavedurl="#">Exploitable </a></h1> <p>design by <a href="http://www.freecsstemplates.org/" _fcksavedurl="http://www.freecsstemplates.org/">Free CSS Templates</a></p> </div> </div> <!-- end #header --> <div id="menu"> <ul> <li><a href="#" _fcksavedurl="#">Home</a></li> <li><a href="#" _fcksavedurl="#">Blog</a></li> <li><a href="#" _fcksavedurl="#">Photos</a></li> <li><a href="#" _fcksavedurl="#">About</a></li> <li><a href="#" _fcksavedurl="#">Links</a></li> <li><a href="#" _fcksavedurl="#">Contact</a></li> </ul> </div> <!-- end #menu --> <div id="page"> <div id="page-bgtop"> <div id="page-bgbtm"> <div id="content"> <div class="post"> <div class="post-bgtop"> <div class="post-bgbtm"> <h1 class="title"><a href="#" _fcksavedurl="#">Welcome to Exploitable </a></h1> <p class="meta">Posted by <a href="#" _fcksavedurl="#">Someone</a> on March 10, 2008 • <a class="comments" href="#" _fcksavedurl="#">Comments (64)</a> • <a class="permalink" href="#" _fcksavedurl="#">Full article</a></p> <div class="entry"> <p>
TASARIM ALTI
</p> </div> </div> </div> </div> <div style="clear: both;"> </div> </div> <!-- end #content --> <div id="sidebar"> <ul> <li> <h2>Aliquam tempus</h2> <p>Mauris vitae nisl nec metus placerat perdiet est. Phasellus dapibus semper urna ornare consectetuer hendrerit.</p> </li> <li> <h2>Categories</h2> <ul> <li><a href="#" _fcksavedurl="#">Uncategorized</a> (3)<span>Lorem Ipsum Dolor Sit Amit</span></li> <li><a href="#" _fcksavedurl="#">Lorem Ipsum</a> (42)<span>Lorem Ipsum Dolor Sit Amit</span></li> <li><a href="#" _fcksavedurl="#">Urna Congue Rutrum</a> (28)<span>Lorem Ipsum Dolor Sit Amit</span></li> <li><a href="#" _fcksavedurl="#">Vivamus Fermentum</a> (13)<span>Lorem Ipsum Dolor Sit Amit</span></li> </ul> </li> <li> <h2>Blogroll</h2> <ul> <li><a href="#" _fcksavedurl="#">Phasellus Pellentesque</a><span>Lorem Ipsum Dolor Sit Amit</span></li> <li><a href="#" _fcksavedurl="#">Consectetuer Adipiscing</a><span>Lorem Ipsum Dolor Sit Amit</span></li> <li><a href="#" _fcksavedurl="#">Urna Congue Rutrum</a><span>Lorem Ipsum Dolor Sit Amit</span></li> </ul> </li> <li> <h2>Archives</h2> <ul> <li><a href="#" _fcksavedurl="#">December 2009</a> (29)<span>Lorem Ipsum Dolor Sit Amit</span></li> <li><a href="#" _fcksavedurl="#">November 2009</a> (30)<span>Lorem Ipsum Dolor Sit Amit</span></li> <li><a href="#" _fcksavedurl="#">October 2009</a> (31)<span>Lorem Ipsum Dolor Sit Amit</span></li> </ul> </li> </ul> </div> <!-- end #sidebar --> <div style="clear: both;"> </div> </div> </div> </div> <!-- end #page --> <div id="footer"> <p>Copyright (c) 2008 Sitename.com. All rights reserved. Design by <a href="http://www.freecsstemplates.org/" _fcksavedurl="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p> </div> <!-- end #footer --></div>
CSS KODU
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;} /* Design by Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License */ body { margin: 0; padding: 0; background: #E3E7ED url(https://img.webme.com/pic/u/ugraburaya2/img01.gif) repeat-x left top; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #787878; } h1, h2, h3 { margin: 0; padding: 0; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #F93D00; } h1 { font-size: 2em; } h2 { font-size: 1.6em; } h3 { font-size: 1.6em; } p, ul, ol { margin-top: 0; line-height: 180%; } ul, ol { } a { text-decoration: none; border-bottom: 1px dotted #999999; color: #417FDA; } a:hover { } #wrapper { width: 968px; margin: 0 auto; padding: 0; } /* Header */ #header { width: 968px; height: 150px; margin: 0 auto; background: url(https://img.webme.com/pic/u/ugraburaya2/img02.gif) no-repeat left top; } /* Logo */ #logo { float: left; width: 968px; height: 60px; color: #616161; } #logo h1, #logo p { margin: 0; padding: 0; } #logo h1 { float: left; padding: 80px 0 0 80px; letter-spacing: -1px; text-transform: lowercase; font-size: 2.6em; } #logo p { float: left; margin: 0; padding: 90px 10px; font: normal 14px Georgia, "Times New Roman", Times, serif; font-style: italic; } #logo a { border: none; background: none; text-decoration: none; color: #616161; } /* Search */ #search { float: right; width: 230px; padding: 0; } #search form { height: 41px; margin: 0; padding: 70px 0 0 0px; } #search fieldset { margin: 0; padding: 0; border: none; } #search-text { width: 210px; border: none; text-transform: lowercase; font: bold 1.2em Arial, Helvetica, sans-serif; color: #FFFFFF; } #search-submit { display: none; } /* Menu */ #menu { width: 968px; height: 50px; margin: 0 auto; padding: 0; } #menu ul { margin: 0; padding: 0; padding-left: 10px; list-style: none; line-height: normal; } #menu li { float: left; height: 50px; background: url(https://img.webme.com/pic/u/ugraburaya2/img03.gif) no-repeat right top; } #menu a { display: block; margin-top: 10px; margin-right: 3px; padding: 7px 20px 7px 20px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; border: none; } #menu a:hover, #menu .current_page_item a { } #menu a:hover { text-decoration: underline; } /* Page */ #page { width: 968px; margin: 0 auto; background: url(https://img.webme.com/pic/u/ugraburaya2/img05.jpg) repeat-y left top; } #page-bgtop { background: url(https://img.webme.com/pic/u/ugraburaya2/img04.jpg) no-repeat left top; } #page-bgbtm { background: url(https://img.webme.com/pic/u/ugraburaya2/img06.jpg) no-repeat left bottom; } /* Content */ #content { float: right; width: 700px; padding: 60px 20px 0 0; } .post { margin-bottom: 8px; background: url(https://img.webme.com/pic/u/ugraburaya2/img09.jpg) repeat-y left top; } .post-bgtop { background: url(https://img.webme.com/pic/u/ugraburaya2/img08.jpg) no-repeat left top; } .post-bgbtm { background: url(https://img.webme.com/pic/u/ugraburaya2/img10.jpg) no-repeat left bottom; } .post .title { padding-top: 15px; padding-left: 20px; color: #000000; } .post .title a { color: #000000; border: none; } .post .meta { border-bottom: 1px dashed #B5DEF4; padding-left: 20px; padding-bottom: 5px; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: italic; } .post .entry { padding: 10px 20px 15px 20px; text-align: justify; } /* Sidebar */ #sidebar { float: left; width: 220px; padding: 60px 0 0 20px; color: #787878; } #sidebar ul { margin: 0; padding: 0; list-style: none; } #sidebar li { margin: 0; padding: 0; } #sidebar li ul { padding-bottom: 30px; } #sidebar li li { line-height: 35px; border-bottom: 1px dashed #D2D4C9; } #sidebar li li span { display: block; margin-top: -20px; padding: 0; font-size: 11px; font-style: italic; } #sidebar h2 { height: 32px; padding: 8px 0 0 30px; background: url(https://img.webme.com/pic/u/ugraburaya2/img11.gif) no-repeat left top; letter-spacing: -.5px; color: #FFFFFF; } #sidebar p { padding-bottom: 20px; text-align: justify; } #sidebar a { color: #417FDA; border: none; } #sidebar a:hover { text-decoration: underline; color: #787878; } /* Calendar */ #calendar { } #calendar_wrap { padding: 20px; } #calendar table { width: 100%; } #calendar tbody td { text-align: center; } #calendar #next { text-align: right; } /* Footer */ #footer { height: 50px; margin: 0 auto; padding: 0px 0 15px 0; font-family: Arial, Helvetica, sans-serif; color: #B2B2B2; } #footer p { margin: 0; line-height: normal; font-size: 9px; text-transform: uppercase; text-align: center; } #footer a { color: #3D444F; }
ÖNİZLEME
TASARIM ÜSTÜ
<!-- wrap starts here --> <div id="wrap"><!--header --> <div id="header"> <h1 id="logo-text"><a href="index.html" _fcksavedurl="index.html">coolwater</a></h1> <p id="slogan">put your site slogan here...</p> <div id="header-links"> <p><a href="index.html" _fcksavedurl="index.html">Home</a> | <a href="index.html" _fcksavedurl="index.html">Contact</a> | <a href="index.html" _fcksavedurl="index.html">Site Map</a></p> </div> </div> <!-- navigation --> <div id="menu"> <ul> <li id="current"><a href="index.html" _fcksavedurl="index.html">Home</a></li> <li><a href="index.html" _fcksavedurl="index.html">Archives</a></li> <li><a href="index.html" _fcksavedurl="index.html">Downloads</a></li> <li><a href="index.html" _fcksavedurl="index.html">Services</a></li> <li><a href="index.html" _fcksavedurl="index.html">Support</a></li> <li><a href="index.html" _fcksavedurl="index.html">About</a></li> </ul> </div> <!-- content-wrap starts here --> <div id="content-wrap"> <div id="main"><a name="TemplateInfo">
TASARIM ALTI
<a name="TemplateInfo"> </a> </div> <div id="sidebar"> <h2>Search Box</h2> <form class="searchform" action="#"> <p><input type="text" class="textbox" name="search_query" /> <input type="submit" value="Search" class="button" name="search" /></p> </form> <h2>Sidebar Menu</h2> <ul class="sidemenu"> <li><a href="index.html" _fcksavedurl="index.html">Home</a></li> <li><a href="#TemplateInfo" _fcksavedurl="#TemplateInfo">Template Info</a></li> <li><a href="#SampleTags" _fcksavedurl="#SampleTags">Sample Tags</a></li> <li><a href="http://www.styleshout.com/" _fcksavedurl="http://www.styleshout.com/">More Free Templates</a></li> <li><a href="http://www.4templates.com/?aff=ealigam" _fcksavedurl="http://www.4templates.com/?aff=ealigam">Premium Templates</a></li> </ul> <h2>Links</h2> <ul class="sidemenu"> <li><a href="http://www.pdphoto.org/" _fcksavedurl="http://www.pdphoto.org/">PDPhoto.org</a></li> <li><a href="http://www.squidfingers.com/patterns/" _fcksavedurl="http://www.squidfingers.com/patterns/">Squidfingers</a></li> <li><a href="http://www.alistapart.com" _fcksavedurl="http://www.alistapart.com">Alistapart</a></li> <li><a href="http://www.cssremix.com" _fcksavedurl="http://www.cssremix.com">CSS Remix</a></li> <li><a href="http://www.cssmania/" _fcksavedurl="http://www.cssmania/">CSS Mania</a></li> </ul> <h2>Sponsors</h2> <ul class="sidemenu"> <li><a href="http://www.4templates.com/?aff=ealigam" _fcksavedurl="http://www.4templates.com/?aff=ealigam"><b>4templates</b></a> <br /> Low Cost Hi-Quality Templates</li> <li><a href="http://store.templatemonster.com?aff=ealigam" _fcksavedurl="http://store.templatemonster.com?aff=ealigam"><b>TemplateMonster</b></a> <br /> Delivering the Best Templates on the Net!</li> <li><a href="http://tinyurl.com/3cgv2m" _fcksavedurl="http://tinyurl.com/3cgv2m"><b>Text Link Ads</b></a> <br /> Monetized your website</li> <li><a href="http://www.fotolia.com/partner/114283" _fcksavedurl="http://www.fotolia.com/partner/114283"><b>Fotolia</b></a> <br /> Free stock images or from $1</li> <li><a href="http://www.dreamstime.com/res338619" _fcksavedurl="http://www.dreamstime.com/res338619"><b>Dreamstime</b></a> <br /> Lowest Price for High Quality Stock Photos</li> <li><a href="http://www.dreamhost.com/r.cgi?287326" _fcksavedurl="http://www.dreamhost.com/r.cgi?287326"><b>Dreamhost</b></a> <br /> Premium webhosting</li> </ul> <h2>Wise Words</h2> <p>"To have a quiet mind is to possess one's mind wholly; to have a calm spirit is to possess one's self."</p> <p class="align-right">- Hamilton Mabie</p> <h2>Support Styleshout</h2> <p>If you are interested in supporting my work and would like to contribute, you are welcome to make a small donation through the <a href="http://www.styleshout.com/" _fcksavedurl="http://www.styleshout.com/">donate link</a> on my website - it will be a great help and will surely be appreciated.</p> </div> <!-- content-wrap ends here --></div> <!--footer starts here--> <div id="footer"> <p>© 2006 <b>Your Company</b> | Design by: <a href="http://www.styleshout.com/" _fcksavedurl="http://www.styleshout.com/">styleshout</a> | Valid <a href="http://validator.w3.org/check?uri=referer" _fcksavedurl="http://validator.w3.org/check?uri=referer">XHTML</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer" _fcksavedurl="http://jigsaw.w3.org/css-validator/check/referer">CSS</a></p> </div> <!-- wrap ends here --></div>
CSS KODU
1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} /******************************************** AUTHOR: Erwin Aligam WEBSITE: http://www.styleshout.com/ TEMPLATE NAME: CoolWater TEMPLATE CODE: S-0019 VERSION: 1.0 DATE: November-07-2007 *******************************************/ /******************************************** HTML ELEMENTS ********************************************/ /* top elements */ * { margin: 0; padding: 0; outline: 0; } body { background: #caced1; font: 70%/1.5em Verdana, Tahoma, arial, sans-serif; color: #777; text-align: center; margin: 15px 0; } /* links */ a, a:visited { text-decoration: none; background: inherit; color: #FB9233; } a:hover { text-decoration: underline; background: inherit; color: #93C600; } /* headers */ h1, h2, h3 { font-family: 'Trebuchet MS', Tahoma, Sans-serif; } h1 { font-size: 180%; font-weight: normal; color: #555; } h2 { font-size: 160%; color: #88ac0b; font-weight: normal; } h3 { font-size: 135%; color: #666666; } /* images */ img { background: #fff; border: 1px solid #E5E5E5; padding: 5px; } img.float-right { margin: 5px 0px 10px 10px; } img.float-left { margin: 5px 10px 10px 0px; } h1, h2, h3, p { margin: 10px 15px; padding: 0; } ul, ol { margin: 5px 15px; padding: 0 25px; } 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 #E5F0FB; background: #F4F8FD; } acronym { cursor: help; border-bottom: 1px dotted #777; } blockquote { margin: 10px 15px; padding: 0 0 0 25px; font: bold 1.3em/1.5em "Trebuchet MS", Tahoma, arial, Sans-serif; color: #2361BA; border: 1px solid #E5F0FB; background: #F4F8FD url(https://img.webme.com/pic/u/ugraburaya2/quote.jpg) no-repeat 8px 6px; } /* start - table */ table { border-collapse: collapse; margin: 10px 15px; } th strong { color: #fff; } th { background: #306bc1 url(https://img.webme.com/pic/u/ugraburaya2/button-bg.jpg) repeat-x 0 0; height: 35px; padding-left: 12px; padding-right: 12px; color: #fff; text-align: left; border: 1px solid #306bc1; border-bottom-width: 2px; } tr { height: 32px; background: #fff; } td { padding-left: 12px; padding-right: 12px; border: 1px solid #E5F0FB; } /* end - table */ /* form elements */ form { margin:10px 15px; padding: 10px 0; border: 1px solid #E5F0FB; background: #F4F8FD; } fieldset { margin: 0; padding: 0; border: none; } legend { display: none; } label { display:block; font-weight:bold; margin: 7px 0; } input { padding:3px; border: 1px solid #E5F0FB; font: normal 1em Verdana, sans-serif; color:#777; } textarea { width:400px; padding:3px; font: normal 1em Verdana, sans-serif; border: 1px solid #E5F0FB; height:100px; display:block; color:#777; } input.button { font: bold 12px Arial, Sans-serif; height: 28px; margin: 0; padding: 2px 3px; color: #fff; background: #306bc1 url(https://img.webme.com/pic/u/ugraburaya2/button-bg.jpg) repeat-x 0 0; border: 1px solid #306bc1; } /* search form */ .searchform { background-color: transparent; border: none; margin: 0; padding: 5px 0 5px 0; width: 180px; } .searchform p { margin: 0; padding: 0; } .searchform input.textbox { width: 110px; color: #777; height: 20px; padding: 2px; border: 1px solid #D2E8F7; vertical-align: top; } .searchform input.button { width: 55px; height: 26px; padding: 2px 5px; vertical-align: top; } /******************************************** LAYOUT ********************************************/ #wrap { width: 790px; background: #CCC url(https://img.webme.com/pic/u/ugraburaya2/content.jpg) repeat-y center top; margin: 0 auto; text-align: left; } #content-wrap { clear: both; width: 760px; margin: 5px auto; padding: 0; } #header { position: relative; height: 131px; background: #caced1 url(https://img.webme.com/pic/u/ugraburaya2/header.jpg) no-repeat center top; padding: 0; color: #fff; } #header h1#logo-text a { position: absolute; margin: 0; padding: 0; font: bolder 55px 'Trebuchet MS', Arial, Sans-serif; letter-spacing: -3px; color: #fff; text-transform: none; text-decoration: none; background: transparent; /* change the values of top and left to adjust the position of the logo*/ top: 18px; left: 35px; } #header p#slogan { position: absolute; margin: 0; padding: 0; font: bold 13px 'Trebuchet MS', Arial, Sans-serif; text-transform: none; color: #FFF; /* change the values of top and left to adjust the position of the slogan*/ top: 80px; left: 50px; } /* header links */ #header #header-links { position: absolute; color: #C6DDEE; font: bold 14px"Trebuchet MS", Arial, Tahoma, Sans-serif; top: 20px; right: 20px; } #header #header-links a { color: #fff; text-decoration: none; } #header #header-links a:hover { color: #D4FF55; } /* navigation */ #menu { clear: both; margin: 0 auto; padding: 0; background: #81C524 url(https://img.webme.com/pic/u/ugraburaya2/menu.jpg) no-repeat; font: bold 16px/40px "trebuchet MS", Arial, Tahoma, Sans-serif; height: 40px; width: 790px; } #menu ul { float: left; list-style: none; margin:0; padding: 0 0 0 20px; } #menu ul li { display: inline; } #menu ul li a { display: block; float: left; padding: 0 12px; color: #fff; text-decoration: none; background: url(https://img.webme.com/pic/u/ugraburaya2/sep.jpg) no-repeat 100% 100%; } #menu ul li a:hover { color: #3b5e0b; } #menu ul li#current a { color: #3b5e0b; } /* Main Column */ #main { float: left; width: 555px; margin: 0; padding: 20px 0 0 0; display: inline; background: url(https://img.webme.com/pic/u/ugraburaya2/box.jpg) no-repeat; } #main h2 { font: normal 180% 'Trebuchet MS', Tahoma, Arial, Sans-serif; padding: 0; margin-bottom: 0; color: #2666c3; } #main h2 a { color: #2666c3; text-decoration: none; } #main p, #main h1, #main h2, #main h3, #main ol, #main ul, #main blockquote, #main table, #main form { margin-left: 20px; margin-right: 25px; } #main ul li { list-style-image: url(https://img.webme.com/pic/u/ugraburaya2/bullet.gif); } /* Sidebar */ #sidebar { float: right; width: 195px; padding: 0; margin: 10px 0 0 0; color: #777; } #sidebar h2 { margin: 15px 5px 10px 5px; font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif; color: #555; } #sidebar p { margin-left: 5px; } #sidebar ul.sidemenu { list-style: none; text-align: left; margin: 7px 10px 8px 0; padding: 0; text-decoration: none; border-top: 1px solid #A9D4EF; } #sidebar ul.sidemenu li { list-style: none; padding: 4px 0 4px 5px; margin: 0 2px; color: #777; border-bottom: 1px solid #D2E8F7; } * html body #sidebar ul.sidemenu li { height: 1%; } #sidebar ul.sidemenu li a { text-decoration: none; color: #1773BC; } #sidebar ul.sidemenu li a:hover { color: #333; } #sidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; } #sidebar ul.sidemenu ul li { border: none; } /* Footer */ #footer { color: #C6DDEE; background: #caced1 url(https://img.webme.com/pic/u/ugraburaya2/footer.jpg) no-repeat center top; clear: both; width: 790px; height: 57px; text-align: center; font-size: 90%; } #footer p { padding: 10px 0; margin: 0; } #footer a { color: #fff; text-decoration: none; } /* post footer */ .post-footer { background: #F4F8FD; padding: 5px; margin: 20px 25px 0 25px; border: 1px solid #E5F0FB; font-size: 95%; } .post-footer .date { padding-left: 0px; margin: 0 5px; } .post-footer .comments { padding-left: 0px; margin: 0 5px; } .post-footer .readmore { padding-left: 0px; margin: 0 5px; } .post-by { font-size: .95em; margin-top: 0; } /* alignment classes */ .float-left { float: left; } .float-right { float: right; } .align-left { text-align: left; } .align-right { text-align: right; } /* display and additional classes */ .clear { clear: both; }
ÖNİZLEME
TASARIM ÜSTÜ
<!-- start header --> <div id="header"> <div id="logo"> <h1><a href="#" _fcksavedurl="#">FlashyWeb</a></h1> <h2>Designed by FreeCSSTemplates</h2> </div> <div id="menu"> <ul> <li class="active"><a href="#" _fcksavedurl="#">homepage</a></li> <li><a href="#" _fcksavedurl="#">photo gallery</a></li> <li><a href="#" _fcksavedurl="#">about us</a></li> <li><a href="#" _fcksavedurl="#">links</a></li> <li><a href="#" _fcksavedurl="#">contact us</a></li> </ul> </div> </div> <!-- end header --> <!-- start page --> <div id="page"><!-- start content --> <div id="content"> <div class="post"> <h2 class="title"><b>Welcome to </b>flashy web</h2> <div class="entry"> <p>
TASARIM ALTI
</p> </div> </div> </div> <!-- end content --> <!-- start sidebar --> <div id="sidebar"> <ul> <li id="search"> <h2><b class="text1">Search</b></h2> <form action="" method="get"> <fieldset> <input type="text" value="" name="s" id="s" /> <input type="submit" value="Search" id="x" /> </fieldset> </form> </li> <li> <h2><b>Lorem</b> Ipsum</h2> <ul> <li><a href="#" _fcksavedurl="#">Fusce dui neque fringilla</a></li> <li><a href="#" _fcksavedurl="#">Eget tempor eget nonummy</a></li> <li><a href="#" _fcksavedurl="#">Magna lacus bibendum mauris</a></li> <li><a href="#" _fcksavedurl="#">Nec metus sed donec</a></li> <li><a href="#" _fcksavedurl="#">Magna lacus bibendum mauris</a></li> <li><a href="#" _fcksavedurl="#">Velit semper nisi molestie</a></li> <li><a href="#" _fcksavedurl="#">Eget tempor eget nonummy</a></li> </ul> </li> <li> <h2><b>Volutpat</b> Dolore</h2> <ul> <li><a href="#" _fcksavedurl="#">Nec metus sed donec</a></li> <li><a href="#" _fcksavedurl="#">Magna lacus bibendum mauris</a></li> <li><a href="#" _fcksavedurl="#">Velit semper nisi molestie</a></li> <li><a href="#" _fcksavedurl="#">Eget tempor eget nonummy</a></li> <li><a href="#" _fcksavedurl="#">Nec metus sed donec</a></li> <li><a href="#" _fcksavedurl="#">Magna lacus bibendum mauris</a></li> <li><a href="#" _fcksavedurl="#">Velit semper nisi molestie</a></li> </ul> </li> <li> <h2><b>Volutpat</b> Dolore</h2> <ul> <li><a href="#" _fcksavedurl="#">Nec metus sed donec</a></li> <li><a href="#" _fcksavedurl="#">Magna lacus bibendum mauris</a></li> <li><a href="#" _fcksavedurl="#">Velit semper nisi molestie</a></li> <li><a href="#" _fcksavedurl="#">Eget tempor eget nonummy</a></li> </ul> </li> </ul> </div> <!-- end sidebar --> <div style="clear: both;"> </div> </div> <!-- end page --> <!-- start footer --> <div id="footer"> <div id="footer-menu"> <ul> <li class="active"><a href="#" _fcksavedurl="#">homepage</a></li> <li><a href="#" _fcksavedurl="#">photo gallery</a></li> <li><a href="#" _fcksavedurl="#">about us</a></li> <li><a href="#" _fcksavedurl="#">links</a></li> <li><a href="#" _fcksavedurl="#">contact us</a></li> </ul> </div> <p id="legal">(c) 2008 YourSite. Design by <a href="http://www.freecsstemplates.org/" _fcksavedurl="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p> </div> <!-- end footer -->
CSS KODU
1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} /* 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: #FDF9EE; 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 { background: #7ACF00 url(https://img.webme.com/pic/u/ugraburaya2/img03.jpg); } /* Header */ #header { width: 900px; height: 40px; margin: 0 auto 20px auto; padding-top: 10px; } #logo { float: left; height: 40px; margin-left: 10px; } #logo h1 { float: left; margin: 0; font-size: 38px; color: #0099E8; } #logo h1 sup { vertical-align: text-top; font-size: 24px; } #logo h1 a { color: #0099E8; } #logo h2 { float: left; margin: 0; padding: 20px 0 0 10px; 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; } #menu ul { margin: 0; padding: 0; list-style: none; } #menu li { display: inline; } #menu a { display: block; float: left; margin-left: 5px; background: #0094E0; border: 1px dashed #FFFFFF; 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: #FFFFFF; border: 1px #F0E9D6 solid; padding: 20px 20px; } /* Content */ #content { float: left; width: 600px; padding-left: 10px; } /* Post */ .post { } .post .title { margin-bottom: 20px; padding-bottom: 5px; padding-left: 40px; background: url(https://img.webme.com/pic/u/ugraburaya2/img02.jpg) no-repeat left top; border-bottom: 1px dashed #D1D1D1; color: #8BCB2F; } .post .title b { font-weight: normal; color: #0094E0; } .post .entry { } .post .meta { margin: 0; padding: 15px 0 60px 0; background: url(https://img.webme.com/pic/u/ugraburaya2/img04.jpg) repeat-x left 30%; } .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: 10px; } #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; background: url(https://img.webme.com/pic/u/ugraburaya2/img01.jpg) no-repeat left 50%; } #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; background: #ECECEC url(https://img.webme.com/pic/u/ugraburaya2/img08.gif) repeat-x left bottom; border: none; text-transform: lowercase; font-size: 11px; color: #4F4F4F; } /* Boxes */ .box1 { padding: 20px; background: url(https://img.webme.com/pic/u/ugraburaya2/img05.gif) no-repeat; } .box2 { color: #BABABA; } .box2 h2 { margin-bottom: 15px; background: url(https://img.webme.com/pic/u/ugraburaya2/img10.gif) repeat-x left bottom; 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: 880px; margin: 0 auto; padding: 10px 0 0 0; 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; background: url(https://img.webme.com/pic/u/ugraburaya2/img03.jpg) no-repeat right 50%; text-decoration: none; font-size: 11px; color: #6D6D6D; } #footer-menu a:hover { text-decoration: underline; } #footer-menu .active a { padding-left: 0; }
Bugün 8 ziyaretçi (8 klik) kişi burdaydı!
Bu web sitesi ücretsiz olarak
Bedava-Sitem.com
ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol