EN GÜZEL AŞK ŞİİRLERİ

Zor Beğeniyorsan Devamı!!!

150 Tane Tasarım Tıkla

YEŞİL YAPRAKLI CSS TASARIM

TASARIM ÜSTÜ
<div id="wrapper"> <div id="header"> <div id="leaves"></div> <h1>MySiteName</h1> </div> <div id="menu"> <div id="ladybug"></div> <ul> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" class="hilite"><span>Home</span></a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><span>About</span></a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><span>Acorn</span></a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><span>Contact</span></a></li> </ul> </div> <div id="content"> <div id="contentA"> <div id="contentB"> <div id="contentC"> <div id="main">

TASARIM ALTI
</div> </div> </div> </div> </div> <div id="clear"></div> </div> </div> </div> </div> <div id="footer"> <p style="text-align: center">© Copyright <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">MySiteName</a>. All Rights Reserved.</p> </div> </div>

CSS

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;} /*----------------------------------------- CSS Document | Acorn Design Coded by: Niki Liu (www.netapon.com) Contents: - Settings for everyone! - Miscellaneous elements - Layout elements -------------------------------------------*/ /* Settings for everyone! */ * { margin: 0; padding: 0; border: 0; } a:link, a:active, a:visited { color: #ae8157; text-decoration: underline; } a:hover { color: #ae8157; text-decoration: none; } p { line-height: 1.8em; padding: 0 40px 15px 40px; } h2 { text-transform: lowercase; font-weight: bold; font-size: 1.7em; color: #ae8157; padding: 10px 40px 10px 40px; } /* Miscellaneous elements */ .left { float: left; } .right { float: right; } /* Layout elements */ body { background: #000 url(https://img.webme.com/pic/k/koddeniyelim/leaves.gif) top repeat-x; font-family: Georgia, Verdana, sans-serif; font-size: 10px; } #wrapper { width: 684px; margin: 0 auto; overflow: hidden; } #header { width: 684px; } #header #leaves { background: url(http://www.hizliupload.com/img/626146headerLeaves.png) no-repeat; display: block; position: relative; left: 159px; width: 189px; height: 58px; } #header h1 { background: url(http://www.hizliupload.com/img/506262header.jpg) no-repeat; text-indent: -9999px; position: relative; left: 59px; width: 549px; height: 126px; } #menu { background: url(http://www.hizliupload.com/img/59322wood.jpg) no-repeat; position: relative; width: 684px; height: 59px; } #menu #ladybug { background: url(https://img.webme.com/pic/k/koddeniyelim/ladybug.png) no-repeat; position: absolute; z-index: 1; top: -13px; right: 50px; width: 35px; height: 35px; } #menu ul { list-style: none; position: absolute; bottom: 0 !important; bottom: -1px; left: 23px; } #menu li { background: url(https://img.webme.com/pic/k/koddeniyelim/tabOff.gif) repeat-x; float: left; height: 28px; margin: 0 10px 0 0; } #menu a { background: url(http://www.hizliupload.com/img/883560tabOff.gif) top left no-repeat; display: block; float: left; text-decoration: none; text-transform: lowercase; font-family: Arial, Verdana, sans-serif; font-weight: bold; font-size: 1.8em; color: #ad8056; height: 28px; } #menu a span { background: url(https://img.webme.com/pic/k/koddeniyelim/cRtabOff.gif) top right no-repeat; display: block; padding: 4px 12px 0 12px; } #menu a:hover, #menu a.hilite { background: #fff url(https://img.webme.com/pic/k/koddeniyelim/cLtabOn.gif) no-repeat; color: #000; } #menu a:hover span, #menu a.hilite span { background: url(https://img.webme.com/pic/k/koddeniyelim/cRtabOn.gif) top right no-repeat; } #content { background: #fff url(https://img.webme.com/pic/k/koddeniyelim/cTLcontent.gif) top left no-repeat; width: 684px; overflow: hidden; } #contentA { background: url(https://img.webme.com/pic/k/koddeniyelim/cTRcontent.gif) top right no-repeat; } #contentB { background: url(https://img.webme.com/pic/k/koddeniyelim/cBLcontent.gif) bottom left no-repeat; } #contentC { background: url(https://img.webme.com/pic/k/koddeniyelim/cBRcontent.gif) bottom right no-repeat; } #content #main { float: left; font-size: 1.4em; width: 444px; margin: 20px 0 0 0; } #content #side { background: #503112 url(https://img.webme.com/pic/k/koddeniyelim/acorn.gif) center center no-repeat; float: right; width: 200px; min-height: 100px; margin: 30px 20px; } #content #sideA { background: url(https://img.webme.com/pic/k/koddeniyelim/cTLside.gif) top left no-repeat; } #content #sideB { background: url(https://img.webme.com/pic/k/koddeniyelim/cTRside.gif) top right no-repeat; } #content #sideC { background: url(https://img.webme.com/pic/k/koddeniyelim/cBLside.gif) bottom left no-repeat; } #content #sideD { background: url(https://img.webme.com/pic/k/koddeniyelim/cBRside.gif) bottom right no-repeat; } #content #side a { color: #f7dbc6; } #content #side p { font-family: Verdana, Georgia, sans-serif; font-size: 1em; color: #f1c19d; padding: 0 15px 15px 15px; } #content #side h2 { text-align: center; text-transform: uppercase; font-weight: lighter; font-family: Arial, Verdana, sans-serif; font-size: 1.2em; letter-spacing: .2em; color: #fff; padding: 20px 20px 10px 20px; } #content #side #cleanup { width: 100%; height: 23px; clear: both; } #content #clear { width: 100%; height: 50px; clear: both; } #footer { width: 684px; height: 120px; text-align: center; font-family: Verdana, Georgia, sans-serif; font-size: 1.2em; color: #f1c0a0; } #footer a { color: #f1c0a0; } #footer p { margin: 10px 0; }

GLOBAL TEMA

TASARIM ÜSTÜ
<div id="wrapper1"> <div id="header"> <div id="title"> <h1><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Global</a></h1> <span><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">www.your-url.com</a></span> </div> <div id="topnav"> <ul class="menu"> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Home</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Page 1</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Page 2</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Page 3</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Page 4</a></li> </ul> </div> </div> <div id="wrapper2"> <div id="sidebar"> <h2>Latest News</h2> <ul> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Now comes the latest headline.</a><span>Posted by webmasterneo on 07.08.2007</span></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">This is headline number two.</a><span>Posted by MLP on 04.19.2007</span></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Followed by the first headline, number one.</a><span>Posted by MLP on 04.17.2007</span></li> </ul> <h2>Categories</h2> <ul> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Suspendisse potenti.</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Proin sed pede.</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Nullam at metus.</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Pellentesque placerat sagittis nisi.</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">In cursus mi posuere augue.</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Curabitur varius commodo eros.</a></li> </ul> <h2>Blogroll</h2> <ul> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">The Open Design Community</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">MLP Design</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">TextLink Ads</a></li> </ul> </div> <div id="content">

TASARIM ALTI
</div> <div id="footer"> <ul class="menu"> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Home</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Page 1</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Page 2</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Page 3</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Page 4</a></li> </ul> </div> <span id="credits">2007 © Copyright <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Your Name</a>. All rights reserved.<br /> Template design by <a href="http://www.mlpdesign.net" _fcksavedurl="http://www.mlpdesign.net">MLP Design</a>. Licensed under <a target="_blank" href="http://creativecommons.org/licenses/by-nc/3.0/" _fcksavedurl="http://creativecommons.org/licenses/by-nc/3.0/">CC-NC 3.0</a> </span> </div>

CSS

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;} /* Theme Name: Global (mlpdesign06) Theme URI: http://www.mlpdesign.net/ Version: 1.0 Author: Maica L. Policarpio Author URI: http://www.mlpdesign.net/ */ /* Global Settings */ body { background:url(https://img.webme.com/pic/k/koddeniyelim/bg-body.gif) repeat-x #fff; color:#666; font:normal 12px Arial,sans-serif; text-align:center; padding:0; margin:0; } h1,h2,h3,p,li { text-align:left; } a { background-color:inherit; color:#399; text-decoration:none; } ul { list-style:none; padding:1px; margin:17px 0 10px 15px; } ul li { background: url(https://img.webme.com/pic/k/koddeniyelim/ico-bullet.gif) 0 3px no-repeat; padding:1px 15px 5px 15px; margin:0; } blockquote { background-color:inherit; color:#999; font:italic 12px "Times New Roman",sans-serif; border-left:5px solid #ccc; padding:2px 15px; } span { background-color:inherit; color:#aaa; font:normal 11px Arial,sans-serif; padding:0; margin:0;} .clear { clear:both; } /* Wrapper */ #wrapper1 { width:800px; padding:0; margin:0 auto; } #wrapper2 { background:#fff; color:inherit; width:750px; padding:10px 0 0 15px; margin:0 auto; } /* Navigation Settings*/ ul.menu { list-style:none; padding:15px 0 0 0; margin:0; } ul.menu li { background:none; padding:0 10px; display:inline; } ul.menu li a { background-color:inherit; color:#eee; font-weight:bold; text-decoration:none; } ul.menu li a:hover { text-decoration:underline; } /* Header Settings */ #header { background:url(http://www.hizliupload.com/img/755795bg-header.gif) no-repeat; background-color:inherit; color:#fff; width:800px; height:200px; padding:0; margin:0 auto; } #title { width:275px; padding-top:25px; margin:0 auto;} #title h1 { font:bold 30px Arial,sans-serif; text-align:center; text-transform:uppercase; padding:0; margin:0; } #title a { background-color:inherit; color:#fff; } #topnav { padding:50px 25px 0 0; float:right; } /*Sidebar Settings */ #sidebar { width:250px; font-size:11px; padding:0; margin:0; float:left; } #sidebar h2 { background:url(https://img.webme.com/pic/k/koddeniyelim/bg-sidebar.gif) no-repeat; background-color:inherit; color:#eee; font:bold 12px Arial,sans-serif; text-transform:uppercase; padding:12px 0 12px 35px; margin:5px 0; } #sidebar ul { margin:17px 0 10px 12px; } #sidebar ul a { background-color:inherit; color:#666; font-weight:bold;} #sidebar ul a:hover { background-color:inherit; color:#399; } #sidebar ul span { display:block; } /*Content Settings */ #content { width:475px; text-align:left; padding:0; margin:0; float:left;} #content h1 { background:url(https://img.webme.com/pic/k/koddeniyelim/bg-postbar.gif) no-repeat; background-color:inherit; color:#fff; font:bold 12px Arial,sans-serif; text-transform:uppercase; padding:12px 0 12px 35px; margin:5px 0; } #content li { background:url(https://img.webme.com/pic/k/koddeniyelim/ico-list.gif) 0 3px no-repeat; padding:1px 15px 5px 20px; margin:0; } #content .item { padding:15px 10px 5px 15px; margin:0;} #content .item h2 { font:bold 13px Arial,sans-serif; padding:0; margin:0;} #content .item p { text-align:justify; padding:15px 0 0 0; margin:0; } /*Footer Settings*/ #footer { background:url(https://img.webme.com/pic/k/koddeniyelim/bg-footer.gif) no-repeat; background-color:inherit; color:#ccc; width:800px; height:50px; font-size:11px; margin:0 auto; } span#credits a { background-color:inherit; color:#888; text-decoration:none; } span#credits a:hover { text-decoration:underline; }

PORTAL TASARIMI

TASARIM ÜSTÜ
<ul id="nav"> </ul>  <h1 id="title">DARK SHINE</h1>  <div id="wrapper">  <div id="top"> <ul> <li id="search"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">search</a></li> <li id="login"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">login</a></li> <li id="join"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Join!</a></li> <li id="chat"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Chat!</a></li> </ul> <span>total users: <strong>1,000,000</strong> currently online: <strong>100</strong> using IM: <strong>50</strong> new photos: <strong>99</strong></span> </div>  <div id="adspace"><p><p><a href="http://www.KAYNAKKODUM.TR.GG" _fcksavedurl="http://www.KAYNAKKODUM.TR.GG"><span style="color: #ffffff">WWW.KAYNAKKODUM.TR.GG</span></a></p></p></div>  <div id="main"> <h1>New Members</h1> <ul> <li> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="https://img.webme.com/pic/k/koddeniyelim/box.jpg" _fcksavedurl="https://img.webme.com/pic/k/koddeniyelim/box.jpg" width="105px" height="105px" alt="" /></a> <h2>profile name</h2> </li> <li> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="https://img.webme.com/pic/k/koddeniyelim/box.jpg" _fcksavedurl="https://img.webme.com/pic/k/koddeniyelim/box.jpg" width="105px" height="105px" alt="" /></a> <h2>profile name</h2> </li> <li> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="https://img.webme.com/pic/k/koddeniyelim/box.jpg" _fcksavedurl="https://img.webme.com/pic/k/koddeniyelim/box.jpg" width="105px" height="105px" alt="" /></a> <h2>profile name</h2> </li> <li> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="https://img.webme.com/pic/k/koddeniyelim/box.jpg" _fcksavedurl="https://img.webme.com/pic/k/koddeniyelim/box.jpg" width="105px" height="105px" alt="" /></a> <h2>profile name</h2> </li> <li> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="https://img.webme.com/pic/k/koddeniyelim/box.jpg" _fcksavedurl="https://img.webme.com/pic/k/koddeniyelim/box.jpg" width="105px" height="105px" alt="" /></a> <h2>profile name</h2> </li> </ul> </div>  <div class="content">

TASARIM ALTI
www.kaynakkodum.tr.gg </div> <div class="content"> <h1>Latest Posts</h1>  <ul class="hover_list"> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Hey guys what's up?</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">New template uploaded!</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Math sucks, lets all ban math</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Students' strike against raising tuition!</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Diagonal stripes are so cheesy</a></li> </ul> </div> <div class="content"> www.kaynakkodum.tr.gg </div> <div id="footer">Copyleft 2009. BEDAVA CSS TASARIMLAR | <a href="http://wwwk.kaynakkodum.tr.gg/" _fcksavedurl="http://wwwk.kaynakkodum.tr.gg/">HTML KODLAR</a> | <a href="http://www.kaynakkodum.tr.gg/" _fcksavedurl="http://www.kaynakkodum.tr.gg/">İCONLAR</a> | <a href="http://www.kaynakkodum.tr.gg/" _fcksavedurl="http://www.kaynakkodum.tr.gg/">WEBMASTER ARAÇLARI</a></div> </div>

CSS

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;} */ body { background: #90140C url(http://www.hizliupload.com/img/438329stripes.gif) repeat-x; background-position: 50% 40px; margin: 0; padding: 0; } a { color: #600000; font-weight: bold; text-decoration: none; } a:visited { color: #000; } a:hover { color: #90140C; } img { border: 0; } ul { list-style: none; } h1 { font: normal 1.2em arial, verdana, helvetica, sans-serif; margin: 23px 18px; text-align: left; } h2 { color: #333; font: bold 12px arial, verdana, helvetica, sans-serif; } #wrapper { width: 732px; margin: 0 auto; border: solid 15px #600000; border-bottom: none; background-color: #F3F3F3; height: auto; } #top { height: 28px; overflow: hidden; width: 100%; background: #000 url(https://img.webme.com/pic/k/koddeniyelim/stripes_small.gif) repeat-x; color: #fff; cursor: default; text-align: left; font: normal 10px/32px arial, verdana, helvetica, sans-serif; } #top strong { font: bold 11px arial; margin-left: 2px; margin-right: 6px; } #top span { display: inline; margin-left: 10px; float: left; clear: none; margin-top: -28px; } #top ul { margin: 0; padding: 0; float: right; clear: none; display: inline; } #top ul li a, #top ul li { display: block; float: right; width: 78px; height: 28px; text-align: center; text-decoration: none; color: #fff; font: bold 12px/32px arial, verdana, helvetica, sans-serif; overflow: hidden; } #top ul li a:hover { color: #000; } #chat a { background: #0086EE url(https://img.webme.com/pic/k/koddeniyelim/blue.jpg) no-repeat; } #join a { background: #F41100 url(https://img.webme.com/pic/k/koddeniyelim/red.jpg) no-repeat; } #login a { background: #ED700D url(https://img.webme.com/pic/k/koddeniyelim/orange.jpg) no-repeat; } #search a { background: #199B2C url(https://img.webme.com/pic/k/koddeniyelim/green.jpg) no-repeat; } #adspace { height: 67px; background: #86221B url(https://img.webme.com/pic/k/koddeniyelim/ad.gif) repeat-x; border-top: 1px solid #CA807C; border-left: 1px solid #A5514B; border-right: 1px solid #5B1D1B; border-bottom: 1px solid #3E1B19; font: normal 10px/100px verdana, arial, sans-serif; text-align: center; color: #fff; cursor: default; overflow: hidden; } #main { height: 246px; background: #FE8624 url(https://img.webme.com/pic/k/koddeniyelim/main.gif) repeat-x; border-top: 1px solid #FEC782; border-left: 1px solid #FEB154; border-right: 1px solid #D76C22; border-bottom: 1px solid #783C1C; overflow: hidden; } #main ul { width: 710px; overflow: hidden; margin: 0; padding: 0; margin-left: 15px; } #main ul li { float: left; text-align: center; margin-left: 25px; display: inline; } #main ul li a img { border: 3px solid #fff; } #main ul li a img:hover { border: 3px solid #FEE5C6; } #main ul li h2 { font: bold 11px arial, verdana, helvetica; margin-top: 10px; color: #000; } .content { float: left; width: 330px; margin: 20px 10px 0 20px; font: normal 11px/18px arial, verdana, helvetica, sans-serif; text-align: justify; display: inline; } .content h1, .content ul { margin: 0; padding: 0; } .content h1 { color: #8A0700; font: normal 2em arial, verdana, helvetica, sans-serif; margin-bottom: 20px; } .content h2 { margin: 20px 0 4px 0; } .content ul.hover_list li { border: 1px solid #783C1C; border-width: 0 0 1px 0; color: #600000; } .content ul.hover_list li a { height: 40px; color: #600000; display: block; line-height: 40px; padding-left: 15px; } .content ul.hover_list li a:hover, .content ul.hover_list li a:focus { background: #FD9339 url(https://img.webme.com/pic/k/koddeniyelim/hover_list.jpg) repeat-x; color: #fff; } #footer { height: 25px; background-color: #000; color: #fff; font: normal 10px/25px arial, verdana, helvetica, sans-serif; color: #999; text-align: center; border-top: 50px solid #F3F3F3; clear: both; } #footer a { color: #ccc; } body { background: #90140C url(http://www.hizliupload.com/img/438329stripes.gif) repeat-x; background-position: 50% 40px; margin: 0; padding: 0; } table {margin-left: auto;margin-right: auto}

THE DECAYED TASARIMI

TASARIM ÜSTÜ
<div id="container"> <div id="content"> <h1 id="site-title"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">KAYNAKKODUM.TR.GG</a></h1> <p id="site-description">another trash style website template</p> <h1 class="decay"><a href="http://www.kaynakkodum.tr.gg" _fcksavedurl="http://www.kaynakkodum.tr.gg">KAYNAK KODUM CSS TASARIMLAR</a></h1> <div class="clearer"><span></span></div> </div> </div> <div id="navigation"> <h2 class="decay">Something</h2> <ul> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Home</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">sociis natoque</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">semper</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">convallis</a></li> </ul> <h2 class="decay">Another thing</h2> <ul> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">consequat molestie</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">sem justo</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">semper</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">sociis natoque</a></li> </ul> <h2 class="decay">Third and last</h2> <ul> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">sociis natoque</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">magna sed purus</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">tincidunt</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">consequat molestie</a></li> </ul>

TASARIM ALTI
</div> </div>

CSS

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;} ,/*############################################################# Name: Decayed Date: 2007-05-12 Description: A dark trash style two-column website template. Wordpress theme version available at http://templates.arcsin.se/decayed-wordpress-theme/. Author: Viktor Persson URL: http://templates.arcsin.se Feel free to use and modify but please provide credits. #############################################################*/ /* standard elements */ html {min-height: 100%;} * { margin: 0; padding: 0; } a {color: #CC3;} a:hover {color: #FF3;} body { background: #000 url('http://www.hizliupload.com/img/390892body.gif') no-repeat; /* url(img/bg.jpg) repeat-x; */ color: #DDD; font: normal 62.5% "Trebuchet MS",Verdana,sans-serif; padding-left: 90px; } p,code,ul,ol {padding-bottom: 1.2em;} h1 { color: #CCC; font: normal 2em Impact,sans-serif; } h1 a { color: #000; text-decoration: none; } h1 a:hover { color: #F00; } h2 {font: normal 1.8em Tahoma,sans-serif;} h1,h2 {padding-top: 6px;} blockquote { color: #CCA; display: block; font-weight: bold; padding-left: 28px; } img {border: none;} img.right {margin: 5px 0 5px 12px;} img.left {margin: 5px 12px 5px 0;} img.border { background: #555; display: block; padding: 3px; } /* misc */ .clearer { clear: both; font-size: 0; } .left {float: left;} .right {float: right;} .decay,.decay-small { background: url('http://www.hizliupload.com/img/96872decay.gif') no-repeat left center; color: #000; font: normal 2em Impact,sans-serif; letter-spacing: 1px; padding: 0 0 12px 22px; } .decay-small { background: url('http://www.hizliupload.com/img/809522decay-small.gif') no-repeat left center; padding-top: 6px; } p.postinfo { border-top: 1px dashed #333; color: #666; font: bold 0.9em sans-serif; margin-bottom: 24px; padding: 8px; } p.postinfo a {color: #888;} p.postinfo a:hover {color: #CCC;} /* structure */ #container { font-size: 1.3em; } /* title */ #site-title {font: normal 3em Tahoma,sans-serif;} #site-title a { color: #DDD; text-decoration: line-through; } #site-title a:hover { color: #FFF; text-decoration: none; } #site-description {color: #CCC;} /* content */ #content { left: 360px; position: absolute; top: 90px; width: 610px; } #content .descr { color: #8DC63F; margin-bottom: 6px; } #content li {margin-left: 18px;} /* navigation */ #navigation { left: 120px; position: absolute; top: 290px; width: 210px; } #navigation h2 { color: #000; font-size: 1.5em; letter-spacing: 0; line-height: 30px; margin: 0; } #navigation ul {margin: 0 0 0 1em;} #navigation li {list-style: none;} #navigation li a { color: #777; font-size: 1.1em; line-height: 1.5em; text-decoration: none; } #navigation li a:hover {color: #8DCA3F;} /* footer */ #footer { border-top: 1px dashed #333; color: #666; font: normal 0.9em sans-serif; position: absolute; top: 100%; } #footer a { color: #999; text-decoration: none; } #footer a:hover { color: #CCC; text-decoration: underline; } #footer .left, #footer .right {padding: 10px 0;} #footer .right a {color: #777;}

ROCK TEMASI

TASARIM ÜSTÜ
<div id="wrapper"> <div id="header"> <h1>www.YourSitename.com</h1> Your Slogan </div> <ul id="navtop"> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Home</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Hyperlink</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Hyperlink</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Hyperlink</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Hyperlink</a></li> </ul> <div id="leftcolumn"> <ul id="navleft"> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Hyperlink</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Hyperlink</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Hyperlink</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Hyperlink</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Hyperlink</a></li> </ul> <h4>Gallery</h4> <div class="gallery"> <a class="thumbnail" href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="https://img.webme.com/pic/k/koddeniyelim/thumb1.gif" _fcksavedurl="https://img.webme.com/pic/k/koddeniyelim/thumb1.gif" width="50" height="50" alt="" /><span><img src="https://img.webme.com/pic/k/koddeniyelim/large1.gif" _fcksavedurl="https://img.webme.com/pic/k/koddeniyelim/large1.gif" alt="" /></span></a> <a class="thumbnail" href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="https://img.webme.com/pic/k/koddeniyelim/thumb2.gif" _fcksavedurl="https://img.webme.com/pic/k/koddeniyelim/thumb2.gif" width="50" height="50" alt="" /><span><img src="https://img.webme.com/pic/k/koddeniyelim/large2.gif" _fcksavedurl="https://img.webme.com/pic/k/koddeniyelim/large2.gif" alt="" /></span></a> <a class="thumbnail" href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="https://img.webme.com/pic/k/koddeniyelim/thumb3.gif" _fcksavedurl="https://img.webme.com/pic/k/koddeniyelim/thumb3.gif" width="50" height="50" alt="" /><span><img src="https://img.webme.com/pic/k/koddeniyelim/large3.gif" _fcksavedurl="https://img.webme.com/pic/k/koddeniyelim/large3.gif" alt="" /></span></a> <a class="thumbnail" href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="https://img.webme.com/pic/k/koddeniyelim/thumb4.gif" _fcksavedurl="https://img.webme.com/pic/k/koddeniyelim/thumb4.gif" width="50" height="50" alt="" /><span><img src="https://img.webme.com/pic/k/koddeniyelim/large4.gif" _fcksavedurl="https://img.webme.com/pic/k/koddeniyelim/large4.gif" alt="" /></span></a> <a class="thumbnail" href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="https://img.webme.com/pic/k/koddeniyelim/thumb5.gif" _fcksavedurl="https://img.webme.com/pic/k/koddeniyelim/thumb5.gif" width="50" height="50" alt="" /><span><img src="https://img.webme.com/pic/k/koddeniyelim/large5.gif" _fcksavedurl="https://img.webme.com/pic/k/koddeniyelim/large5.gif" alt="" /></span></a> <p>Latest photos</p> </div> <h4>Dates</h4> <p><strong>January 27</strong><br /> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur massa.</p> <p><strong>February 3</strong><br /> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur massa.</p> <p><strong>February 17</strong><br /> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur massa.</p> </div> <div id="rightcolumn">

TASARIM ALTI
</div>

CSS

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;} body {margin: 0;font: 0.7em/1.6em verdana, arial, helvetica, sans- serif;background: #f9eddf url(https://img.webme.com/pic/k/koddeniyelim/1222.jpg) repeat-x 0% 0%;letter-spacing: 1px;color: #1c3b5a;} #wrapper {width: 620px; margin: 0 auto;} #leftcolumn {margin: 0;padding: 4px 0 20px 0;display: inline;width: 310px;float: left;background: url(https://img.webme.com/pic/k/koddeniyelim/bg_left.jpg) no-repeat 0% 0%;} #rightcolumn {margin: 0;display: inline;padding: 4px 0 0 20px;width: 290px;float: left;background: url(https://img.webme.com/pic/k/koddeniyelim/bg_right.jpg) no-repeat 0% 0%;} #header {height: 150px;background: url(http://www.hizliupload.com/img/447810header.jpg) no-repeat 0% 0%;color: #ffff69;text-align: right;margin: 0;padding-right: 10px;font-size: 1.2em;} #header h1 {margin: 0;padding: 10px 0 5px 10px;color: #08ddfd;text-align: right;font-size: 1.3em;letter-spacing: 2px;} #subtitle {color: yellow;} #navtop {margin: 0 0 20px 0;padding: 0;float: left;background: url(https://img.webme.com/pic/k/koddeniyelim/bg_navtop.jpg) top right repeat-x;} #navtop li {display: inline;} #navtop li a {float: left;color: #000;padding: 8px 0 8px 0;text-decoration: none;background: transparent url(https://img.webme.com/pic/k/koddeniyelim/bg_navtop.jpg) top right repeat-x;border-top: 1px solid #d3bdbe; border-bottom: 3px solid #7d5e3f;outline:none;text-align: center;font-weight: normal; width: 124px;} #navtop li a:visited {color: #000;} #navtop li a:hover {color: black;background-image: url(https://img.webme.com/pic/k/koddeniyelim/bg_navtop_over.jpg);} #navleft {border-top: 1px solid #7d5e3f;border-bottom: 1px solid #7d5e3f;padding-left: 0; margin: 300px 0 10px 0; width: 302px;text-align: right;} #navleft li {list-style: none;margin: 0;padding: 6px;} #navleft li a {text-decoration: none;} #navleft li a:hover {text-decoration: underline;} a,a:link,a:visited,a:active {color: #b31176;outline:none;font-weight: bold;} a:hover {color: #b09172;text-decoration: none;} h1,h2,h3 {font-size: 1.5em;letter-spacing: 2px;color: #3f5e7d;margin-top: 0;} h4,h5,h6 {font-size: 1.3em;letter-spacing: 1px;color: #5e7d3f;} .imgparagraph {float: left;margin: 6px 10px 0 0;background: url(https://img.webme.com/pic/k/koddeniyelim/amp.gif) repeat 0% 0%;} .imgleft {float: left;margin: 6px 10px 0 0;} .imgright {float: right;margin: 6px 0 0 10px;} .gallery {position: relative;height: 285px;background: url(https://img.webme.com/pic/k/koddeniyelim/gallery.jpg) no-repeat 0% 60px;color: #f9eddf;text-align: right;} .gallery p {margin: 10px 18px 0px 0px;font-size: 1.2em;} .thumbnail img{border: 0;margin: 0 8px 0 0;} .thumbnail:hover{background-color: transparent;} .thumbnail:hover img{border: 0;} .thumbnail span{position: absolute;left: -1000px;visibility: hidden;text-decoration: none;} .thumbnail span img{border-width: 0;} .thumbnail:hover span{visibility: visible;top: 60px;left: 0px;z-index: 50; } #copyright {margin-top: 10px;padding: 5px 0 10px 0 ;font-size: .9em;border-top: 1px solid #7d5e3f;} #copyright a,#copyright a:link,#copyright a:active,#copyright a:visited {color: #b09172;}
MIDNIGHT TASARIMI

TASARIM ÜSTÜ
<div id="header"> <div id="logo"> <h1> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Midnight</a></h1> <h2>By Free CSS Templates</h2> </div> <div id="menu"> <ul> <li class="active"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Homepage</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">About Us</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Products</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Clients</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Support</a></li> </ul> </div> </div> <div id="wrapper"> <div id="content"> <div id="sidebar"> <div id="support"> <h2>Customer Support</h2> <h3>1-800-1234567</h3> </div> <div id="login" class="boxed"> <h2 class="title">Client Account</h2> <div class="content"> <form id="form1" method="post" action="#"> <fieldset> <legend>Sign-In</legend> <label for="inputtext1">Client ID:</label> <input id="inputtext1" type="text" name="inputtext1" value="" /> <label for="inputtext2">Password:</label> <input id="inputtext2" type="password" name="inputtext2" value="" /> <input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign In" /> <p> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Forgot your password?</a></p> </fieldset> </form> </div> </div> <div id="updates" class="boxed"> <h2 class="title">Recent Updates</h2> <div class="content"> <ul> <li> <h3>March 5, 2007</h3> <p> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">In posuere eleifend odio quisque semper augue mattis wisi maecenas ligula…</a></p> </li> <li> <h3>March 3, 2007</h3> <p> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Quisque dictum integer nisl risus, sagittis convallis, rutrum id, congue, and nibh…</a></p> </li> <li> <h3>February 28, 2007</h3> <p> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum…</a></p> </li> <li> <h3>February 25, 2007</h3> <p> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Nam pede erat, porta eu, lobortis eget, tempus et, tellus. Etiam nequea…</a></p> </li> <li> <h3>February 20, 2007</h3> <p> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Vivamus fermentum nibh in augue. Praesent a lacus at urna congue rutrum. Nulla enim eros…</a></p> </li> </ul> </div> </div> </div> <div id="main">

TASARIM ALTI
</div> <div style="clear: both;"> </div> </div> <div id="footer"> <p id="legal">Copyright © 2007 Midnight. All Rights Reserved. Designed by <a href="http://www.freecsstemplates.org/" _fcksavedurl="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p> <p id="links"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Home</a> | <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Terms of Use</a></p> </div>

CSS

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 */ * { margin: 0; padding: 0; } body { margin-top: 220px; background: #000000 url(http://www.hizliupload.com/img/584791img01.jpg) no-repeat center top; font: normal small Verdana, Arial, Helvetica, sans-serif; color: #999999; } h1, h2, h3 { color: #FFFFFF; } h2 { } h3 { } p, blockquote, ul, ol { margin-bottom: 1.4em; line-height: 1.8em; text-align: justify; } p { } blockquote { margin-left: 2em; margin-right: 2em; font-style: italic; } ul { margin-left: 3em; } ul li { } ol { margin-left: 3em; } ol li { } a { text-decoration: none; color: #FFFFFF; } a:hover { text-decoration: underline; } img { border: 4px solid #C4C2C2; } /* Boxed Style */ .boxed { margin-bottom: 20px; } .boxed .title { margin: 0; padding: 5px 0; background: url(https://img.webme.com/pic/k/koddeniyelim/img07.gif) repeat-x left bottom; font-size: 1em; } .boxed .content { padding: 15px; } /* Post */ .post { } .post .title { padding: 10px 0; background: url(https://img.webme.com/pic/k/koddeniyelim/img07.gif) repeat-x left bottom; font-size: 1.6em; font-weight: normal; } .post .date { padding-top: 5px; font-size: .8em; font-weight: normal; } .post .date .month { } .post .date .day { } .post .date .year { } .post .meta { padding-bottom: 10px; background: url(https://img.webme.com/pic/k/koddeniyelim/img07.gif) repeat-x left bottom; font-size: .8em; } .post .meta p { margin: 0; line-height: normal; } .post .story { padding: 20px; } /* Header */ #header { height: 61px; background: url(https://img.webme.com/pic/k/koddeniyelim/img02.gif) repeat-x; } /* Header > Logo */ #logo { width: 700px; height: 19px; margin: 0 auto; padding: 6px 0 0 0; } #logo h1, #logo h2 { text-transform: uppercase; letter-spacing: 1px; font-size: 11px; } #logo h1 { float: left; } #logo h2 { float: right; } #logo a { } /* Header > Menu */ #menu { width: 700px; height: 27px; margin: 0 auto; } #menu ul { margin: 0; padding: 7px 0 0 0; list-style: none; } #menu li { display: inline; } #menu a { display: block; float: left; height: 25px; margin: 0 5px 0 0; padding: 2px 25px 0 25px; background: url(https://img.webme.com/pic/k/koddeniyelim/img03.gif) repeat-x; border: 1px solid #222222; text-align: center; font-size: 9px; font-weight: bold; color: #FFFFFF; } #menu a:hover { background-image: url(https://img.webme.com/pic/k/koddeniyelim/img04.gif); text-decoration: none; } #menu .active a { background-image: url(https://img.webme.com/pic/k/koddeniyelim/img05.gif); } /* Wrapper */ #wrapper { background: url(https://img.webme.com/pic/k/koddeniyelim/img06.gif) repeat-x; } /* Content */ #content { width: 700px; margin: 0 auto; padding: 20px 0 0 0; } /* Content > Main */ #main { float: right; width: 460px; } /* Content > Main > Welcome */ #welcome { padding-top: 5px; } /* Content > Main > Example */ #example { } /* Content > Sidebar */ #sidebar { float: left; width: 220px; } /* Content > Sidebar > Support */ #support { padding: 20px 15px; color: #FF8A00; } #support h2 { margin: 0; font-size: 1.3em; color: #FF8A00; } #support h3 { margin: 0; font-size: 1em; color: #FF8A00; } /* Content > Sidebar > Login */ #login { } #login form { } #login fieldset { border: none; } #login legend { display: none; } #login label { font-size: x-small; font-weight: bold; } #login input { margin-bottom: 5px; padding: 2px 5px; border: 1px solid #385B88; font-family: Verdana, Arial, Helvetica, sans-serif; } #inputtext1, #inputtext2 { color: #385B88; } #inputsubmit1 { background: #385B88; color: #FFFFFF; } #login p { font-size: .8em; } /* Content > Sidebar > Updates*/ #updates { } #updates ul { margin: 0; list-style: none; } #updates h3 { margin: 0; font: bold x-small Verdana, Arial, Helvetica, sans-serif; } #updates p { margin-bottom: 1.4em; font-size: smaller; line-height: normal; } /* Content > Sidebar > Partners*/ #partners { } #partners .content { padding: 10px 0; } #partners ul { margin: 0; border-bottom: 1px solid #D1BC5C; list-style: none; line-height: normal; } #partners li { padding: 10px; border-top: 1px solid #D1BC5C; } /* Footer */ #footer { clear: both; padding: 20px 50px; border-top: 4px solid #393F4D; background: #444C5D; } #footer p { width: 700px; margin: 0 auto; font-size: x-small; color: #FFFFFF; } #footer a { text-decoration: underline; color: #FFFFFF; } #footer a:hover { text-decoration: underline; } /* Footer > Legal */ #legal { } /* Footer > Links */ #links { }

MÜZİK WEBSİTESİ TEMASI

TASARIM ÜSTÜ
<div id="container">  <div id="page_title"> <h1><span>The Music Website</span></h1> </div>  <div id="header_image"><span> </span></div>  <div id="header_container_left"> <div id="header_container_right"> <div id="header_container"> <div id="page_header"> <div id="header_hidden"> </div>  <div id="header_punchline"> <h3><span>Your Punchline Goes Here</span></h3> </div>   <div id="header_menu"> <ul> <li id="menu_1"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><strong>Home</strong></a></li> <li id="menu_2"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><strong>About Us</strong></a></li> <li id="menu_3"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><strong>Products</strong></a></li> <li id="menu_4"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><strong>Services</strong></a></li> <li id="menu_5"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><strong>Contacts</strong></a></li> </ul> </div>   <div id="header_links"> <ul> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">make your own music</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">grab the hottest tracks</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">read previews</a></li> </ul> </div>  <div class="clearthis"> </div> </div> </div> </div> </div>   <div id="maincontent_container"> <div id="maincontent">

TASARIM ALTI
</div>  </div> </div>   <div id="page_footer"> Powered by <a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Free Website Templates</a> </div>  </div>

CSS

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;} * { margin: 0px; padding: 0px; } body { background: url('https://img.webme.com/pic/k/koddeniyelim/background.gif') #3e3437 repeat 0px 0px; color: #b1b0ae; font-family: verdana, arial, sans-serif; font-size: 11px; text-align: center; } a { color: #b1b0ae; text-decoration: underline; } a:hover { color: #8b8a89; } span { display: none; } img { border: none; } ul { list-style-type: none; } li { list-style-type: none; } p { margin: 10px 0px 20px; text-align: justify; line-height: 14px; } .clearthis { margin : 0px; height : 1px; clear : both; float : none; font-size : 1px; line-height : 0px; overflow : hidden; visibility: hidden; } #container { margin: 0px auto; width: 719px; text-align: left; } .link-more { font-size: 10px; font-family: tahoma, arial, sans-serif; font-weight: bold; text-align: right; line-height: 10px; } .link-more a { text-decoration: none; } /* Page Title */ #page_title { padding: 16px 0px 11px; } #page_title h1 { height: 34px; background: url('https://img.webme.com/pic/k/koddeniyelim/website_title.gif') no-repeat 50% 0%; } /* Page Header Containers */ #header_image { position: absolute; margin-left: 533px; width: 136px; } #header_image span { float: right; display: block; background: url('https://img.webme.com/pic/k/koddeniyelim/header_image.gif') no-repeat 0px 0px; position: relative; top: -28px; z-index: 1; width: 136px; height: 195px; } #header_container_left { padding-left: 61px; background: url('https://img.webme.com/pic/k/koddeniyelim/body_leftspeaker.gif') no-repeat 0px 5px; } #header_container_right { margin-right: 8px; padding-right: 53px; background: url('https://img.webme.com/pic/k/koddeniyelim/body_rightspeaker.gif') no-repeat 100% 5px; } #header_container { border: 1px solid #9d9898; } #page_header { width: 595px; height: 147px; background: url('https://img.webme.com/pic/k/koddeniyelim/header_background.gif') no-repeat 0px 0px; color: #fbc551; overflow: hidden; font-size: 10px; font-family: tahoma, arial, sans-serif; font-weight: bold; text-align: left; } #page_header a { color: #fbc551; } #page_header a:hover { color: #fbfe00; } #header_hidden { width: 145px; height: 147px; float: right; overflow: hidden; } /* Page Header Punchline */ #header_punchline { padding-top: 29px; width: 310px; float: right; } #header_punchline h3 { width: 310px; height: 13px; background: url('https://img.webme.com/pic/k/koddeniyelim/website_punchline.gif') no-repeat 0px 0px; } /* Header Navigation Menu */ #header_menu { padding-top: 28px; width: 140px; float: left; } #header_menu ul { margin-left: 19px; width: 73px; } #header_menu li { margin-bottom: 3px; border: 1px solid #ea7711; float: left; } #header_menu li a { display: block; width: 71px; height: 15px; text-decoration: none; overflow: hidden; } #header_menu li a:hover { background-image: none; background-color: #6c0528; } #header_menu li a b { display: block; margin-top: 1px; padding-left: 15px; } li#menu_1 a { background: url('https://img.webme.com/pic/k/koddeniyelim/menu_1_bg.gif') no-repeat 0px 0px; } li#menu_2 a { background: url('https://img.webme.com/pic/k/koddeniyelim/menu_2_bg.gif') no-repeat 0px 0px; } li#menu_3 a { background: url('https://img.webme.com/pic/k/koddeniyelim/menu_3_bg.gif') no-repeat 0px 0px; } li#menu_4 a { background: url('https://img.webme.com/pic/k/koddeniyelim/menu_4_bg.gif') no-repeat 0px 0px; } li#menu_5 a { background: url('https://img.webme.com/pic/k/koddeniyelim/menu_5_bg.gif') no-repeat 0px 0px; } /* Page Header Links */ #header_links { padding-top: 25px; width: 310px; float: right; } #header_links ul { padding-left: 2px; } #header_links li { padding-bottom: 3px; } /* Main Content Area */ #maincontent_container { margin: 1px 61px; padding: 18px 20px 12px; border: 1px solid #9d9898; background-color: #6c0528; } #maincontent { width: 555px; } #maincontent .divider { width: 555px; height: 1px; background: url('https://img.webme.com/pic/k/koddeniyelim/body_divider.gif') repeat-x 0px 0px; overflow: hidden; } /* Chartbusters */ #chartbusters { margin: 0px 1px 12px; width: 553px; } #chartbusters h2 { width: 78px; height: 20px; background: url('https://img.webme.com/pic/k/koddeniyelim/chartbusters_title.gif') no-repeat 0px 0px; } .chartbusters_entry { margin: 20px 0px 5px; width: 553px; } .chartbusters_thumbnail { margin-top: 2px; float: left; } .chartbusters_thumbnail img { border: 1px solid #978f8d; } .chartbusters_details { float: right; width: 450px; } .chartbusters_details p { margin: 1px 0px 10px; } #chartbusters .link-more { text-transform: lowercase; } #chartbusters .link-more a { color: #ffa329; } #chartbusters .link-more a:hover { color: #d88a23; } /* My Music Shop */ #musicshop { margin: 10px 1px 2px; width: 553px; } #musicshop h2 { width: 116px; height: 20px; background: url('https://img.webme.com/pic/k/koddeniyelim/musicshop_title.gif') no-repeat 0px 0px; } #musicshop .link-more { text-transform: lowercase; } #musicshop .link-more a { color: #a9c60f; } #musicshop .link-more a:hover { color: #89a207; } /* Page Footer */ #page_footer { margin: 10px 61px 10px; color: #fff; font-family: tahoma, arial, sans-serif; font-size: 11px; text-align: center; } #page_footer a { color: #fff; } #page_footer a:hover { color: #ceced0; }
ONLİNE FİLM TEMASI

TASARIM ÜSTÜ
<div id="wrapper"> <div id="inner"> <div id="header"> <h1><img src="http://www.free-css.com/assets/files/free-css-templates/preview/page23/online-movie-store/images/logo.gif" _fcksavedurl="http://www.free-css.com/assets/files/free-css-templates/preview/page23/online-movie-store/images/logo.gif" width="519" height="63" alt="Online Movie Store" /></h1> <div id="nav"> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">HOME</a> | <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">view cart</a> | <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">help</a> </div>  <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="http://www.free-css.com/assets/files/free-css-templates/preview/page23/online-movie-store/images/header_1.jpg" _fcksavedurl="http://www.free-css.com/assets/files/free-css-templates/preview/page23/online-movie-store/images/header_1.jpg" width="744" height="145" alt="Harry Potter cd" /></a> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="http://www.free-css.com/assets/files/free-css-templates/preview/page23/online-movie-store/images/header_2.jpg" _fcksavedurl="http://www.free-css.com/assets/files/free-css-templates/preview/page23/online-movie-store/images/header_2.jpg" width="745" height="48" alt="" /></a> </div>  <dl id="browse"> <dt>Full Category Lists</dt> <dd class="first"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Action & Adventure</a></dd> <dd><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Anime & Manga</a></dd> <dd><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Art House & International</a></dd> <dd><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Classics</a></dd> <dd><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Comedy</a></dd> <dd><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Cult Movies</a></dd> <dd><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Drama</a></dd> <dd><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">New & Future Releases</a></dd> <dd><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Horror</a></dd> <dd><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Musicals</a></dd> <dd><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Mystery & Suspense</a></dd> <dd><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Science Fiction & Fantasy</a></dd> <dd class="last"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Westerns</a></dd> <dt>Search Your Favourite Movie</dt> <dd class="searchform"> <form action="http://www.free-css.com/" method="get"> <div> <select name="cat"> <option value="-" selected="selected">CATEGORIES</option> <option value="-">------------</option> </select> </div> <div> <input name="q" type="text" value="DVD TITLE" class="text" /> </div> <div class="softright"> <input type="image" src="http://www.free-css.com/assets/files/free-css-templates/preview/page23/online-movie-store/images/btn_search.gif" /> </div> </form> </dd> </dl> <div id="body"> <div class="inner"> <div class="leftbox">

TASARIM ALTI
<div class="clear"></div> </div>  <div class="clear"></div> </div>  </div>  <div class="clear"></div> <div id="footer"> Web design by <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">free website templates</a> <div id="footnav"> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Legal</a> | <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Home</a> </div>  </div>  </div>  </div> 

CSS

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;} body { font-family: tahoma, helvetica, arial, sans-serif; font-size: 10px; text-align: center; background: url(http://www.free-css.com/assets/files/free-css-templates/preview/page23/online-movie-store/images/page_bg.gif); } html, body, #wrapper, h1 { margin: 0; padding: 0; } th, td { font-size: 10px; } img { border: 0; } #wrapper { margin: auto; text-align: left; width: 748px; position: relative; } h1, h2, h3 { font-size: 10px; } h1 { margin: 0; padding: 0; } h2 { margin: 0 0 5px 0; padding: 0; } h3 { padding: 4px 0 0 0; } .block { display: block; } .clear { clear: both; height: 2px; padding-top: 0; margin-top: 0; margin-bottom: 3px; font-size: 1px; } .left { float: left; margin: 1px 8px 0px 0px; } .softright { text-align: right; } .readmore { text-align: right; } /* ***** */ #inner { border-left: 2px solid #fff; border-right: 2px solid #fff; background: white; color: black; margin-bottom: 10px; } #header { background: url(http://www.free-css.com/assets/files/free-css-templates/preview/page23/online-movie-store/images/header_bg.gif) repeat-x; padding-top: 9px; position: relative; } #header img { display: block; } #nav { position: absolute; left: 550px; top: 40px; width: 200px; } #nav, #nav a { color: white; font-weight: bold; text-decoration: none; } #nav a:hover { text-decoration: underline; } #browse { float: left; width: 195px; margin: 0; padding: 0; background: white; border-bottom: 2px solid white; } #browse dt { background: #c80000 url(http://www.free-css.com/assets/files/free-css-templates/preview/page23/online-movie-store/images/dt_bg.gif) bottom repeat-x; color: #fff; margin: 2px 2px 1px 2px; padding: 6px 0; text-align: center; font-weight: bold; } #browse dd { background: #227293; border-bottom: 1px solid #659db4; padding: 0; margin: 0 2px; } #browse dd a { color: white; font-weight: bold; text-decoration: none; display: block; padding: 3px 22px; } * html #browse dd { padding: 3px 22px; padding: 0; } * html #browse dd a { display: inline; display: block; } #browse dd a:hover { background: #74a7b7; } #browse .first { padding-top: 10px; } #browse .last { padding-bottom: 8px; border-bottom: 1px solid white; } #browse .searchform { padding: 10px; } #browse .text, #browse select { width: 160px; } #browse form { margin: 0; padding: 0; } #browse form div { padding-bottom: 8px; width: 165px; } #body { float: right; width: 543px; margin: 2px 1px 0 0; border: 1px solid #e5e5e5; position: relative; } #body p { margin: 1em 0; padding: 0; } #body .leftbox, #body .rightbox { margin-top: 5px; color: #464646; } #body .leftbox { float: left; width: 250px; } #body .rightbox { float: right; width: 252px; margin-right: 18px; border-left: 1px solid #e5e5e5; } * html #body .rightbox { margin-right: 10px; } #body .br { border-bottom: 1px solid #e5e5e5; } #body .readmore { margin-top: -0.5em; margin-bottom: 0; padding-bottom: 0; } #body .readmore a { color: #ad1c1c; } #body .readmore a:hover { color: #f73838; } #body h3 { text-align: center; font-family: "Keble Condensed", "KebleCondensed", "arial narrow", helvetica, arial, sans-serif; font-size: 15px; font-weight: normal; color: #5d5d5d; padding: 0 0 0 18px; margin: 1px 0 3px 0; } #footer { background: #c80000 url(http://www.free-css.com/assets/files/free-css-templates/preview/page23/online-movie-store/images/footer_bg.gif) repeat-x; padding: 8px 8px 5px 8px; position: relative; text-align: center; border-bottom: 2px solid white; } #footer, #footer a { font-weight: bold; color: white; text-decoration: none; } #footnav { position: absolute; text-align: right; right: 10px; top: 0px; padding: 8px 0 5px 0; }
DJ TASARIMI

TASARIM ÜSTÜ
<div id="container"> <div id="header"> <ul> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Home</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Members</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Gallery</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Parties</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Booking</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Contact</a></li> </ul> </div> <div id="welcome">

TASARIM ALTI
<br /> <br /> </div> <div id="news"> <h3>Latest News</h3> <div class="newsitem"> <a href="http://www.templatebeauty.com" _fcksavedurl="http://www.templatebeauty.com"><img src="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/photo1.jpg" _fcksavedurl="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/photo1.jpg" alt="Photo 1" border="0" /></a> <span>10.11.2006</span> <p>If you're looking for beautiful and professionally made templates you can find them at Template Beauty.com.</p> </div> <div class="newsitem"> <a href="http://www.justwebtemplates.com" _fcksavedurl="http://www.justwebtemplates.com"><img src="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/photo2.jpg" _fcksavedurl="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/photo2.jpg" alt="Photo 2" border="0" /></a> <span>10.11.2006</span> <p>Even more websites all about website templates on Just Web Templates.</p> </div> <div class="clear"></div> </div> <div id="dj"> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/bestdjs.jpg" _fcksavedurl="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/bestdjs.jpg" alt="Best DJ's" border="0" /></a> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/specialoffer.jpg" _fcksavedurl="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/specialoffer.jpg" alt="special offer" border="0" /></a> <div class="clear"></div> </div> <div id="footer"> copyright information 2006.All rights reserved. | designed by <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">free website templates</a></div> </div>

CSS

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;} body { color: #97b15e; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px; padding: 0px; background-color:#051c00; } .clear{clear:both;} * {margin: 0px;padding: 0px;} #container { margin: 0 auto; text-align: left; width: 767px; } a{color:#80ba04;} a:hover{color:#b7fb24;} /********************** Header ***************************/ #header { background-image:url(http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/header.jpg); width:767px; height:404px; position:relative; } #header ul{ position:absolute; top:367px; left:100px; } #header li{ display:block; float:left; width:97px; } #header ul a{ color:#aefa0d; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 900; text-transform: capitalize; } #header ul a:hover{color:#97b15e;} /********************** Welcome ***************************/ #welcome { background-image:url(http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/dj.gif); background-repeat: no-repeat; background-position: right top; } #welcome h3{ margin: 10px 10px 10px 110px; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bolder; text-transform: uppercase; color: #7eae19;} #welcome p{ margin: 10px 10px 10px 110px;width:416px;} #welcome a{} /********************** News ***************************/ #news { background-image:url(http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/line.jpg); background-repeat: no-repeat; background-position: left top; padding: 10px 10px 10px 110px; } #news h3{ margin: 20px 10px 15px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bolder; text-transform: uppercase; color: #7eae19; } .newsitem{float:left;width:275px; display:inline;} .newsitem a{} .newsitem img{float:left;margin-right:10px;} .newsitem span{ color:#97b15e; font-size: 9px; font-weight: 900; } .newsitem p{margin: 10px 10px 15px 10px;} /********************** Best DJ's ***************************/ #dj { background-image:url(http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/line.jpg); background-repeat: no-repeat; background-position: left top; padding: 30px 0px 0px 110px; } #dj img{border:0px;} #dj a{border:0px;float:left;} #dj a:hover{} /********************** Footer ***************************/ #footer { background-image:url(http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/line.jpg); background-repeat: no-repeat; background-position: left top; padding: 10px 10px 10px 110px; text-align:center; }

                 UÇAK TEMASI

TASARIM ÜSTÜ
<div id="body_wrapper">  <div id="company_header"> <div class="add_shadow"><div><div> <div id="company_logo"> <h1><span>Travel Agency</span></h1> </div> </div></div></div> </div>   <div id="nav_menu"> <ul> <li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Main Page</a></li> <li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Our Tours</a></li> <li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Destinations</a></li> <li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Hotel Guide</a></li> <li id="last"><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Contacts</a></li> </ul> </div>   <div id="content_body">  <div id="left_column">  <div class="content_header"> <div class="add_shadow"><div><div> <div class="content_header2"> <h2>Travel Gallery</h2> </div> </div></div></div> </div> <div id="travelgallery">  <div class="gallery_thumbnail"> <div class="add_shadow"><div><div> <img src="https://img.webme.com/pic/k/kaynakkodum/travelgallery_01.gif" _fcksavedurl="https://img.webme.com/pic/k/kaynakkodum/travelgallery_01.gif" width="170" height="114" alt="Thumbnail Caption" /> </div></div></div> </div>   <div class="gallery_thumbnail"> <div class="add_shadow"><div><div> <img src="https://img.webme.com/pic/k/kaynakkodum/travelgallery_02.gif" _fcksavedurl="https://img.webme.com/pic/k/kaynakkodum/travelgallery_02.gif" width="170" height="114" alt="Thumbnail Caption" /> </div></div></div> </div>   <div class="gallery_thumbnail"> <div class="add_shadow"><div><div> <img src="https://img.webme.com/pic/k/kaynakkodum/travelgallery_03.gif" _fcksavedurl="https://img.webme.com/pic/k/kaynakkodum/travelgallery_03.gif" width="170" height="114" alt="Thumbnail Caption" /> </div></div></div> </div>   <div class="gallery_thumbnail"> <div class="add_shadow"><div><div> <img src="https://img.webme.com/pic/k/kaynakkodum/travelgallery_04.gif" _fcksavedurl="https://img.webme.com/pic/k/kaynakkodum/travelgallery_04.gif" width="170" height="114" alt="Thumbnail Caption" /> </div></div></div> </div>  <div class="clearthis"> </div> <div class="view_all"> <div class="add_shadow"><div><div> <a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">View All Photos</a> </div></div></div> </div> </div>  </div>   <div id="right_column"> www.kaynakkodum.tr.gg

TASARIM ALTI
</div>  <div class="clearthis"> </div> </div>   <div id="page_footer"> Web design by <a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Free Website Templates</a> </div>  </div>

CSS

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;} * { margin: 0px; padding: 0px; } body { padding: 10px 0px 10px; background-color: #484848; color: #fff; font-family: verdana, arial, sans-serif; font-size: 12px; text-align: center; } a { color: #fff; background-color: inherit; text-decoration: underline; } a:hover { color: #e1d9a7; background-color: inherit; } span { display: none; } img { border: none; } ul { list-style-type: none; } li { list-style-type: none; } p { margin: 6px 0px 15px; text-align: justify; line-height: 14px; } .clearthis { margin : 0px; height : 1px; clear : both; float : none; font-size : 1px; line-height : 0px; overflow : hidden; visibility: hidden; } #body_wrapper { margin: 0px auto; padding: 2px 0px; width: 777px; background-color: #fcfcfc; color: inherit; text-align: left; } .add_shadow { float: left; background: url('https://img.webme.com/pic/k/kaynakkodum/shadow_bot.gif') no-repeat 0% 100%; } .add_shadow div { display: block; float: left; background: url('https://img.webme.com/pic/k/kaynakkodum/shadow_right.gif') no-repeat 100% 0%; } .add_shadow div div { display: block; float: none; padding: 0px 5px 5px 0px; background: url('https://img.webme.com/pic/k/kaynakkodum/shadow_rightbot.gif') no-repeat 100% 100%; } .add_shadow div div div { padding: 0px; background: none; } /* Company Logo */ #company_header { margin: 45px 10px; z-index: 1; position: absolute; } #company_logo { padding: 3px; background: url('https://img.webme.com/pic/k/kaynakkodum/company_poster.gif') #fff no-repeat 3px 3px; color: #000; } #company_logo h1 { display: block; background: url('https://img.webme.com/pic/k/kaynakkodum/company_logo.gif') no-repeat 50% 3px; width: 368px; height: 368px; } #company_logo h1 span { display: none; } /* Navigational Menu */ #nav_menu { margin: 0px 2px; width: 773px; background-color: #5c3424; color: #fff; border-bottom: #fff 2px solid; font-family: arial, sans-serif; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; } #nav_menu ul { margin-left: 130px; width: 630px; height: 27px; overflow: hidden; } #nav_menu li { padding: 5px 11px 3px 10px; background: url('https://img.webme.com/pic/k/kaynakkodum/navmenu_div.gif') no-repeat 100% 7px; float: left; } #nav_menu li#last { padding-right: 10px; background-image: none; } #nav_menu a { text-decoration: none; } /* Content Body */ #content_body { margin: 0px 2px; padding: 17px 12px 15px 15px; background-color: #dddacc; border-bottom: #fff 2px solid; color: #000000; text-align: left; } #content_body a { background-color: inherit; color: #000000; } #content_body a:hover { background-color: #dddacc; color: #a64a26; } #content_body .content_header2 { display: block; border: #000 2px solid; } #content_body .content_header h2 { padding: 3px 0px; font-size: 14px; font-weight: bold; text-align: center; text-transform: uppercase; } #content_body .content_box { padding: 10px 15px 20px 6px; clear: both; float: none; } /* Left Column */ #left_column { margin-left: 5px; margin-top: 395px; width: 365px; float: left; } #left_column .content_header { padding-bottom: 45px; } #left_column .content_header h2 { width: 351px; background-color: #c4bea1; color: #545246; } /* Right Column */ #right_column { width: 353px; float: right; } #right_column .content_header h2 { width: 348px; background-color: #a64a26; color: #fff; } /* Travel Gallery */ #travelgallery { padding-bottom: 5px; float: none; clear: both; text-align: center; } .gallery_thumbnail { float: left; padding: 5px 5px 0px 0px; } .gallery_thumbnail .add_shadow { background-color: #000; color: #fff; } .gallery_thumbnail .add_shadow div div { padding-bottom: 3px; } .gallery_thumbnail .add_shadow img { margin: 1px; } #travelgallery .view_all { margin: 15px auto 0px; width: 154px; height: 26px; float: none; clear: both; } #travelgallery .view_all a { padding: 3px 5px; border: #000 1px solid; background-color: #c4bea1; color: #5c3424; display: block; font-weight: bold; font-family: arial, sans-serif; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; text-align: center; } #travelgallery .view_all a:hover { background-color: #be552c; color: #fff; } /* Page Footer */ #page_footer { margin: 0px 2px; padding: 7px 0px; width: 773px; background-color: #5c3424; color: inherit; font-size: 11px; font-weight: bold; text-align: center; }

UZAY TEMASI

TASARIM ÜSTÜ
<div id="header"> <h1><a href="#" _fcksavedurl="#">StarGazer</a></h1> <h2>By Free CSS Templates</h2> </div> <div id="menu"> <ul> <li><a href="#" _fcksavedurl="#">Homepage</a></li> <li><a href="#" _fcksavedurl="#">Products</a></li> <li><a href="#" _fcksavedurl="#">Services</a></li> <li><a href="#" _fcksavedurl="#">About Us</a></li> <li><a href="#" _fcksavedurl="#">Contact Us</a></li> </ul> </div> <hr /> <div id="page"> <div id="content">

TASARIM ALTI
</div>  <div id="sidebar"> <ul> <li id="search"> <form id="searchform" method="get" action=""> <div> <input type="text" name="s" id="s" size="15" /> <br /> <input name="submit" type="submit" value="Search" /> </div> </form> </li> <li id="calendar"> <h2>Calendar</h2> <div id="calendar_wrap"> <table summary="Calendar"> <caption> November 2007 </caption> <thead> <tr> <th abbr="Monday" scope="col" title="Monday">M</th> <th abbr="Tuesday" scope="col" title="Tuesday">T</th> <th abbr="Wednesday" scope="col" title="Wednesday">W</th> <th abbr="Thursday" scope="col" title="Thursday">T</th> <th abbr="Friday" scope="col" title="Friday">F</th> <th abbr="Saturday" scope="col" title="Saturday">S</th> <th abbr="Sunday" scope="col" title="Sunday">S</th> </tr> </thead> <tfoot> <tr> <td abbr="October" colspan="3" id="prev"><a href="#" _fcksavedurl="#" title="View posts for October 2007">« Oct</a></td> <td class="pad"> </td> <td abbr="December" colspan="3" id="next"><a href="3" _fcksavedurl="3" title="View posts for October 2007">Dec »</a></td> </tr> </tfoot> <tbody> <tr> <td colspan="3" class="pad"> </td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> </tr> <tr> <td>5</td> <td>6</td> <td>7</td> <td>8</td> <td>9</td> <td>10</td> <td>11</td> </tr> <tr> <td><a href="#" _fcksavedurl="#">12</a></td> <td>13</td> <td>14</td> <td>15</td> <td>16</td> <td>17</td> <td>18</td> </tr> <tr> <td>19</td> <td>20</td> <td>21</td> <td>22</td> <td>23</td> <td id="today">24</td> <td>25</td> </tr> <tr> <td>26</td> <td>27</td> <td>28</td> <td>29</td> <td>30</td> <td class="pad" colspan="2"> </td> </tr> </tbody> </table> </div> </li> <li> <h2>Categories</h2> <ul> <li><a href="#" _fcksavedurl="#" title="View all posts filed under Uncategorized">Uncategorized</a> (3) </li> <li><a href="#" _fcksavedurl="#" title="View all posts filed under Lorem Ipsum">Lorem Ipsum</a> (42) </li> <li><a href="#" _fcksavedurl="#" title="View all posts filed under Urna Congue Rutrum">Urna Congue Rutrum</a> (28) </li> <li><a href="#" _fcksavedurl="#" title="View all posts filed under Augue Praesent">Augue Praesent</a> (55) </li> <li><a href="#" _fcksavedurl="#" title="View all posts filed under Vivamus Fermentum">Vivamus Fermentum</a> (13) </li> </ul> </li> </ul> <div style="clear: both; height: 40px;"> </div> </div>  <div style="clear: both;"> </div> </div>  <hr /> <div id="footer"> <p>(c) 2007 Sitename.com. Design by <a href="http://www.freecsstemplates.org/" _fcksavedurl="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p> </div>

CSS

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 */ * { margin: 0; padding: 0; } body { background: #000000 url(http://www.freecsstemplates.org/templates/previews/stargazer/images/img01.gif) repeat-x; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #999999; } h1, h2, h3 { } h1 { font-size: 3em; } h2 { letter-spacing: -1px; font-size: 2em; } h3 { font-size: 1em; } p, ul, ol { margin-top: 1.8em; line-height: 180%; } ul, ol { margin-left: 3em; } blockquote { margin-left: 3em; margin-right: 3em; } a { color: #CCCCCC; } a:hover { text-decoration: none; color: #FFFFFF; } hr { display: none; } /* Header */ #header { width: 960px; height: 80px; margin: 0 auto; background: url(http://www.freecsstemplates.org/templates/previews/stargazer/images/img02.jpg); } #header h1, #header h2 { float: left; margin: 0; text-transform: uppercase; color: #FFFFFF; } #header h1 { padding: 30px 0 0 20px; font-size: 3em; } #header h2 { padding: 47px 0 0 8px; font-size: 1.8em; font-style: italic; } #header a { text-decoration: none; color: #FFFFFF; } /* Menu */ #menu { width: 960px; height: 51px; margin: 0 auto; background: url(http://www.freecsstemplates.org/templates/previews/stargazer/images/img03.jpg); } #menu ul { margin: 0; padding: 0; list-style: none; line-height: normal; } #menu li { float: left; padding: 12px 10px 0 20px; } #menu a { text-decoration: none; letter-spacing: -1px; font-size: 1.2em; font-weight: bold; } #menu a:hover { text-decoration: underline; } /* Page */ #page { width: 920px; margin: 0 auto; padding: 30px 20px 20px 20px; background: url(http://www.freecsstemplates.org/templates/previews/stargazer/images/img04.jpg) no-repeat; } /* Content */ #content { float: left; width: 605px; } .post { margin-bottom: 40px; } .post .title { border-bottom: 1px solid #454545; } .post .title a { text-decoration: none; } .post .entry { padding: 0 20px; } .post .meta { height: 20px; padding: 15px 20px; background: url(http://www.freecsstemplates.org/templates/previews/stargazer/images/img05.gif) no-repeat; line-height: normal; } .post .meta a { text-decoration: none; font-weight: bold; } .post .meta a:hover { text-decoration: underline; } .post .meta .byline { float: left; } .post .meta .comments { float: right; } /* Sidebar */ #sidebar { float: right; width: 295px; } #sidebar ul { margin: 0; padding: 0; list-style: none; } #sidebar li { } #sidebar li ul { padding: 0 0 20px 20px; list-style: square inside; } #sidebar h2 { height: 50px; padding: 13px 20px 0 20px; background: url(http://www.freecsstemplates.org/templates/previews/stargazer/images/img06.gif) no-repeat; font-size: 1.6em; } /* Search */ #search { padding: 20px; text-align: center; } #search input { margin-bottom: 10px; padding: 3px 5px; background: #1F1F1F url(http://www.freecsstemplates.org/templates/previews/stargazer/images/img06.gif) no-repeat center center; border: 1px solid #454545; font: bold 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFFFFF; } #search #s { width: 80%; background: #1F1F1F; } /* Calendar */ #calendar { padding-bottom: 20px; } #calendar table, #calendar caption { width: 80%; margin: 0 auto; text-align: center; } #calendar caption { text-transform: uppercase; letter-spacing: .25em; font-weight: bold; } #calendar thead th { background: #333333; } #calendar tbody td { background: #111111; } #calendar a { text-decoration: none; font-weight: bold; } #calendar a:hover { text-decoration: underline; } /* Footer */ #footer { width: 960px; margin: 0 auto; padding: 20px 0; background: url(http://www.freecsstemplates.org/templates/previews/stargazer/images/img07.gif) no-repeat; } #footer p { margin: 0; line-height: normal; text-align: center; }

THEGATHERİNG TEMASI

TASARIM ÜSTÜ
<div id="wrapper"> <div id="header"> <h1><a href="#" _fcksavedurl="#">The Gathering</a></h1> <h2><a href="http://www.freecsstemplates.org/" _fcksavedurl="http://www.freecsstemplates.org/">By Free CSS Templates</a></h2> </div>  <div id="menu"> <ul> <li><a href="#" _fcksavedurl="#">Homepage</a></li> <li><a href="#" _fcksavedurl="#">About Us</a></li> <li><a href="#" _fcksavedurl="#">Products</a></li> <li><a href="#" _fcksavedurl="#">Services</a></li> <li><a href="#" _fcksavedurl="#">Contact Us</a></li> </ul> </div>  <div id="page"> <div id="content">

TASARIM ALTI
</div>  <div id="sidebar"> <ul> <li id="submenu"> <h2>Other Links</h2> <ul> <li><a href="#" _fcksavedurl="#">Semper vestibulum</a></li> <li><a href="#" _fcksavedurl="#">Vestibulum luctus</a></li> <li><a href="#" _fcksavedurl="#">Integer rutrum</a></li> <li><a href="#" _fcksavedurl="#">Etiam malesuada</a></li> <li><a href="#" _fcksavedurl="#">Elementum facilisis</a></li> <li><a href="#" _fcksavedurl="#">Ut tincidunt</a></li> <li><a href="#" _fcksavedurl="#">Odio sagittis</a></li> </ul> </li>  <li id="news"> <h2>News & Updates</h2> <ul> <li> <h3>25th May</h3> <p><a href="#" _fcksavedurl="#">Pellentesque quis elit non lectus gravida blandit…</a></p> </li> <li> <h3>23rd May</h3> <p><a href="#" _fcksavedurl="#">Lorem ipsum dolor sit amet, consectetuer adipiscing…</a></p> </li> <li> <h3>21st May</h3> <p><a href="#" _fcksavedurl="#">Phasellus nec erat sit amet nibh pellentesque congue…</a></p> </li> <li> <h3>17th May</h3> <p><a href="#" _fcksavedurl="#">Maecenas vitae orci vitae tellus feugiat eleifend…</a></p> </li> </ul> </li>  </ul> </div>  <div style="clear: both; height: 1px"></div> </div>  <div id="footer"> <p id="legal">Copyright © 2007 The Gathering. All Rights Reserved. Designed by <a href="http://www.freecsstemplates.org/" _fcksavedurl="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p> <p id="links"><a href="#" _fcksavedurl="#">Privacy Policy</a> | <a href="#" _fcksavedurl="#">Terms of Use</a></p> </div>  </div> 

CSS

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 */ * { margin: 0; padding: 0; } body { background: #0A0A0A url(http://www.freecsstemplates.org/templates/previews/thegathering/images/img1.jpg); font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #666666; } h1, h2, h3 { color: #CCCCCC; } h1 { } h2 { } h3 { } p, blockquote, ul, ol { margin-bottom: 20px; line-height: 1.6em; } p { } blockquote { } ul { } ol { } a { border-bottom: 1px dotted #652A17; text-decoration: none; color: #652A17; } a:hover { border: none; color: #FF0000; } /* Wrapper */ #wrapper { background: url(http://www.freecsstemplates.org/templates/previews/thegathering/images/img2.jpg) repeat-x; } /* Header */ #header { width: 750px; height: 181px; margin: 0 auto; padding: 0 0 0 0; background: url(http://www.freecsstemplates.org/templates/previews/thegathering/images/img3.jpg); } #header h1, #header h2 { float: left; } #header h1 { padding: 150px 0 0 20px; letter-spacing: 3px; font-size: 136%; } #header h2 { padding: 153px 0 0 6px; letter-spacing: 2px; font-size: 107%; } #header a { border: none; text-transform: uppercase; text-decoration: none; color: #000000; } /* Menu */ #menu { width: 750px; height: 50px; margin: 0 auto; background: url(http://www.freecsstemplates.org/templates/previews/thegathering/images/img4.jpg) no-repeat; } #menu ul { margin: 0; padding: 0; list-style: none; line-height: normal; } #menu li { display: inline; } #menu a { display: block; float: left; height: 20px; padding: 10px 20px 0 20px; border: none; border-right: 1px solid #110F09; font-size: 85%; font-weight: bold; color: #F4D1C5; } #menu a:hover { color: #FFFFFF; } /* Page */ #page { width: 750px; margin: 0 auto; background: url(http://www.freecsstemplates.org/templates/previews/thegathering/images/img7.jpg) repeat-y 220px 0px; } /* Content */ #content { float: right; width: 489px; padding-right: 20px; } #content h1, #content h2, #content h3 { margin-bottom: 20px; } #content h1 { font-size: 136%; } #content h2 { font-size: 107%; } #content h3 { font: 92%; } #content ul, #content ol { list-style-position: inside; } #content .boxed { float: left; width: 46%; padding-right: 2%; } #content .boxed h2 { padding: 5px 0; background: url(http://www.freecsstemplates.org/templates/previews/thegathering/images/img5.jpg) repeat-x left bottom; } /* Welcome */ #welcome { } /* Sample1 */ #sample { } /* Sample2 */ #sample2 { } /* Sidebar */ #sidebar { float: left; width: 180px; padding-left: 20px; } #sidebar ul { margin: 0; padding: 0; list-style: none; line-height: normal; } #sidebar li { margin-bottom: 1px; } #sidebar li ul { } #sidebar li li { margin: 0; padding: 7px 20px; background: url(http://www.freecsstemplates.org/templates/previews/thegathering/images/img5.jpg) repeat-x left bottom; } #sidebar h2 { padding: 5px 20px; background: url(http://www.freecsstemplates.org/templates/previews/thegathering/images/img6.jpg); border-bottom: 1px solid #1C1C1C; font-size: 100%; } #sidebar h3 { font-size: 77%; } #sidebar p { margin: 0; line-height: normal; } #sidebar a { border: none; } /* Submenu */ #submenu { } /* News */ #news { } #news a { font-size: 85%; } /* Footer */ #footer { width: 750px; height: 50px; margin: 0 auto; padding: 30px 0 0 0; background: url(http://www.freecsstemplates.org/templates/previews/thegathering/images/img4.jpg) no-repeat; } #footer p { margin: 0; text-align: center; font-size: 77%; }

FOTO GALERİ TEMASI

TASARIM ÜSTÜ
<div id="templatemo_container"> <div id="templatemo_banner"> <div id="logo"></div>  <div id="search_section"> <form action="#" method="get"> <input type="text" value="Enter keyword here..." name="q" size="10" id="searchfield" title="searchfield" onfocus_fckprotectedatt="%20onfocus%3D%22clearText(this)%22" onblur_fckprotectedatt="%20onblur%3D%22clearText(this)%22" /> <input type="submit" name="Search" value="Search" alt="Search" id="searchbutton" title="Search" /> </form> </div> </div>  <div id="templatemo_menu"> <ul> <li><a href="#" _fcksavedurl="#" class="current"><span></span>Home</a></li> <li><a href="#" _fcksavedurl="#"><span></span>Gallery</a></li> <li><a href="#" _fcksavedurl="#"><span></span>Blog</a></li> <li><a href="#" _fcksavedurl="#"><span></span>Forum</a></li> <li><a href="#" _fcksavedurl="#"><span></span>About Us</a></li> <li><a href="#" _fcksavedurl="#"><span></span>Contact Us</a></li> </ul> </div>  <div id="templatemo_content_wrapper"> <div id="templatemo_content"> <div class="column_w210 fl"> <div class="header_01"> Latest Blog Posts </div> <div class="latest_news"> <div class="header_03">[29-OCT-2024]</div> <div class="header_02"><a href="#" _fcksavedurl="#">Aenean a bibendum augue</a></div> <p>Praesent eu ligula quis nibh ullamcorper tempor non ultrices lacus.</p> </div> <div class="margin_bottom_10"></div> <div class="latest_news"> <div class="header_03">[28-OCT-2024]</div> <div class="header_02"><a href="#" _fcksavedurl="#">Nulla pharetra leo eget </a></div> <p>Vivamus condimentum justo id tortor rhoncus eu ornare sem malesuada. </p> </div> <div class="margin_bottom_10"></div> <div class="latest_news"> <div class="header_03">[27-OCT-2024]</div> <div class="header_02"><a href="#" _fcksavedurl="#">Vivamus metus justo</a></div> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p> </div> <div class="margin_bottom_10"></div> <div class="rc_btn_01"><a href="#" _fcksavedurl="#">Read All</a></div> <div class="cleaner"></div> </div>  <div class="column_w430 fl vl_divider">

TASARIM ALTI
<div class="cleaner"></div> </div>  <div class="column_w210 fl vl_divider"> <div class="header_01"> Categories </div> <ul class="category_list"> <li><a href="#" _fcksavedurl="#">Lorem ipsum dolor</a></li> <li><a href="#" _fcksavedurl="#">Aenean ac lobortis felis</a></li> <li><a href="#" _fcksavedurl="#">Cras eros dolor</a></li> <li><a href="#" _fcksavedurl="#">Vivamus orci velit</a></li> <li><a href="#" _fcksavedurl="#">Proin ultrices eros</a></li> <li><a href="#" _fcksavedurl="#">Aliquam ac nisl eget</a></li> <li><a href="#" _fcksavedurl="#">Praesent vehicula tellus</a></li> <li><a href="#" _fcksavedurl="#">Mauris egestas nunc</a></li> <li><a href="#" _fcksavedurl="#">Ut semper porta magna</a></li> <li><a href="#" _fcksavedurl="#">Donec ante risus</a></li> <li><a href="#" _fcksavedurl="#">Nunc bibendum neque</a></li> </ul> <div class="cleaner"></div> </div>  <div class="margin_bottom_20 h_divider"></div> <div class="margin_bottom_20"></div> <div class="column_w920"> <div class="column_w190 fl margin_right_40"> <a href="#" _fcksavedurl="#"><img src="images/templatemo_image_02.jpg" _fcksavedurl="images/templatemo_image_02.jpg" alt="image" /></a> <p>Nam sit amet justo vel libero tincidunt dignissim. Cras magna velit, pellentesque mattis, faucibus vitae, feugiat vitae. <a href="#" _fcksavedurl="#">Read more...</a></p> </div> <div class="column_w190 fl margin_right_40"> <a href="#" _fcksavedurl="#"><img src="images/templatemo_image_03.jpg" _fcksavedurl="images/templatemo_image_03.jpg" alt="image" /></a> <p>Pellentesque tortor metus, gravida ut aliquet non, iaculis nec nisi. Null am ornare, mauris vitae vehicula veh icula. <a href="#" _fcksavedurl="#">Read more...</a></p> </div> <div class="column_w190 fl margin_right_40"> <a href="#" _fcksavedurl="#"><img src="images/templatemo_image_04.jpg" _fcksavedurl="images/templatemo_image_04.jpg" alt="image" /></a> <p>Proin consequat interdum mauris id auctor. In justo dolor, luctus sed tristique vel, porttitor eu enim. In molestie vehicula pretium iaculis. <a href="#" _fcksavedurl="#">Read more...</a></p> </div> <div class="column_w190 fl"> <a href="#" _fcksavedurl="#"><img src="images/templatemo_image_05.jpg" _fcksavedurl="images/templatemo_image_05.jpg" alt="image" /></a> <p>Suspendisse odio erat, mattis in hend rerit id, iaculis at metus. Aliquam ligula justo, gravida sed pretium eu. <a href="#" _fcksavedurl="#">Read more...</a></p> </div> <div class="margin_bottom_15"></div> </div> <div class="cleaner"></div> </div>  </div>  <div id="templatemo_footer"> <ul class="footer_list"> <li><a href="#" _fcksavedurl="#" class="current">Home</a></li> <li><a href="#" _fcksavedurl="#">Gallery</a></li> <li><a href="#" _fcksavedurl="#">Blog</a></li> <li><a href="#" _fcksavedurl="#">Forum</a></li> <li><a href="#" _fcksavedurl="#">About Us</a></li> <li class="last"><a href="#" _fcksavedurl="#">Contact Us</a></li> </ul> <div class="margin_bottom_10"></div> Copyright © 2024 <a href="#" _fcksavedurl="#">Your Company Name</a> | Designed by <a href="http://www.templatemo.com" _fcksavedurl="http://www.templatemo.com" target="_parent">Free CSS Templates</a> <div class="margin_bottom_10"></div> <a href="http://validator.w3.org/check?uri=referer" _fcksavedurl="http://validator.w3.org/check?uri=referer"><img style="border:0;width:88px;height:31px" src="http://www.w3.org/Icons/valid-xhtml10" _fcksavedurl="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" width="88" height="31" vspace="8" border="0" /></a> <a href="http://jigsaw.w3.org/css-validator/check/referer" _fcksavedurl="http://jigsaw.w3.org/css-validator/check/referer"><img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss-blue" _fcksavedurl="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="Valid CSS!" vspace="8" border="0" /></a> </div>  </div>  

CSS

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;} /* CSS Credit: http://www.templatemo.com */ body { margin: 0; padding: 0; line-height: 1.5em; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; background: #250d0b url(http://www.templatemo.com/templates/templatemo_110_lin_photo/images/templatemo_bg.jpg) top repeat-x; } a:link, a:visited { color: #fcdd31; text-decoration: underline; font-weight: normal; } a:active, a:hover { color: #fcdd31; text-decoration: none; } p { margin: 0px; padding: 0px; } img { margin: 0 0 15px 0; padding: 0px; border: 3px solid #cccccc; } .cleaner { clear: both; width: 100%; height: 0px; font-size: 0px; } .margin_bottom_10 { clear: both; width: 100%; height: 10px; font-size: 1px; } .margin_bottom_15 { clear: both; width: 100%; height: 15px; font-size: 1px; } .margin_bottom_20 { clear: both; width: 100%; height: 20px; font-size: 1px; } .margin_bottom_30 { clear: both; width: 100%; height: 30px; font-size: 1px; } .margin_bottom_40 { clear: both; width: 100%; height: 40px; font-size: 1px; } .margin_bottom_50 { clear: both; width: 100%; height: 50px; font-size: 1px; } .margin_bottom_60 { clear: both; width: 100%; height: 60px; font-size: 1px; } .margin_right_40 { margin-right: 40px; } .margin_right_60 { margin-right: 60px; } .h_divider { background: url(http://www.templatemo.com/templates/templatemo_110_lin_photo/images/templatemo_horizontal_divider.jpg) bottom repeat-x; } .vl_divider { background: url(http://www.templatemo.com/templates/templatemo_110_lin_photo/images/templatemo_vertical_divider.jpg) left repeat-y; } .vr_divider { background: url(http://www.templatemo.com/templates/templatemo_110_lin_photo/images/templatemo_vertical_divider.jpg) right repeat-y; } .fl { float: left; } .fr { float: right } .header_01 { padding: 0 0 10px 0; margin: 0 0 10px 0; font-size: 16px; color: #fbbc53; font-weight: bold; } .header_02 a { padding: 0 0 5px 0; font-size: 12px; font-weight: bold; color: #fbbc53; } .header_03 { padding: 0; font-size: 11px; color: #ffffff; font-weight: bold; } .rc_btn_01 a { clear: both; float: right; display: block; width: 100px; height: 25px; padding: 5px 0 0 0; font-size: 12px; text-align: center; color: #ffffff; font-weight: bold; text-decoration: none; border: none; background: url(http://www.templatemo.com/templates/templatemo_110_lin_photo/images/templatemo_button_01.jpg) no-repeat; } #templatemo_container { width: 960px; margin: 0 auto; padding: 0 10px; background: url(http://www.templatemo.com/templates/templatemo_110_lin_photo/images/templatemo_container_bg.png) repeat-y; } #templatemo_banner { width: 960px; height: 149px; margin: 0 auto; background: url(http://www.templatemo.com/templates/templatemo_110_lin_photo/images/templatemo_banner_bg.jpg) no-repeat; } #templatemo_banner #logo { float: left; margin: 30px 0 0 40px; width: 303px; height: 114px; background: url(http://www.templatemo.com/templates/templatemo_110_lin_photo/images/templatemo_logo.png) no-repeat; } #search_section { float: right; margin: 100px 20px 0 0; } #search_section form { float: right; margin: 0px; padding: 0px; } #searchfield { height: 16px; width: 180px; padding: 5px; margin: 0px; color: #ffffff; font-size: 12px; font-variant: normal; line-height: normal; background: #af1313; border: 1px solid #000000; } #searchbutton { height: 29px; margin: 0px; padding: 4px 6px 6px 6px; cursor: pointer; font-size: 12px; text-align: center; vertical-align: bottom; white-space: pre; color: #ffffff; background: none; border: 1px solid #000000; } /* menu */ #templatemo_menu { clear: both; width: 960px; height: 42px; background: url(http://www.templatemo.com/templates/templatemo_110_lin_photo/images/templatemo_menu_bg.jpg) repeat-x; } #templatemo_menu ul { float: left; margin: 0px; padding: 0 0 0 20px; list-style: none; } #templatemo_menu ul li { margin: 0px; padding: 0px; display: inline; } #templatemo_menu ul li a { position: relative; float: left; display: inline-block; height: 30px; width: 130px; margin-right: 10px; text-align: center; padding: 12px 0 0 0; font-size: 13px; font-weight: bold; text-decoration: none; color: #ffffff; outline: none; } #templatemo_menu li a:hover, #templatemo_menu li .current { position: relative; color: #ffffff; background: url(http://www.templatemo.com/templates/templatemo_110_lin_photo/images/templatemo_menu_hover_right.jpg) top right no-repeat; } #templatemo_menu li a:hover span, #templatemo_menu li .current span { position: absolute; display: inline-block; width: 15px; height: 42px; top: 0; left: 0; background: url(http://www.templatemo.com/templates/templatemo_110_lin_photo/images/templatemo_menu_hover_left.jpg) no-repeat; } /* end of menu */ /* content */ #templatemo_content { padding: 0 20px; } .column_w210 { padding: 0 20px; margin-top: 40px; width: 185px; /* width 205 */ } .column_w430 { padding: 0 20px; margin-top: 40px; width: 430px; /* width 470 */ } .column_w920 { width: 880px; padding: 0 20px; } .column_w190 { width: 190px; } .column_w430 p { text-align: justify; margin-bottom: 15px; } .latest_news { clear: both; padding-bottom: 10px; } .category_list { margin: 0px; padding: 0px; list-style: none; } .category_list li { display: inline-block; height: 20px; padding: 6px 0 0 25px; margin: 0 0 5px 0; background: url(http://www.templatemo.com/templates/templatemo_110_lin_photo/images/templatemo_list_icon.jpg) top left no-repeat; } .category_list li a { color: #cccccc; text-decoration: none; font-size: 13px; font-weight: bold; } .category_list li a:hover { color: #fcdd31; } /* end of content */ /* footer */ #templatemo_footer { clear: both; width: 960px; padding: 20px 0 20px 0; text-align: center; border-top: 1px solid #8b8a8b; background: #343233 url(http://www.templatemo.com/templates/templatemo_110_lin_photo/images/templatemo_footer.jpg) no-repeat; } .footer_list { margin: 0px; padding: 0px; list-style: none; } .footer_list li { padding: 0 10px; display: inline; border-right: 1px solid #cccccc; } .footer_list li a { color: #cccccc; text-decoration: none; } .footer_list li a:hover { color: #fcdd31; } .footer_list .last { border-right: none; } /* end of footer */

ARABA TEMASI

TASARIM ÜSTÜ
<style type="text/css">body {background-image: url(http://1.bp.blogspot.com/_imV3RIQP_88/Sa4ytb5H86I/AAAAAAAAAKE/F8w4d_EBA0Y/s320/zemin.jpg);} </style> <div id="templatemo_container">  <div id="templatemo_header"> <div id="website_title"> </div> </div>  <div id="templatemo_menu"> <ul> <li><a href="#" _fcksavedurl="#" class="current">Home</a></li> <li><a href="#" _fcksavedurl="#">Services</a></li> <li><a href="#" _fcksavedurl="#">Showroom</a></li> <li><a href="#" _fcksavedurl="#">Awards</a></li> <li><a href="#" _fcksavedurl="#">Gallery</a></li> <li><a href="#" _fcksavedurl="#" class="last">Contact</a></li> </ul> </div>  <div id="templatemo_content_wrapper"> <div id="templatemo_content">

TASARIM ALTI
</div>  <div id="templatemo_footer"> www.kaynakkodum.tr.gg </div>  </div> 
CSS

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;} //* CSS Credit: http://www.templatemo.com */ body { margin: 0; padding: 0; line-height: 1.5em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #989898; background: #000000; } a:link, a:visited { color: #edad0f; text-decoration: none; font-weight: normal; } a:active, a:hover { color: #edad0f; text-decoration: underline; } .cleaner { clear: both; width: 100%; height: 1px; font-size: 1px; } p { margin: 0px; padding: 0px; } img { margin: 0px; padding: 0px; border: none; } .cleaner_w10 { float: left; width: 10px; height: 100%; font-size: 1px; } .cleaner_h10 { clear: both; width: 100%; height: 10px; font-size: 1px; } .cleaner_h20 { clear: both; width: 100%; height: 20px; font-size: 1px; } .cleaner_h30 { clear: both; width: 100%; height: 30px; font-size: 1px; } .cleaner_h40 { clear: both; width: 100%; height: 40px; font-size: 1px; } .cleaner_w50 { float: left; width: 50px; height: 1px; font-size: 1px; } .horizontal_divider_01 { clear: both; width: 100%; height: 2px; font-size: 1px; background: url(http://www.templatemo.com/templates/templatemo_123_car/images/templatemo_horizontal_divider.jpg) repeat-x; } .rc_btn_01 a { float: left; clear: both; display: block; width: 100px; height: 22px; padding: 4px 0 0 10px; background: url(http://www.templatemo.com/templates/templatemo_123_car/images/tempatemo_button_01.jpg) no-repeat; color: #000000; font-size: 14px; font-weight: bold; text-decoration: none; } .rc_btn_01 a:hover { color: #996600; } #templatemo_container { width: 900px; margin: 0 auto; padding: 0 30px 10px 30px; } #templatemo_header { width: 900px; height: 178px; margin: 0px; padding: 0px; background: url(http://www.templatemo.com/templates/templatemo_123_car/images/templatemo_banner.jpg) no-repeat; } #templatemo_header #website_title { width: 900px; padding: 100px 0 0 0; text-align: center; } #website_title #title { font-size: 50px; font-weight: bold; color: #ffffff; margin-bottom: 15px; } #website_title #salgon { clear: both; font-size: 18px; font-weight: bold; color:#cccccc; } /* banner */ #templatemo_menu{ float: left; width: 900px; height: 70px; background: url(http://www.templatemo.com/templates/templatemo_123_car/images/templatemo_menu_bg.jpg) no-repeat; } #templatemo_menu ul { width: 600px; margin: 26px 0 0 160px; padding: 0px; list-style: none; } #templatemo_menu ul li{ display: inline; } #templatemo_menu ul li a{ float: left; padding: 0 20px; font-size: 14px; text-align: center; text-decoration: none; background: url(http://www.templatemo.com/templates/templatemo_123_car/images/templatemo_menu_divider.gif) top right repeat-y; color: #ffffff; font-weight: bold; outline: none; } #templatemo_menu li a:hover, #templatemo_menu li .current{ color: #edad0f; } /* end of menu*/ /* end of banner */ /* content */ #templatemo_content_wrapper { clear: both; width: 900px; margin:0 auto; background: url(http://www.templatemo.com/templates/templatemo_123_car/images/templatemo_content_repeat.jpg) repeat-y; } #templatemo_content { padding: 50px 100px 0 100px; background: url(http://www.templatemo.com/templates/templatemo_123_car/images/templatemo_content_top.jpg) top center no-repeat; } #templatemo_content img{ float: left; margin: 3px 15px 5px 0; border: 5px solid #10100f; } #templatemo_content p{ text-align: justify; margin-bottom: 20px; } #templatemo_content .content_title_01{ color: #edad0f; font-size: 24px; padding-bottom: 10px; margin-bottom: 15px; font-weight: bold; } #templatemo_content .content_title_02{ color: #edad0f; font-size: 18px; padding-bottom: 10px; margin-bottom: 15px; font-weight: bold; } #templatemo_content .column_02 { float: left; width: 325px; } #templatemo_content .news_section { padding-left: 30px; background:url(http://www.templatemo.com/templates/templatemo_123_car/images/templatemo_icon_01.jpg) top left no-repeat; } #templatemo_content .column_02 p{ margin-bottom: 0px; } #templatemo_content .column_02 ul { margin: 20px 0 0 30px; padding: 0px; } #templatemo_content .column_02 li { padding: 0 0 5px 0; } #templatemo_content .news_title { font-weight: bold; color: #edad0f; } /* footer */ #templatemo_footer { clear: both; width: 900px; height: 35px; padding-top: 55px; color: #eca90e; text-align: center; background: url(http://www.templatemo.com/templates/templatemo_123_car/images/templatemo_footer.jpg) no-repeat; } #templatemo_footer a{ color: #eca90e; font-weight: bold; } /* end of footer */

AŞK TEMASI

TASARIM ÜSTÜ

<div id="header"> <div id="logo"> <h1><a href="#" _fcksavedurl="#">Valentine</a></h1> <h4>By Free CSS Templates</h4> </div> <div id="menu"> <ul> <li class="first"><a href="#" _fcksavedurl="#" accesskey="1" title="">Home</a></li> <li><a href="#" _fcksavedurl="#" accesskey="2" title="">Articles</a></li> <li><a href="#" _fcksavedurl="#" accesskey="3" title="">Blogs</a></li> <li><a href="#" _fcksavedurl="#" accesskey="4" title="">About Us</a></li> <li><a href="#" _fcksavedurl="#" accesskey="5" title="">Contacts</a></li> <li><a href="#" _fcksavedurl="#" accesskey="6" title="">RSS</a></li> </ul> <div id="search"> <form method="get" action=""> <fieldset> <input id="s" name="s" value="" type="text"> <input id="x" value="GO" type="submit"> </fieldset> </form> </div> </div> </div> <hr>  <div id="page"> <div id="pagecontent"> <div class="post"> <h4 class="title">HackeR FrienD.Net</h4> <div class="entry">

TASARIM ALTI

</div> <p class="meta"><a href="#" _fcksavedurl="#">Z.Defteri</a> | <a href="#" _fcksavedurl="#">İletişim</a></p> </div> <div class="post"> <h4 class="title">Linkler</h4> <div class="entry">Buraya link ekleyebilirsiniz...</div> <p class="meta">Bilgi Güçtür, Paylaştıkça Büyür!</p> </div> </div>   <div id="sidebar"> <ul> <li> <h4>Categories</h4> <ul> <li><a href="#" _fcksavedurl="#">Aliquam libero</a></li> <li><a href="#" _fcksavedurl="#">Consectetuer elit</a></li> <li><a href="#" _fcksavedurl="#">Metus pellentesque</a></li> <li><a href="#" _fcksavedurl="#">Suspendisse mauris</a></li> <li><a href="#" _fcksavedurl="#">Urnanet molestie semper</a></li> <li><a href="#" _fcksavedurl="#">Proin orci porttitor</a></li> </ul> </li> <li> <h4>Archives</h4> <ul> <li><a href="#" _fcksavedurl="#">September</a> (23)</li> <li><a href="#" _fcksavedurl="#">August</a> (31)</li> <li><a href="#" _fcksavedurl="#">July</a> (31)</li> <li><a href="#" _fcksavedurl="#">June</a> (30)</li> <li><a href="#" _fcksavedurl="#">May</a> (31)</li> </ul> </li> <li> <h4>Lorem ipsum dolor </h4> <ul> <li><a href="#" _fcksavedurl="#">Aliquam libero</a></li> <li><a href="#" _fcksavedurl="#">Consectetuer elit</a></li> <li><a href="#" _fcksavedurl="#">Metus pellentesque</a></li> <li><a href="#" _fcksavedurl="#">Suspendisse mauris</a></li> <li><a href="#" _fcksavedurl="#">Urnanet molestie semper</a></li> <li><a href="#" _fcksavedurl="#">Proin orci porttitor</a></li> </ul> </li> </ul> </div>  <div style="clear: both;"> </div> </div>  <div id="footer"> <p class="legal">Copyright (c) 2007 Website Name. All rights reserved.</p> <p class="credit">Designed by <a href="http://www.freecsstemplates.org/" _fcksavedurl="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p> </div>

LATİNE GİRL DESİGN

TASARIM ÜSTÜ

<div id="top_with_search"> <div class="pathway"> <div class="only_path"> <span class="pathway">Joomla Hosting </span> </div> <table class="moduletable" cellpadding="0" cellspacing="0"> <tbody><tr> <td> <form action="index.php" method="post"> <div class="search" align="left"> <input alt="search" class="inputbox" name="searchword" size="20" value="search..." onblur_fckprotectedatt="%20onblur%3D%22if(this.value%3D%3D'')%20this.value%3D'search...'%3B%22" onfocus_fckprotectedatt="%20onfocus%3D%22if(this.value%3D%3D'search...')%20this.value%3D''%3B%22" type="text"></div> <input name="option" value="search" type="hidden"> </form> </td> </tr> </tbody></table> </div> </div> <div id="headertop"></div> <div id="header"> <div id="image"> <div id="sitename"> <p>Joomla Templates</p> </div> </div> </div> <div id="headerbottom"></div> <div class="center"> <div id="wrapper"> <div id="content"> <div id="leftmenu"> <div class="module"><div><div><div> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody><tr align="left"><td><a href="index.php?option=com_frontpage&Itemid=1" _fcksavedurl="index.php?option=com_frontpage&Itemid=1" class="mainlevel" id="active_menu">Joomla Hosting</a></td></tr> <tr align="left"><td><a href="index.php?option=com_content&task=view&id=25&Itemid=36" _fcksavedurl="index.php?option=com_content&task=view&id=25&Itemid=36" class="mainlevel">Joomla Tutorial</a></td></tr> <tr align="left"><td><a href="index.php?option=com_content&task=view&id=26&Itemid=37" _fcksavedurl="index.php?option=com_content&task=view&id=26&Itemid=37" class="mainlevel">Joomla Templates</a></td></tr> <tr align="left"><td><a href="index.php?option=com_content&task=view&id=27&Itemid=38" _fcksavedurl="index.php?option=com_content&task=view&id=27&Itemid=38" class="mainlevel">Joomla Extensions</a></td></tr> </tbody></table> </div></div></div></div> <div class="module"><div><div><div><h3>Template Chooser</h3> <img src="templates/siteground89/template_thumbnail.png" _fcksavedurl="templates/siteground89/template_thumbnail.png" name="preview" alt="siteground89" width="140" border="1" height="90"> <script language="JavaScript1.2" type="text/javascript">  </script> <br><br> </div></div></div></div> <table class="moduletable" cellpadding="0" cellspacing="0"> <tbody><tr> <td> <p align="center"> <a href="http://www.siteground.com/joomla-hosting.htm" _fcksavedurl="http://www.siteground.com/joomla-hosting.htm"><img src="http://www.siteground.com/img/banners_templates/120x60joomla.gif" _fcksavedurl="http://www.siteground.com/img/banners_templates/120x60joomla.gif" alt="Joomla hosting" title="Joomla hosting" border="0"></a> </p> </td> </tr> </tbody></table> <div style="margin: 0pt auto; width: 137px; text-align: center;"> <br> <table style="width: 137px; text-align: center;" cellpadding="0" cellspacing="0"> <tbody><tr> <td><font class="sgf1">Designed by:</font></td> </tr> </tbody></table> <table style="border: medium none ; width: 137px; height: 16px; text-align: center;" cellpadding="0" cellspacing="0"> <tbody><tr> <td><img src="http://www.joomla.siteground.com/templates/siteground89/images/banner_01.jpg" _fcksavedurl="http://www.joomla.siteground.com/templates/siteground89/images/banner_01.jpg" alt="SiteGround web hosting" title="SiteGround web hosting" width="28" border="0" height="16"></td> <td width="2" height="16"></td> <td width="107" align="center" background="http://www.joomla.siteground.com/templates/siteground89/images/banner_02.jpg" height="16"> <a href="http://www.siteground.com/joomla-hosting/joomla-templates.htm" _fcksavedurl="http://www.siteground.com/joomla-hosting/joomla-templates.htm" target="_blank" style="font-size: 10px; font-family: Verdana,Arial,Helvetica,sans-serif; color: rgb(51, 51, 51); text-decoration: none; font-weight: normal;">Joomla Templates</a> </td> </tr> </tbody></table> </div> </div> <div id="main"> <div style="margin: 10px auto 20px; text-align: center;"> <a href="http://www.siteground.com/joomla-hosting.htm?referrerid=113594" _fcksavedurl="http://www.siteground.com/joomla-hosting.htm?referrerid=113594"><img src="joomla10_banner.gif" _fcksavedurl="joomla10_banner.gif" alt="Joomla Hosting!" style="border: medium none ;"></a> </div> <table class="blog" cellpadding="0" cellspacing="0"><tbody><tr><td valign="top"><div> <table class="contentpaneopen"> <tbody><tr> <td class="contentheading" width="100%"> HackeR FrienD.Net </td> </tr> </tbody></table> <table class="contentpaneopen"> <tbody><tr> <td colspan="2" valign="top" width="70%" align="left"> <span class="small"> Bilgi Güçtür, Paylaştıkça Büyür</span> </td> </tr> <tr> <td colspan="2" valign="top"><br/> <p>

TASARIM ALTI

</p> <ul> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> </td> </tr> <tr> <td colspan="2" class="modifydate" align="center"> <a href="#" _fcksavedurl="#">Z.Defteri</a> <a href="#" _fcksavedurl="#">İletişim</a> </td> </tr> </tbody></table> </div></td></tr><tr><td valign="top"><table width="100%" cellpadding="0" cellspacing="0"><tbody><tr><td valign="top" width="50%"></td><td valign="top" width="50%"></td></tr></tbody></table></td></tr><tr><td valign="top"><div class="blog_more"> <div></div> <ul> <li></li> <li></li> <li></li> </ul> </div></td></tr></tbody></table> </div> <div id="rightmenu"> <div class="module"><div><div><div><h3>Polls</h3> <form name="form2" method="post" action="index.php?option=com_poll&Itemid=1"> <table width="95%" align="center" border="0" cellpadding="1" cellspacing="0"> <tbody><tr> <td colspan="2" class="poll"><b>The most influential person in technology in the last 25 years is...</b></td> </tr> <tr> <td align="center"> <table class="pollstableborder" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td class="sectiontableentry2" valign="top"><input name="voteid" id="voteid13" value="13" alt="13" type="radio"></td> <td class="sectiontableentry2" valign="top"><label for="voteid13">Steve Jobs</label></td> </tr> <tr> <td class="sectiontableentry1" valign="top"><input name="voteid" id="voteid14" value="14" alt="14" type="radio"></td> <td class="sectiontableentry1" valign="top"><label for="voteid14">Bill Gates</label></td> </tr> <tr> <td class="sectiontableentry2" valign="top"><input name="voteid" id="voteid15" value="15" alt="15" type="radio"></td> <td class="sectiontableentry2" valign="top"><label for="voteid15">Linus Torvalds</label></td> </tr> <tr> <td class="sectiontableentry1" valign="top"><input name="voteid" id="voteid16" value="16" alt="16" type="radio"></td> <td class="sectiontableentry1" valign="top"><label for="voteid16">Tim Berners-Lee</label></td> </tr> <tr> <td class="sectiontableentry2" valign="top"><input name="voteid" id="voteid17" value="17" alt="17" type="radio"></td> <td class="sectiontableentry2" valign="top"><label for="voteid17">Scott Adams</label></td> </tr> </tbody></table> </td> </tr> <tr> <td colspan="2" align="center"> <input name="task_button" class="button" value="Vote" type="submit"> <input name="option" class="button" value="Results" onclick_fckprotectedatt="%20onclick%3D%22document.location.href%3D'index.php%3Foption%3Dcom_poll%26task%3Dresults%26id%3D15'%3B%22" type="button"> </td> </tr> </tbody></table> <input name="id" value="15" type="hidden"> <input name="task" value="vote" type="hidden"> </form> </div></div></div></div> <div class="module"><div><div><div><h3>Who's Online</h3> We have 49 guests online </div></div></div></div> </div> <div class="clr"></div> </div> </div> <div class="clr"></div> </div> <div id="content_bottom"></div> <div id="footer"> <p class="copyright"> http://www.joomla.siteground.com, Powered by <a href="http://joomla.org/" _fcksavedurl="http://joomla.org/" class="sgfooter" target="_blank">Joomla!</a> and designed by SiteGround <a href="http://www.siteground.com/" _fcksavedurl="http://www.siteground.com/" target="_blank" class="sgfooter">web hosting</a> </p> </div>

CSS

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;} body { font-family: Tahoma, Verdana, sans-serif; line-height: 1.3em; margin: 0; padding: 0; font-size: 12px; color: #000; background: #f3f2e7; text-align: center; } .clr { clear: both; } body.contentpane { background: #FEFEFE; text-align: left; } body.contentpane .contentpaneopen { width: 97%; } body.contentpane .contentpaneopen .contentheading { } .moduletable { margin: 0 auto; } select.button { width: auto; padding: 0; } td { font-family: Tahoma, Verdana, sans-serif; color: #000; font-size: 11px; } .sectiontableentry1 { background: #eae8d8; } .sectiontableentry2 { color: #666; } ul { margin: 0; padding: 0; list-style: none; } li{ line-height: 20px; padding-left: 12px; padding-top: 0px; } a:link, a:visited { text-decoration: underline; font-weight: bold; color: #5b4848; outline: none; font-size: 11px; } a:hover { text-decoration: none; font-weight: bold; color: #5b4848; font-size: 11px; } p { margin-top: 0; margin-bottom: 5px; text-align: justify; } .center { text-align: center; margin: 0 auto; padding: 0; width: 906px; } div#wrapper { margin: 0 auto; width: 906px; text-align: left; background: url(http://www.joomla.siteground.com/templates/siteground89/images/content.jpg) top center repeat-y; } #area { padding: 0; margin: 0 auto; text-align: center; } .pathway table.moduletable form { margin: 0; padding: 0; } .pathway table.moduletable { margin: 0; padding: 0; } .search { padding: 10px 0 0 42px; float: left; } .search .inputbox { background: transparent url(http://www.joomla.siteground.com/templates/siteground89/images/search_field.jpg) top center no-repeat; width: 136px; height: 14px; font-size: 10px; color: #666; padding: 1px 2px; border: none; } .search .button { background: transparent url(http://www.joomla.siteground.com/templates/siteground89/images/searchbut.jpg) top center no-repeat; width: 51px; height: 16px; color: #453f33; border: none; padding: 0 4px; margin: 0 0 0 4px; text-align: center; font-family: Georgia, serif; font-size: 10px; text-transform: uppercase; line-height: 14px; } #top { background: url(http://www.joomla.siteground.com/templates/siteground89/images/top.jpg) top center no-repeat; margin: 0 auto; width: 970px; height: 41px; } #top_with_search { background: url(http://www.joomla.siteground.com/templates/siteground89/images/top_with_search.jpg) top center no-repeat; margin: 0 auto; width: 946px; height: 67px; } #top_without_search { background: url(http://www.joomla.siteground.com/templates/siteground89/images/top_without_search.jpg) top center no-repeat; margin: 0 auto; width: 946px; height: 67px; } .pathway { font-family: Georgia, Tahoma, serif; padding: 36px 0 0 0px; text-align: left; margin: 0 auto; } .only_path { width: 670px; height: 36px; float: left; } span.pathway { color: #5b4848; display: block; padding: 10px 0 0 34px; font-size: 11px; font-weight: bold; width: 636px; float: left; } span.pathway a { text-decoration: underline; } span.pathway a:hover { text-decoration: none; } .pathway span img { height: 5px; padding: 0 0 1px 0; } #headertop { background: url(http://www.joomla.siteground.com/templates/siteground89/images/headertop.jpg) top center no-repeat; width: 946px; height: 6px; margin: 0 auto; font-size: 0; } #header { background: url(http://www.joomla.siteground.com/templates/siteground89/images/header.jpg) top center repeat-y; margin: 0 auto; width: 946px; } #image { background: url(http://www.joomla.siteground.com/templates/siteground89/images/headerimg.jpg) top center no-repeat; width: 928px; height: 208px; margin: 0 auto; text-align: left; } #headerbottom { background: url(http://www.joomla.siteground.com/templates/siteground89/images/headerbottom.jpg) top center no-repeat; margin: 0 auto; height: 9px; width: 946px; font-size: 0; } .maintable { margin: 0 auto; width: 906px; text-align: left; } #sitename { padding: 120px 0 0 90px; text-align: left; width: 600px; } #sitename p { font-weight: normal; font-family: Georgia, Verdana, Arial, sans-serif; font-size: 20px; padding: 0; margin: 0; letter-spacing: 1px; color: #f0f0f0; text-decoration: none; outline: none; line-height: 20px; } #menucenter { text-align: left; margin: 0 auto; padding: 0; background: url(http://www.joomla.siteground.com/templates/siteground89/images/menu.jpg) top center no-repeat; width: 970px; height: 29px; } #menucenter .menu_m { float: left; padding: 0; margin: 0; } #topnavi{ } #topnavi ul { margin: 0; padding: 0 28px; list-style: none; } #topnavi ul li { float: left; margin: 0; padding: 0; height: 29px; background: url(http://www.joomla.siteground.com/templates/siteground89/images/menu_li.jpg) bottom right no-repeat; } #topnavi ul li a{ font-family: Verdana, Tahoma, sans-serif; font-size: 12px; float: left; display: block; line-height: 26px; padding: 0 10px; color: #999; text-decoration: none; font-weight: normal; text-transform: lowercase; height: 29px; } #topnavi ul li a:hover,#topnavi ul li a.current{ color: #666; cursor: pointer; } #topnavi ul li a span{ } #topnavi ul li a:hover span,#topnavi ul li a.current span { } #leftmenu, #rightmenu { margin: 0; width: 180px; float: left; text-align: left; padding: 0; } #main { float: left; width: 494px; padding: 0 6px; text-align: left; } #main_full { float: left; width: 666px; padding: 0 0 0 10px; text-align: left; } #pagecontent { width: 866px; margin: 0 auto; text-align: center; padding: 10px 20px 10px 20px; } #content_bottom { background: url(http://www.joomla.siteground.com/templates/siteground89/images/content_bottom.jpg) top center no-repeat; height: 10px; } #footer { margin: 0 auto; width: 906px; height: 10px; text-align: center; vertical-align: top; padding: 10px 0; } a.mainlevel:link, a.mainlevel:visited { font-family: Georgia, Verdana, serif; line-height: 20px; padding: 0 0 0 14px; text-decoration: none; color: #333; font-weight: normal; font-size: 11px; background: url(http://www.joomla.siteground.com/templates/siteground89/images/menu_row.jpg) bottom left no-repeat; margin: 0; height: 20px; display: block; } a#active_menu.mainlevel:link, a#active_menu.mainlevel:visited { color: #000; } a#active_menu.sublevel:link, a#active_menu.sublevel:visited { color: #000; } a.mainlevel:hover { color: #000; } a.sublevel:link, a.sublevel:visited { font-family: Georgia, Verdana, serif; text-decoration: none; color: #333; margin: 0; font-size: 11px; background: url(http://www.joomla.siteground.com/templates/siteground89/images/submenu_row.jpg) center left no-repeat; font-weight: normal; display: block; line-height: 20px; padding: 0 0 0 24px; border: none; height: 20px; display: block; text-align: left; } a.sublevel:hover { color: #000; } table.contentpaneopen { margin: 2px 8px; border-spacing: 0; padding: 0; border-collapse: collapse; text-align: justify; } #header table.contentpaneopen { margin: 2px 0; border-spacing: 0; padding: 0; border-collapse: collapse; text-align: justify; } table.contentpaneopen td.contentheading { color: #333333; font-family: Tahoma,Arial,sans-serif; font-size: 12px; font-weight: bold; padding: 0; text-align: left; vertical-align: middle; } .button { color: #453f33; font-size: 10px; border: 1px solid #cbc8b5; background: url(http://www.joomla.siteground.com/templates/siteground89/images/button_bg.jpg) top center repeat-x; } .inputbox { border: 1px solid #555; color: #333; padding: 2px; } input[type="checkbox"] { border: none; } .copyright { color: #555; font-family: Tahoma, Verdana, sans-serif; font-size: 11px; padding: 0; margin: 0 23px; text-align: center; } .back_button { float: left; text-align: center; font-size: 11px; font-weight: normal; width: auto; padding: 0px 10px; line-height: 20px; margin: 10px 0 50px 0; } .componentheading { height: 22px; padding: 8px 0 0 10px; font-family: Tahoma, Arial, sans-serif; font-size: 14px; margin: 0; text-align: left; color: #555; } .wrapper { width: 670px; height: 550px; } .module div div div h3 { color: #666; font-family: Georgia, Verdana, Tahoma, Arial, sans-serif; font-size: 14px; text-align: left; height: 30px; text-decoration: none; padding: 0 0 4px 10px; background: url(http://www.joomla.siteground.com/templates/siteground89/images/h3.jpg) top center no-repeat; font-weight: normal; line-height: 31px; margin: 0; text-transform: uppercase; } .module { padding: 0; margin: 0; } .module div { padding: 0; margin: 0 0 14px 0; } .module div div { margin:0; width: 100%; padding: 0; } .module div div div { margin:0; padding: 0 0 4px 0; text-align: center; } .module div div div div{ border: none; padding: 0; margin: 0; } .module div div div table { margin: 4px 0 0 0; padding: 0 3px; list-style: none; background: none; } .module div div div div { padding: 0 0 1px 0; background: none; } .module div div div div.syndicate { margin: 0; padding: 10px 0; } .module div div div form { padding: 0; margin: 0; text-align: center; } .module div div div form table { padding: 0 10px; width: 100%; text-align: left; } /* footer links*/ a.sgfooter:link, a.sgfooter:visited { color: #555; font-size: 11px; font-family: Tahoma, Verdana, sans-serif; text-decoration: none; font-weight: normal; } a.sgfooter:hover { color: #555; font-size: 11px; font-family: Tahoma, Verdana, sans-serif; text-decoration: none; font-weight: normal; } /**/ /*banner*/ .sgf { font-size: 11px; font-family: Tahoma, Verdana, sans-serif; color: #555; text-decoration: none; } .sgf1 { font-size: 11px; font-family: Tahoma, Verdana, sans-serif; color: #555; text-align: left; } a.sglink:link, a.sglink:visited { color: #FFF; font-size: 11px; font-family: Tahoma, Verdana, sans-serif; text-decoration: none; } a.sglink:hover { text-decoration: none; } a img { border: 0; } .pagenav { font-size:12px; font-weight:normal; } #topnavigation a.topnavigation:link, a.topnavigation:visited { font-family: Tahoma, Verdana, sans-serif; font-size: 10px; font-weight: normal; letter-spacing : 1px; color: #fefefe; padding-right:5px; text-decoration:none; } #topnavigation a.topnavigation:hover { color: #b9f15d; border-bottom: none; text-decoration:none; } #topnavigation a.topnavigation:active { color: #51c0f5; text-decoration:none; } a.toclink:link, a.toclink:visited { line-height:normal; font-size:11px; font-family: Tahoma, Verdana, sans-serif; color: #000000; text-decoration: underline; } a.toclink:hover { text-decoration: none; } table.contenttoc { padding: 2px; margin-left: 2px; margin-bottom: 2px; } table.contenttoc th { color: #333; text-align: left; padding-top: 2px; padding-left: 4px; height: 21px; font-weight: normal; font-size: 11px; text-transform: uppercase; } .sectiontableheader { height: 20px; padding-right:3px; font-weight :normal; } table.contentpane td.contentdescription { font-size:12px; line-height:18px; } table.contentpane td.componentheading { height: 20px; padding: 0 0 3px 0; color: #555; text-align: left; padding-bottom:3px; white-space: nowrap; font-family: Tahoma, Verdana, sans-serif; font-size: 14px; font-weight: normal; } table.contentpane td { padding-top:1px; padding-bottom:2px; font-size:12px; } table.contentpaneopen td { line-height: 14px; font-size: 12px; } .height { height: 100%; } .small { font-size: 10px; color: #555; font-weight: normal; text-align: left; } table.contentpaneopen td.createdate { color: #555555; font-size: 10px; font-weight: normal; height: 20px; padding-top: 0; vertical-align: top; } table.contentpaneopen td.modifydate { color: #555555; font-size: 10px; font-weight: normal; height: 20px; text-align: right; vertical-align: bottom; } table.contentpaneopen td a.readon{ display: block; float: right; line-height: 14px; font-size: 10px; text-decoration: none; padding: 1px 2px 1px 2px; } table.contentpaneopen td a.readon:hover{ color: #333; } h4 { font-size: 10px; text-transform: uppercase; } table.contentpaneopen td.buttonheading { } .pagenav_next, .pagenav_prev { font-size: 12px; color: #666; } 
GRAFFİTİ ART DESİGN

TASARIM ÜSTÜ
<div class="navbar section" id="navbar"><div class="widget Navbar" id="Navbar1"> <iframe src="http://www.blogger.com/navbar.g?targetBlogID=3867710478751214631&blogName=Graffiti+Art&publishMode=PUBLISH_MODE_BLOGSPOT&navbarType=BLUE&layoutType=LAYOUTS&homepageUrl=http%3A%2F%2Fgraffitiart-template.blogspot.com%2F&searchRoot=http%3A%2F%2Fgraffitiart-template.blogspot.com%2Fsearch" marginwidth="0" marginheight="0" id="navbar-iframe" title="Blogger Navigation and Search" scrolling="no" width="100%" frameborder="0" height="30"></iframe> <div></div></div></div> <div id="body_wrap"> <div id="header"> <div id="headerimg"> <div class="blogname section" id="top"><div class="widget Header" id="Header1"> <h1 class="blognam"> <a href="http://graffitiart-template.blogspot.com/" _fcksavedurl="http://graffitiart-template.blogspot.com/">Graffiti Art</a> </h1> <div class="description">Just another Blogger Template...</div> </div></div> <div id="menu-bar"> <ul> <li class="pagenav-home"> <ul> <li class="navlinks"><a href="YOUR-LINK-HERE" _fcksavedurl="YOUR-LINK-HERE">Home</a></li></ul> <ul> <li class="navlinks"><a href="YOUR-LINK-HERE" _fcksavedurl="YOUR-LINK-HERE">About</a></li></ul> <ul> <li class="navlinks"><a href="YOUR-LINK-HERE" _fcksavedurl="YOUR-LINK-HERE">Pictures</a></li></ul> <ul> <li class="navlinks"><a href="YOUR-LINK-HERE" _fcksavedurl="YOUR-LINK-HERE">Videos</a></li></ul> </li> </ul> </div> </div> </div> <div id="page"> <div id="page-body"> <div id="pagecontent"> <div class="content423 section" id="content45"><div class="widget Blog" id="Blog1"> <div class="blog-posts">  <div class="post uncustomized-post-template"> <div class="post-head"> <a name="4358561854827201170"></a> <h2>HackeR FrienD.Net</h2> <div><small class="date">Bilgi Güçtür, Paylaştıkça Büyür!</small> <small class="comment"><span class="comment-icon">Yorum Ekle</span></small></div> </div> <div class="post-header-line-1"></div> <div class="cover"> <div class="entry"> <p></p><div class="text"><p><img class="alignleft" style="float: left;" alt="Ipod" src="http://w3goodies.smaug.cz/wp-content/themes/magazinestyle/images/ipod.jpg" _fcksavedurl="http://w3goodies.smaug.cz/wp-content/themes/magazinestyle/images/ipod.jpg" width="295" height="211"></p><br> <div class="text">

TASARIM ALTI

</div></div> <div style="clear: both;"></div> </div> </div> <div class="postmetadata">Etiketler <span class="category-icon"> <a href="http://graffitiart-template.blogspot.com/search/label/examples" _fcksavedurl="http://graffitiart-template.blogspot.com/search/label/examples" rel="tag">examples</a>, <a href="http://graffitiart-template.blogspot.com/search/label/image" _fcksavedurl="http://graffitiart-template.blogspot.com/search/label/image" rel="tag">image</a>, <a href="http://graffitiart-template.blogspot.com/search/label/ipod" _fcksavedurl="http://graffitiart-template.blogspot.com/search/label/ipod" rel="tag">ipod</a>, <a href="http://graffitiart-template.blogspot.com/search/label/ipsum" _fcksavedurl="http://graffitiart-template.blogspot.com/search/label/ipsum" rel="tag">ipsum</a>, <a href="http://graffitiart-template.blogspot.com/search/label/lorem" _fcksavedurl="http://graffitiart-template.blogspot.com/search/label/lorem" rel="tag">lorem</a>, <a href="http://graffitiart-template.blogspot.com/search/label/post" _fcksavedurl="http://graffitiart-template.blogspot.com/search/label/post" rel="tag">post</a> </span> <p class="post-footer-line post-footer-line-1"> <span class="post-backlinks post-comment-link"> </span> <span class="post-icons"> </span> </p> <p class="post-footer-line post-footer-line-2"></p> </div> </div> <div class="post uncustomized-post-template"> <div class="post-head"></div> <div class="post-header-line-1"></div> <div class="cover"> <div class="entry"><p></p><blockquote>Buraya günün sözü vs. eklenebilir.</blockquote></div> </div> <div class="postmetadata"></div> </div>  </div> <div class="blog-pager" id="blog-pager"> </div> <div class="clear"></div> <div class="blog-feeds"> <div class="feed-links"></div> </div> </div></div> <div class="navigation"> <div class="alignleft"></div> <div class="alignright"></div> </div> </div> <div id="sidebar"> <div id="sidebar1"> <div id="sidebar1-top"></div> <ul> <li><h2 class="subscribe-rss"><a href="http://YOUR-FEED-BURNER-URL.COM" _fcksavedurl="http://YOUR-FEED-BURNER-URL.COM">Subscribe RSS<img alt="Subscribe" src="http://i381.photobucket.com/albums/oo252/two-graffitiart/rss-icon.jpg" _fcksavedurl="http://i381.photobucket.com/albums/oo252/two-graffitiart/rss-icon.jpg"></a></h2></li> <li><h2 class="subscribe-rss">Search</h2> <form action="http://graffitiart-template.blogspot.com/search" id="searchform" method="get"> <div> <input id="s" name="q" value="" type="text"><input id="searchsubmit" value="Search" type="submit"> </div> </form> </li> <div class="sidebar section" id="sidebar"><div class="widget HTML" id="HTML1"> <h2 class="title">About me</h2> <div class="widget-content"> <div align="center"><img alt="About me" src="http://myblogtalk.com/bloggertemplates/buttons/preity.jpg" _fcksavedurl="http://myblogtalk.com/bloggertemplates/buttons/preity.jpg"> </div> </div> <div class="clear"></div> <span class="widget-item-control"> <span class="item-control blog-admin"> <a class="quickedit" href="http://www.blogger.com/rearrange?blogID=3867710478751214631&widgetType=HTML&widgetId=HTML1&action=editWidget" _fcksavedurl="http://www.blogger.com/rearrange?blogID=3867710478751214631&widgetType=HTML&widgetId=HTML1&action=editWidget" onclick_fckprotectedatt="%20onclick%3D'return%20_WidgetManager._PopupConfig(document.getElementById(%22HTML1%22))%3B'" target="configHTML1" title="Edit"> <img alt="" src="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" _fcksavedurl="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18" height="18"> </a> </span> </span> <div class="clear"></div> </div><div class="widget Label" id="Label1"> <h2>Categories</h2> <div class="widget-content"> <ul> <li> <a dir="ltr" href="http://graffitiart-template.blogspot.com/search/label/blockquotes" _fcksavedurl="http://graffitiart-template.blogspot.com/search/label/blockquotes"> blockquotes </a> <span dir="ltr">(1)</span> </li> <li> <a dir="ltr" href="http://graffitiart-template.blogspot.com/search/label/dolar" _fcksavedurl="http://graffitiart-template.blogspot.com/search/label/dolar"> dolar </a> <span dir="ltr">(1)</span> </li> <li> <a dir="ltr" href="http://graffitiart-template.blogspot.com/search/label/examples" _fcksavedurl="http://graffitiart-template.blogspot.com/search/label/examples"> examples </a> <span dir="ltr">(2)</span> </li> <li> <a dir="ltr" href="http://graffitiart-template.blogspot.com/search/label/galore" _fcksavedurl="http://graffitiart-template.blogspot.com/search/label/galore"> galore </a> <span dir="ltr">(1)</span> </li> <li> <a dir="ltr" href="http://graffitiart-template.blogspot.com/search/label/image" _fcksavedurl="http://graffitiart-template.blogspot.com/search/label/image"> image </a> <span dir="ltr">(1)</span> </li> <li> <a dir="ltr" href="http://graffitiart-template.blogspot.com/search/label/ipod" _fcksavedurl="http://graffitiart-template.blogspot.com/search/label/ipod"> ipod </a> <span dir="ltr">(1)</span> </li> <li> <a dir="ltr" href="http://graffitiart-template.blogspot.com/search/label/ipsum" _fcksavedurl="http://graffitiart-template.blogspot.com/search/label/ipsum"> ipsum </a> <span dir="ltr">(2)</span> </li> <li> <a dir="ltr" href="http://graffitiart-template.blogspot.com/search/label/lorem" _fcksavedurl="http://graffitiart-template.blogspot.com/search/label/lorem"> lorem </a> <span dir="ltr">(2)</span> </li> <li> <a dir="ltr" href="http://graffitiart-template.blogspot.com/search/label/post" _fcksavedurl="http://graffitiart-template.blogspot.com/search/label/post"> post </a> <span dir="ltr">(1)</span> </li> </ul> <div class="clear"></div> <span class="widget-item-control"> <span class="item-control blog-admin"> <a class="quickedit" href="http://www.blogger.com/rearrange?blogID=3867710478751214631&widgetType=Label&widgetId=Label1&action=editWidget" _fcksavedurl="http://www.blogger.com/rearrange?blogID=3867710478751214631&widgetType=Label&widgetId=Label1&action=editWidget" onclick_fckprotectedatt="%20onclick%3D'return%20_WidgetManager._PopupConfig(document.getElementById(%22Label1%22))%3B'" target="configLabel1" title="Edit"> <img alt="" src="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" _fcksavedurl="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18" height="18"> </a> </span> </span> <div class="clear"></div> </div> </div><div class="widget Feed" id="Feed1"> <h2>Previous Posts</h2> <div class="widget-content"> <ul id="Feed1_feedItemListDisplayOld"> <li> <span class="item-title"> <a href="http://bloggertricks.com/2009/01/useful-widgetsadd-ons-tools-for-your.html" _fcksavedurl="http://bloggertricks.com/2009/01/useful-widgetsadd-ons-tools-for-your.html"> Useful Widgets,Add-Ons & Tools for Your Blog,Website </a> </span> </li> <li> <span class="item-title"> <a href="http://bloggertricks.com/2009/01/top-5-ways-to-get-free-one-way.html" _fcksavedurl="http://bloggertricks.com/2009/01/top-5-ways-to-get-free-one-way.html"> Top 5 Ways to get Free One Way Backlinks to your site </a> </span> </li> <li> <span class="item-title"> <a href="http://bloggertricks.com/2009/01/web-hosting-reviews-at_15.html" _fcksavedurl="http://bloggertricks.com/2009/01/web-hosting-reviews-at_15.html"> Web Hosting Reviews at Webhostingsleuth.com </a> </span> </li> <li> <span class="item-title"> <a href="http://bloggertricks.com/2009/01/web-hosting-reviews-at.html" _fcksavedurl="http://bloggertricks.com/2009/01/web-hosting-reviews-at.html"> Web Hosting Reviews at Mybestratedwebhosting.com </a> </span> </li> <li> <span class="item-title"> <a href="http://bloggertricks.com/2009/01/itunes-music-is-now-drm-free-with.html" _fcksavedurl="http://bloggertricks.com/2009/01/itunes-music-is-now-drm-free-with.html"> Itunes Music is now DRM-Free With iPhone 3G Music Downloads </a> </span> </li> </ul> <div class="clear"></div> <span class="widget-item-control"> <span class="item-control blog-admin"> <a class="quickedit" href="http://www.blogger.com/rearrange?blogID=3867710478751214631&widgetType=Feed&widgetId=Feed1&action=editWidget" _fcksavedurl="http://www.blogger.com/rearrange?blogID=3867710478751214631&widgetType=Feed&widgetId=Feed1&action=editWidget" onclick_fckprotectedatt="%20onclick%3D'return%20_WidgetManager._PopupConfig(document.getElementById(%22Feed1%22))%3B'" target="configFeed1" title="Edit"> <img alt="" src="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" _fcksavedurl="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18" height="18"> </a> </span> </span> <div class="clear"></div> </div> </div><div class="widget Text" id="Text1"> <h2 class="title">Text</h2> <div class="widget-content"> This is a sample text.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam.<br> </div> <div class="clear"></div> <span class="widget-item-control"> <span class="item-control blog-admin"> <a class="quickedit" href="http://www.blogger.com/rearrange?blogID=3867710478751214631&widgetType=Text&widgetId=Text1&action=editWidget" _fcksavedurl="http://www.blogger.com/rearrange?blogID=3867710478751214631&widgetType=Text&widgetId=Text1&action=editWidget" onclick_fckprotectedatt="%20onclick%3D'return%20_WidgetManager._PopupConfig(document.getElementById(%22Text1%22))%3B'" target="configText1" title="Edit"> <img alt="" src="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" _fcksavedurl="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18" height="18"> </a> </span> </span> <div class="clear"></div> </div></div> </ul> <div id="sidebar1-bot"></div> </div> </div> </div><div style="clear: both;"></div> </div> <div id="footer"> <div id="footer-top"></div> <div id="footer-bot"> <p> ©<a href="http://www.wpgalaxy.com" _fcksavedurl="http://www.wpgalaxy.com" target="_blank"> Graffiti Art</a> design by <a href="http://www.bloggertricks.com" _fcksavedurl="http://www.bloggertricks.com" target="_blank" title="Free Blogger Templates">Blogger Templates</a> </p> </div> </div> </div> <script type="text/javascript" src="http://www.blogger.com/widgets/461519941-widgets.js"></script> <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript"> _WidgetManager._Init('http://www.blogger.com/rearrange?blogID=3867710478751214631', 'http://graffitiart-template.blogspot.com/','3867710478751214631'); _WidgetManager._SetPageActionUrl('http://www.blogger.com/display?blogID=3867710478751214631', 'M4pVlhFZT3dxdSptptG1cBP2kzI:1234775429270'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'title': 'Graffiti Art', 'pageType': 'index', 'url': 'http://graffitiart-template.blogspot.com/', 'homepageUrl': 'http://graffitiart-template.blogspot.com/', 'pageName': '', 'pageTitle': 'Graffiti Art', 'encoding': 'UTF-8', 'isPrivate': false, 'languageDirection': 'ltr', 'feedLinks': '74link rel7542alternate42 type7542application/atom+xml42 title7542Graffiti Art - Atom42 href7542http://graffitiart-template.blogspot.com/feeds/posts/default42 /76n74link rel7542alternate42 type7542application/rss+xml42 title7542Graffiti Art - RSS42 href7542http://graffitiart-template.blogspot.com/feeds/posts/default?alt75rss42 /76n74link rel7542service.post42 type7542application/atom+xml42 title7542Graffiti Art - Atom42 href7542http://www.blogger.com/feeds/3867710478751214631/posts/default42 /76n74link rel7542EditURI42 type7542application/rsd+xml42 title7542RSD42 href7542http://www.blogger.com/rsd.g?blogID75386771047875121463142 /76', 'meTag': '74link rel7542me42 href7542http://www.blogger.com/profile/0392658654040387281242 /76n', 'openIdOpTag': '74link rel7542openid.server42 href7542http://www.blogger.com/openid-server.g42 /76n', 'latencyHeadScript': '74script type7542text/javascript4276(function() { var a75window;function d(){this.t75{};this.tick75function(b,c){this.t[b]75[(new Date).getTime(),c]};this.tick(42start42)}var e75new d;a.jstiming75{Timer:d,load:e};if(a.external4646a.external.pageT)a.jstiming.pt75a.external.pageT;function f(b){var c750;if(b.offsetParent){do c+75b.offsetTop;while(b75b.offsetParent)}return c}a.tickAboveFold75function(b){f(b)74757504646a.jstiming.load.tick(42aft42)};var g75false;function h(){if(!g){g75true;a.jstiming.load.tick(42firstScrollTime42)}}a.addEventListener?a.addEventListener(42scroll42,h,false):a.attachEvent(42onscroll42,h); })();74/script76'}}]); _WidgetManager._SetSystemMarkup({'layout': {'varName': '', 'template': '74div class7547widget-wrap14776n74div class7547widget-wrap24776n74div class7547widget-wrap34776n74div class7547widget-content4776n74div class7547layout-title477674data:layout-title7674/data:layout-title7674/div76n74a class7547editlink47 expr:href7547data:widget.quickEditUrl47 expr:onclick754746quot;return _WidgetManager._PopupConfig(document.getElementById(46quot;46quot; + data:widget.instanceId + 46quot;46quot;));46quot;47 target7547chooseWidget477674data:edit-link7674/data:edit-link7674/a76n74/div76n74/div76n74/div76n74/div76'}, 'quickedit': {'varName': '', 'template': '74div class7547clear477674/div76n74span class7547widget-item-control4776n74span class7547item-control blog-admin4776n74a class7547quickedit47 expr:href7547data:widget.quickEditUrl47 expr:onclick754746quot;return _WidgetManager._PopupConfig(document.getElementById(46quot;46quot; + data:widget.instanceId + 46quot;46quot;));46quot;47 expr:target754746quot;config46quot; + data:widget.instanceId47 expr:title7547data:edit-link4776n74img alt754747 height75471847 src7547http://img1.blogblog.com/img/icon18_wrench_allbkg.png47 width75471847/76n74/a76n74/span76n74/span76n74div class7547clear477674/div76'}, 'all-head-content': {'varName': 'page', 'template': '74data:blog.latencyHeadScript7674/data:blog.latencyHeadScript76n74meta expr:content754746quot;text/html; charset7546quot; + data:page.encoding47 http-equiv7547Content-Type47/76n74meta content7547true47 name7547MSSmartTagsPreventParsing47/76n74meta content7547blogger47 name7547generator47/76n74link href7547http://www.blogger.com/favicon.ico47 rel7547icon47 type7547image/vnd.microsoft.icon47/76n74data:blog.feedLinks7674/data:blog.feedLinks76n74data:blog.meTag7674/data:blog.meTag76n74data:blog.openIdOpTag7674/data:blog.openIdOpTag76n74b:if cond7547data:page.isPrivate4776n74meta content7547NOINDEX,NOFOLLOW47 name7547robots47/76n74/b:if76'}}); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'sidebar',{'main': {'varName': '', 'template': '74b:if cond7547data:title !75 46quot;46quot;4776n74h2 class7547title477674data:title7674/data:title7674/h276n74/b:if76n74div class7547widget-content4776n74data:content7674/data:content76n74/div76n74b:include name7547quickedit477674/b:include76'}}, document.getElementById('HTML1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label1', 'sidebar',{'main': {'varName': '', 'template': '74b:if cond7547data:title4776n74h27674data:title7674/data:title7674/h276n74/b:if76n74div class7547widget-content4776n74ul76n74b:loop values7547data:labels47 var7547label4776n74li76n74b:if cond7547data:blog.url 7575 data:label.url4776n74span expr:dir7547data:blog.languageDirection4776n74data:label.name7674/data:label.name76n74/span76n74b:else7674/b:else76n74a expr:dir7547data:blog.languageDirection47 expr:href7547data:label.url4776n74data:label.name7674/data:label.name76n74/a76n74/b:if76n74span dir7547ltr4776(74data:label.count7674/data:label.count76)74/span76n74/li76n74/b:loop76n74/ul76n74b:include name7547quickedit477674/b:include76n74/div76'}}, document.getElementById('Label1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_FeedView', new _WidgetInfo('Feed1', 'sidebar',{'main': {'varName': '', 'template': '74h27674data:title7674/data:title7674/h276n74div class7547widget-content4776n74ul expr:id7547data:widget.instanceId + 46quot;_feedItemListDisplayOld46quot;4776n74b:loop values7547data:feedData.items47 var7547i4776n74li76n74span class7547item-title4776n74a expr:href7547data:i.alternate.href4776n74data:i.title7674/data:i.title76n74/a76n74/span76n74b:if cond7547data:showItemDate4776n74b:if cond7547data:i.str_published !75 46quot;46quot;4776n74span class7547item-date4776n 46#160;-46#160;74data:i.str_published7674/data:i.str_published76n74/span76n74/b:if76n74/b:if76n74b:if cond7547data:showItemAuthor4776n74b:if cond7547data:i.author !75 46quot;46quot;4776n74span class7547item-author4776n 46#160;-46#160;74data:i.author7674/data:i.author76n74/span76n74/b:if76n74/b:if76n74/li76n74/b:loop76n74/ul76n74b:include name7547quickedit477674/b:include76n74/div76'}}, document.getElementById('Feed1'), {'title': 'Previous Posts', 'showItemDate': false, 'showItemAuthor': false, 'feedUrl': 'http://feeds.feedburner.com/bloggertricksdotcom', 'numItemsShow': 5, 'loadingMsg': 'Loading...', 'feedData': {'title': 'Blogger Templates', 'items': [{'guid': 'tag:blogger.com,1999:blog-4761536097900421793.post-2619573058163767925', 'title': 'Useful Widgets,Add-Ons 46amp; Tools for Your Blog,Website', 'published': 1233329820, 'updated': 0, 'alternate': {'href': 'http://bloggertricks.com/2009/01/useful-widgetsadd-ons-tools-for-your.html', 'type': 'application/octet-stream'}, 'author': 'noreply@blogger.com (kranthi)', 'summary': 'Adding Widgets, Add-Ons 46amp; tools to your blog is not just a lot of fun for your blog readers, but can also be very useful and help you to create a community for your blog or even a loyal reader base.74br7674br76Here47s a collection of best and most useful blog widgets or add-ons that can be easily integrated with any website/blog. All these below add-ons are 100% Free and they are very easy to install.74br7674br7674a href7542http://www.outbrain.com/4276Outbrain Star Ratings Widget74/a76: Very eager to know what your readers think about your posts?74a href7542http://2.bp.blogspot.com/_Toi-rh0Nm00/SYMhtuq2LTI/AAAAAAAACtU/8lj3lkRtuis/s1600-h/star+ratings.jpg427674img style7542margin:0pt 0pt 10px 10px;float:right;width:101px;height:42px42 src7542http://2.bp.blogspot.com/_Toi-rh0Nm00/SYMhtuq2LTI/AAAAAAAACtU/8lj3lkRtuis/s200/star+ratings.jpg42 alt754242 border75420427674/a7674br76Here is a cool star rating widget by Outbrain. The insttallation is very simple,74br76just follow the step by step instructions 74a href7542http://www.outbrain.com/4276on their site74/a76.74br7674br7674a href7542http://sharethis.com/4276ShareThis74/a76 or 74a href7542http://addthis.com/4276AddThis74/a76 : Sharethis or Addthis social bookmarking 74a href7542http://1.bp.blogspot.com/_Toi-rh0Nm00/SYknRTGkjCI/AAAAAAAACuI/HbeOELZHxCI/s1600-h/share+this.jpg427674img style7542margin:0pt 0pt 10px 10px;float:right;width:200px;height:91px42 src7542http://1.bp.blogspot.com/_Toi-rh0Nm00/SYknRTGkjCI/AAAAAAAACuI/HbeOELZHxCI/s200/share+this.jpg42 alt7542Sharethis social bookmarking button42 border75420427674/a76buttons makes it easy for your visitors to share your content with others. It is a good way to increase your link popularity and publicity. Their nice css dropdown icons reduces the clutter on your pages and eliminates the need to add a different button for each social bookmarking service.74br7674br7674div7674br7674a href7542http://whos.amung.us/4276whos.amung.us74/a76 : This is a real time visitor tracking widget and displays 74a href7542http://2.bp.blogspot.com/_Toi-rh0Nm00/SYkqmUOZJcI/AAAAAAAACuQ/6LXnO0wbCvk/s1600-h/wau-widget.png427674img style7542margin:0pt 0pt 10px 10px;float:right;width:81px;height:29px42 src7542http://2.bp.blogspot.com/_Toi-rh0Nm00/SYkqmUOZJcI/AAAAAAAACuQ/6LXnO0wbCvk/s200/wau-widget.png42 alt7542online visitor tracking widget42 border75420427674/a7674br76the number of people currently on your site and what pages they are74br76reading. You don47t need any sign-up47s to grab this widget.74br7674br7674a href7542http://www.pdfonline.com/web2pdf/index.asp4276Web2PDF Online74/a76 : With this widget installed, your visitors can easily download74a href7542http://2.bp.blogspot.com/_Toi-rh0Nm00/SYksDKjeZiI/AAAAAAAACuY/NkhOtqQrM3U/s1600-h/save_as_pdf.gif427674img style7542margin:0pt 0pt 10px 10px;float:right;width:128px;height:26px42 src7542http://2.bp.blogspot.com/_Toi-rh0Nm00/SYksDKjeZiI/AAAAAAAACuY/NkhOtqQrM3U/s200/save_as_pdf.gif42 alt7542Save Page as PDF42 border75420427674/a7674br76your articles in PDF format with just a click. The downloaded PDF47s are74br76free of any advertising and you can get full access to download stats,etc.74br7674br7674a href7542http://creator.zoho.com/explore/web-form-builder.html4276ZOHO Creator74/a76: With Zoho Creator, you can create professional online74a href7542http://3.bp.blogspot.com/_Toi-rh0Nm00/SYktZc7esFI/AAAAAAAACug/VAZVJoIZ19M/s1600-h/zoho.jpg427674img style7542margin:0pt 0pt 10px 10px;float:right;width:123px;height:56px42 src7542http://3.bp.blogspot.com/_Toi-rh0Nm00/SYktZc7esFI/AAAAAAAACug/VAZVJoIZ19M/s200/zoho.jpg42 alt7542zoho creator42 border75420427674/a7674br76contact forms/web forums in minutes. The good things about this is74br76there are no data limits and readers can also upload attachments while74br76submitting the form.74br7674br7674a href7542http://www.google.com/talk/service/badge/New4276Google Talk Badge74/a76: Google Talk Badge will let your visitors to74a href7542http://3.bp.blogspot.com/_Toi-rh0Nm00/SYkz2jdt4vI/AAAAAAAACuo/mOt-oYsQsLI/s1600-h/google+talk+badge.jpg427674img style7542margin:0pt 0pt 10px 10px;float:right;width:200px;height:63px42 src7542http://3.bp.blogspot.com/_Toi-rh0Nm00/SYkz2jdt4vI/AAAAAAAACuo/mOt-oYsQsLI/s200/google+talk+badge.jpg42 alt7542Google talk badge42 border75420427674/a7674br76chat with you.The badge will active whenever you sign in to74br76Googletalk. The nice thing is your visitors can chat with you even74br76if they don47t have a google account.74br7674br7674a href7542http://mediaplayer.yahoo.com/4276Yahoo Media Player74/a76: With this very useful widget, you can74a href7542http://2.bp.blogspot.com/_Toi-rh0Nm00/SYk1zpqUlwI/AAAAAAAACuw/NiDlQVgDtkQ/s1600-h/media+player.jpg427674img style7542margin:0pt 0pt 10px 10px;float:right;width:200px;height:42px42 src7542http://2.bp.blogspot.com/_Toi-rh0Nm00/SYk1zpqUlwI/AAAAAAAACuw/NiDlQVgDtkQ/s200/media+player.jpg42 alt7542Yahoo media player42 border75420427674/a76 easily add a simple media player to your blog which can auto detect mp3 links and create an embedded player. This tool is very useful for especially audio,music blogs.74br7674br7674a href7542http://1.bp.blogspot.com/_Toi-rh0Nm00/SYk64av4i5I/AAAAAAAACu4/L6-VyVMKoe8/s1600-h/cbox.jpg427674img style7542margin:0pt 0pt 10px 10px;float:right;width:126px;height:86px42 src7542http://1.bp.blogspot.com/_Toi-rh0Nm00/SYk64av4i5I/AAAAAAAACu4/L6-VyVMKoe8/s200/cbox.jpg42 alt7542cbox42 border75420427674/a7674br7674a href7542http://cbox.ws/4276Cbox74/a76: Cbox or Chatbox is a chat widget which can be easily embedded74br76in any web page. It is free and have many features including message74br76history, spam blocking,etc. It can be easily customizable to fit your74br76blog layout.74br7674br7674a href7542http://translate.google.com/translate_tools4276Google Translate74/a76: This widget lets your non-English speaking74a href7542http://3.bp.blogspot.com/_Toi-rh0Nm00/SYk9DvptJZI/AAAAAAAACvA/FDXzYwosCaw/s1600-h/translate.jpg427674img style7542margin:0pt 0pt 10px 10px;float:right;width:182px;height:73px42 src7542http://3.bp.blogspot.com/_Toi-rh0Nm00/SYk9DvptJZI/AAAAAAAACvA/FDXzYwosCaw/s200/translate.jpg42 alt7542Google translate widget42 border75420427674/a7674br76visitors to quickly translate your webpage in their native74br76language with just a single click.74br7674br7674/div76n74p7674a href7542http://feedads.googleadservices.com/~a/fk7JUvjzxVYdx7OG2zkYa48T9DY/a427674img src7542http://feedads.googleadservices.com/~a/fk7JUvjzxVYdx7OG2zkYa48T9DY/i42 border7542042 ismap7674/a7674/p76', 'str_published': 'Jan 30, 2009', 'str_updated': '', 'custom_content': [{'custom_content_id': 'http://www.w3.org/2005/Atom:updated', 'custom_content_value': ['2009-02-03T23:19:07.655-08:00']}, {'custom_content_id': 'http://search.yahoo.com/mrss/:thumbnail', 'custom_content_value': []}, {'custom_content_id': 'http://purl.org/syndication/thread/1.0:total', 'custom_content_value': ['0']}]}, {'guid': 'tag:blogger.com,1999:blog-4761536097900421793.post-3918473177741839953', 'title': 'Top 5 Ways to get Free One Way Backlinks to your site', 'published': 1233069900, 'updated': 0, 'alternate': {'href': 'http://bloggertricks.com/2009/01/top-5-ways-to-get-free-one-way.html', 'type': 'application/octet-stream'}, 'author': 'noreply@blogger.com (kranthi)', 'summary': '74a href7542http://3.bp.blogspot.com/_Toi-rh0Nm00/SX830A9pDxI/AAAAAAAACtM/mQVpQyMxKZE/s1600-h/backlink.jpg427674img style7542margin:0pt 10px 10px 0pt;float:left;width:320px;height:238px42 src7542http://3.bp.blogspot.com/_Toi-rh0Nm00/SX830A9pDxI/AAAAAAAACtM/mQVpQyMxKZE/s320/backlink.jpg42 alt7542How to get Free One Way backlinks to your site42 border75420427674/a7674br76One way backlinks are very critical to any website success. The more one way backlinks pointing to your site, the more your Google Pagerank and the more amount of traffic you will get. This should also increase your sales,etc.74br76But the thing is.. getting the right and quality one way backlinks from high pagerank sites is not an easy task, and in this article, we47ll find out some of the best ways to get free one way backlinks:74br7674br7674span style7542color:rgb(0, 153, 0);font-weight:bold42761.74/span76 Try to write as much quality content as you can... that will encourage the readers to link to your site. The more useful, informative content you post, the more likely people are to link it. But, this method can take a while to really pay off because like all the new websites, you don47t get much traffic.74br7674br7674span style7542color:rgb(0, 153, 0);font-weight:bold42762.74/span76 Write quality articles and submit them to top article directories like ezinearticles and goarticles. The advantage in this is, you47ll not only get a backlink from high pagerank directories, but also you47ll find that your articles are used on other people47s sites with a backlink to your site.74br7674br7674span style7542color:rgb(0, 153, 0);font-weight:bold42763.74/span76 Participate in forums,discussion boards that are related to your website47s niche and add a link to your site in the signature. Make sure that you write quality posts, don47t spam. This will also help you get some decent traffic to your site.74br7674br7674span style7542color:rgb(0, 153, 0);font-weight:bold42764.74/span76 There is absolutely nothing wrong to get a backlink from a related blog post you decide to comment on. This is one of the effective way of one way link building especially if you comment often on blogs. Comment on blogs related to your niche with a link back to your site as your signature.. and Again, make sure you never spam.74br7674br7674span style7542font-weight:bold;color:rgb(0, 153, 0)42765.74/span76 Submit your site link to major, well known web directories. Getting listed in directories related to your site not only bring you tons of targetted traffic, but will also improve your search engine rankings. Some of the popular directories to get listed in are DMOZ directory and Yahoo directory. You can submit your link to both paid and free directories and they worth your time.n74p7674a href7542http://feedads.googleadservices.com/~a/u9zRC8RqgSb1mCQlL47Yo9TE0fE/a427674img src7542http://feedads.googleadservices.com/~a/u9zRC8RqgSb1mCQlL47Yo9TE0fE/i42 border7542042 ismap7674/a7674/p76', 'str_published': 'Jan 27, 2009', 'str_updated': '', 'custom_content': [{'custom_content_id': 'http://www.w3.org/2005/Atom:updated', 'custom_content_value': ['2009-01-27T08:36:00.159-08:00']}, {'custom_content_id': 'http://search.yahoo.com/mrss/:thumbnail', 'custom_content_value': []}, {'custom_content_id': 'http://purl.org/syndication/thread/1.0:total', 'custom_content_value': ['3']}]}, {'guid': 'tag:blogger.com,1999:blog-4761536097900421793.post-977690551090415504', 'title': 'Web Hosting Reviews at Webhostingsleuth.com', 'published': 1232019120, 'updated': 0, 'alternate': {'href': 'http://bloggertricks.com/2009/01/web-hosting-reviews-at_15.html', 'type': 'application/octet-stream'}, 'author': 'noreply@blogger.com (kranthi)', 'summary': 'Are you looking for 74a href7542http://webhostingsleuth.com/196/best-wordpress-hosting4276Best Web Hosting74/a76 providers on the net? There are tons of web hosting companies out there providing you great hosting services with a wide range of hosting plans depending on your budget. Depending on what type of business/website you have, you have to determine the web hosting type you need.74br7674br7674a href7542http://2.bp.blogspot.com/_Toi-rh0Nm00/SXA1llINlOI/AAAAAAAACso/tEKfvrAiddA/s1600-h/webhostingsleuth.jpg427674img style7542margin:0px auto 10px;display:block;text-align:center;width:370px;height:108px42 src7542http://2.bp.blogspot.com/_Toi-rh0Nm00/SXA1llINlOI/AAAAAAAACso/tEKfvrAiddA/s400/webhostingsleuth.jpg42 alt7542Web Hosting Reviews at WebHostingsleuth.com42 border75420427674/a7674br76Before making any decisions in choosing web hosting services and plans, you have to act smartly. Otherwise, you let yourself suffer later on because if you choose a wrong service/plan, it can decrease your sales and customers.74br7674br76Choosing the best web hosting available is not that easy, there are many web hosting providers on the net who claim that they have the best service for you. So, before making any decision, compare all the advantages and disadvantages of the top hosting providers and then make the decision accordingly. So, what do we need is a site which lists all the top web hosting services and rank/review them. Fortunately, my friend referred me a site called 74a href7542http://webhostingsleuth.com/4276Webhostingsleuth.com74/a76. It is a website that is run by experienced guys who know best about hosting your site.74br7674br76So, if you47re about to purchase web hosting.. Don47t forget to visit Webhostingsleuth.com to find out what47s best to you.n74p7674a href7542http://feedads.googleadservices.com/~a/EHFUMVOcZIitAaKkro38lGzDIkA/a427674img src7542http://feedads.googleadservices.com/~a/EHFUMVOcZIitAaKkro38lGzDIkA/i42 border7542042 ismap7674/a7674/p76', 'str_published': 'Jan 15, 2009', 'str_updated': '', 'custom_content': [{'custom_content_id': 'http://www.w3.org/2005/Atom:updated', 'custom_content_value': ['2009-01-16T05:09:54.440-08:00']}, {'custom_content_id': 'http://search.yahoo.com/mrss/:thumbnail', 'custom_content_value': []}, {'custom_content_id': 'http://purl.org/syndication/thread/1.0:total', 'custom_content_value': ['3']}]}, {'guid': 'tag:blogger.com,1999:blog-4761536097900421793.post-3774036968959078681', 'title': 'Web Hosting Reviews at Mybestratedwebhosting.com', 'published': 1231758540, 'updated': 0, 'alternate': {'href': 'http://bloggertricks.com/2009/01/web-hosting-reviews-at.html', 'type': 'application/octet-stream'}, 'author': 'noreply@blogger.com (kranthi)', 'summary': 'Finding a web hosting company is very easy as there are tons of Web Hosting Providers out there on the net. But, before you purchase any hosting plan from any of the hosting providers, you need to know more about the company and their services.74br7674br76So, all you need is a site that lists all the top web hosting companies based on their price,performance,etc. Fortunately, one of my friends recommended me a website that lists all the best web hosting companies based on their current performance,price,bandwidth,disk space,etc... That is Mybestratedwebhosting.com. Their site features the current top 10 web hosts, and they have the best 74a href7542http://www.mybestratedwebhosting.com/4276Web Hosting Reviews74/a76. Ofcourse, there are many similar web hosting review sites on the net, but there are some points which make them different from others.74br7674br7674a href7542http://3.bp.blogspot.com/_Toi-rh0Nm00/SWs4I65m5gI/AAAAAAAACsg/BE3N_iah9VA/s1600-h/web+hosting+reviews.jpg427674img style7542margin:0px auto 10px;display:block;text-align:center;width:394px;height:400px42 src7542http://3.bp.blogspot.com/_Toi-rh0Nm00/SWs4I65m5gI/AAAAAAAACsg/BE3N_iah9VA/s400/web+hosting+reviews.jpg42 alt7542Web hosting reviews42 border75420427674/a7674br76According to their chart, Lunarpages is the best web hosting company out there. I47m personally using Hostmonster and I don47t have any problems with them sofar. Before migrating to Hostmonster, I used Powweb hosting. You can read their 74a href7542http://www.mybestratedwebhosting.com/web-hosting-reviews/hostmonster-review.html4276Hostmonster Reviews74/a76 and 74a href7542http://www.mybestratedwebhosting.com/web-hosting-reviews/powweb-hosting-reviews.html4276Powweb Hosting review74/a76 in their site.n74p7674a href7542http://feedads.googleadservices.com/~a/hn4TXAiNnWNgWp-lnucV5eopouU/a427674img src7542http://feedads.googleadservices.com/~a/hn4TXAiNnWNgWp-lnucV5eopouU/i42 border7542042 ismap7674/a7674/p76', 'str_published': 'Jan 12, 2009', 'str_updated': '', 'custom_content': [{'custom_content_id': 'http://www.w3.org/2005/Atom:updated', 'custom_content_value': ['2009-01-12T04:41:26.000-08:00']}, {'custom_content_id': 'http://search.yahoo.com/mrss/:thumbnail', 'custom_content_value': []}, {'custom_content_id': 'http://purl.org/syndication/thread/1.0:total', 'custom_content_value': ['1']}]}, {'guid': 'tag:blogger.com,1999:blog-4761536097900421793.post-3727057778214975168', 'title': 'Itunes Music is now DRM-Free With iPhone 3G Music Downloads', 'published': 1231298580, 'updated': 0, 'alternate': {'href': 'http://bloggertricks.com/2009/01/itunes-music-is-now-drm-free-with.html', 'type': 'application/octet-stream'}, 'author': 'noreply@blogger.com (kranthi)', 'summary': '74a href7542http://3.bp.blogspot.com/_Toi-rh0Nm00/SWQsmrPurKI/AAAAAAAACp8/3_7DCROWZe8/s1600-h/itunes.jpg427674img style7542margin:0pt 10px 10px 0pt;float:left;width:131px;height:143px42 src7542http://3.bp.blogspot.com/_Toi-rh0Nm00/SWQsmrPurKI/AAAAAAAACp8/3_7DCROWZe8/s200/itunes.jpg42 alt754242 border75420427674/a7674br76Today, at Macworld, Apple announced that iTunes songs are now DRM (Digital Rights Management) free with songs costing $0.99 cents, $0.69 cents and $1.29. The pricing will also be offered in three tiers now, instead of just one.74br7674br76Out of 10 million songs, 80 per cent are available on the music store from major music labels including Sony BMG, Virgin, Warner music, American Recording without DRM in the store, while the remaining two million songs would be made available by this spring.74br7674span7674br76DRM (Digital Rights Management) technology tries to prevent piracy by placing some restrictions on how the customers may use the music they purchase from their store. Apple47s strong FairPlay DRM technology requires a customer to authorize his/her PC to play purchased tracks and they allow only a few computers to be authorized.74br7674br76You can easily upgrade your existing DRMed tracks to DRM-free versions at $0.30 per song while the music videos can be upgraded at $0.60 each. The songs would be high in quality with Apple47s DRM-free 256kbps AAC.74br7674br76Not only that folks, Apple also announced that, from today, iTunes music store would also be available over the mobile phone networks via 3G, as well as over Wi-Fi. There would be no additional fee and all DRM-free at 256kbps AAC.74br7674/span76n74p7674a href7542http://feedads.googleadservices.com/~a/w6fFhe1zJu-Esw5GDMsLk4x0HkQ/a427674img src7542http://feedads.googleadservices.com/~a/w6fFhe1zJu-Esw5GDMsLk4x0HkQ/i42 border7542042 ismap7674/a7674/p76', 'str_published': 'Jan 6, 2009', 'str_updated': '', 'custom_content': [{'custom_content_id': 'http://www.w3.org/2005/Atom:updated', 'custom_content_value': ['2009-01-06T20:28:29.375-08:00']}, {'custom_content_id': 'http://search.yahoo.com/mrss/:thumbnail', 'custom_content_value': []}, {'custom_content_id': 'http://purl.org/syndication/thread/1.0:total', 'custom_content_value': ['2']}]}]}}, 'displayModeFull')); _WidgetManager._RegisterWidget('_TextView', new _WidgetInfo('Text1', 'sidebar',{'main': {'varName': '', 'template': '74b:if cond7547data:title !75 46quot;46quot;4776n74h2 class7547title477674data:title7674/data:title7674/h276n74/b:if76n74div class7547widget-content4776n74data:content7674/data:content76n74/div76n74b:include name7547quickedit477674/b:include76'}}, document.getElementById('Text1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'content45')); _WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar')); _WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'top')); </script>

CSS

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;} /* /* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ Name: Graffiti Art Blogger Template by http://bloggertricks.com URL: http://www.bloggertricks.com Originally it was a wordpress theme by wpgalaxy.com URL: http://www.wpgalaxy.com/ Template released under the Creative Commons Atribution License, PLEASE DO NOT REMOVE THE FOOTER CREDITS +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- */ /*-- (Hiding the navbar) --*/ #navbar-iframe { height:0px; visibility:hidden; display:none } body { margin:0px auto; padding:0px; font-size: 12px; font-family: Verdana, Arial, Georgia, Helvetica, sans-serif; color: #666666; width:770px; position: relative; background: #000 url(http://i381.photobucket.com/albums/oo252/two-graffitiart/body-bg.jpg) no-repeat center top; } #body_wrap { } #page { text-align: left; background-color: #fff; margin:0 auto; } #page-top { background: url(http://i381.photobucket.com/albums/oo252/two-graffitiart/page-top-bg.jpg) bottom no-repeat; } #page-body { background-color: #fff; } #pagecontent { background-color:#fff; background: url(http://i381.photobucket.com/albums/oo252/two-graffitiart/vertical-line.jpg) top right repeat-y; line-height: 1.4em; } #sidebar { background-color:#fff; } .narrowcolumn .entry { line-height: 1.4em; } .narrowcolumn .postmetadata { text-align: left; } .alt { font-family: Georgia, Verdana, Arial, Helvetica, sans-serif; } #footer { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:9px; border: none; } #footer a { color: #3f6067; } small { font-family: Verdana, Arial, Georgia, Helvetica, sans-serif; font-size: 10px; line-height: 1.5em; } h2, h3 { font-family: Arial, Verdana, Sans-Serif, 'Georgia', 'Lucida Grande'; font-weight: normal; } h1 { font-family: Arial, Verdana, Sans-Serif, 'Georgia', 'Lucida Grande'; font-size: 36px; text-align: left; font-weight:normal; } #header #headerimg .description { font-family: Verdana, 'Lucida Grande', Arial, Sans-Serif; font-size: 12px; text-align: left; color:#f4600e; padding-left:18px; height:121px; } h2 { font-size: 20px; } h2.pagetitle { font-size: 20px; } #sidebar h2 { font-family: Arial, Verdana, Sans-Serif, 'Georgia', 'Lucida Grande'; font-size: 20px; margin:0; padding:0px 10px 0px 0px; width:210px; background: url(http://i381.photobucket.com/albums/oo252/two-graffitiart/sidebar-h2-bg.gif) bottom left repeat-x; color:#e30f85; } h3 { font-size: 1.6em; } h1, h1 a, h1 a:hover, h1 a:visited{ text-decoration: none; color: #fff; } h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { color: #009fc6; } h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite { text-decoration: none; } .entry p a:visited { color: #cc6600; } .commentlist li, #commentform input, #commentform textarea { font: 0.9em Verdana, Arial, Sans-Serif; } .commentlist li { font-weight: normal; background:url(http://i381.photobucket.com/albums/oo252/two-graffitiart/comment-post-icon.gif) top left no-repeat; } .commentlist li ul li, .commentlist li ol li { background:none; } .commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; } .commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; } #commentform p { font-family: Verdana, Arial, Georgia, Helvetica, sans-serif; } .commentmetadata { font-weight: normal; } #sidebar { font: 11px Verdana, Arial, Georgia, Helvetica, sans-serif; line-height: 18px; background: #fff; } small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike { color: #666; } code { font: 1.1em 'Courier New', Courier, Fixed; } acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; } a, h2 a:hover, h3 a:hover { color: #3f6067; text-decoration: none; } a:hover { color: #3f6067; text-decoration: underline; } .widget-content{ padding-top:3px; padding-left:6px; padding-right:6px; padding-bottom:3px; } #wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; } #wp-calendar a { text-decoration: none; } #wp-calendar caption { font: bold 1.3em Verdana, Arial, Georgia, Helvetica, sans-serif; text-align: center; } #wp-calendar th { font-style: normal; text-transform: capitalize; } /* End Typography & Colors */ /* Begin Structure */ body { margin: 0 auto; padding: 0; width:770px; min-height:600px; } #body_wrap { margin: 0 auto; padding: 0; } #header { margin: 0 auto; padding: 0; height: 270px; width:770px; } #page { margin: 0 auto; padding: 0; width: 770px; min-height: 500px; padding-top:10px; } #page-body { margin: 0 auto; width: 770px; min-height: 600px; } #pagecontent { float:left; width: 498px; min-height:600px; padding:0; margin:0px 1px 10px 18px; } .narrowcolumn { padding:0; margin:0; } .post { padding:0; margin:0; text-align: justify; font-size:11px; min-height:50px; margin-right:15px; } .post hr { display: block; } .post-head { float:left; padding-bottom: 8px; width:488px; } .post-head h2 { margin: 0px; } .category-icon { background: url(http://i381.photobucket.com/albums/oo252/two-graffitiart/bullet_disk.gif) left center no-repeat; width:14px; height:14px; padding:5px 5px 5px 20px; } .comment-icon { background: url(http://i381.photobucket.com/albums/oo252/two-graffitiart/comments.jpg) left center no-repeat; width:14px; height:15px; padding:5px 5px 5px 20px; } .entry { margin:0; padding-top:1px; background: url(http://i381.photobucket.com/albums/oo252/two-graffitiart/post-divider.jpg) top right repeat-x; } .postmetadata { clear: left; height:28px; width:478px; line-height:2.3em; font-size: 10px; font-family: Verdana, Arial, Georgia, Helvetica, sans-serif;} .postmetadata a { color:#3f6067; } #footer { margin: 0 auto; padding: 0; width:770px; background:#fff; } #footer p { margin: 0; padding-top:10px; text-align: center; color: #787878; } /* End Structure */ /* Begin Headers */ h1 { margin: 0; padding:0; padding-left:18px; padding-top:73px; height:50px; } h2 { margin: 12px 0 10px 0; line-height:30px; } h2.pagetitle { text-align: left; } h3 { padding: 0; margin: 25px 0 0 0; } /* End Headers */ /* Begin http://myblogtalk.com/bloggertemplates/graffitiart/images */ p img { padding: 0; max-width: 100%; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } /* End http://myblogtalk.com/bloggertemplates/graffitiart/images */ html>body .entry ul { margin: 0 20px 15px; padding: 0 0 0 30px; list-style: disc; padding-left: 10px; text-indent: -5px; } html>body .entry li { margin: 7px 0 8px 0px; } .entry ul { margin-left:28px; } .entry ul li { padding:0; padding-left:10px; } .entry ol { padding: 0 0 0 35px; margin: 0; } .entry ol li { margin: 0; padding: 0; } .postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; } #sidebar ul, #sidebar ul ol { margin: 0px; padding: 0px; } #sidebar ul li { list-style-type: none; list-style-image: none; margin-bottom: 10px; } #sidebar ul p, #sidebar ul select { margin: 5px 0 8px; } #sidebar ul ul, #sidebar ul ol { margin: 5px 0 0 3px; } #sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 8px; } ol li, #sidebar ul ol li { list-style: decimal outside; } #sidebar ul ul li, #sidebar ul ol li { margin: 0px 10px 0 25px; padding: 0; list-style-type:disc; color:#666666; } #sidebar ul ul li a {color:#666;} /* End Entry Lists */ /* Begin Form Elements */ #searchform { width: 230px; height:30px; padding:0; margin:0; } #header #searchform #s { width: 170px; } #sidebar #searchsubmit { padding: 1px; } .entry form { /* This is mainly for password protected posts, makes them look better. */ text-align:center; } select { width: 130px; } #commentform { margin:0; padding:0; } #commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; background-color:#ccffcc; border:1px solid #339933; } #commentform textarea { width: 95.5%; padding: 2px; background-color:#ccffcc; border:1px solid #339933; } #commentform #submit { margin: 0; float: right; margin-bottom: 2em; margin-right:16px; } /* End Form Elements */ /* Begin Comments*/ .alt { margin: 0; padding: 10px; } .commentlist { padding: 0; text-align: justify; } .commentlist li { margin: 15px 0 3px; padding: 0px 10px 3px 20px; list-style: none; } .commentlist li ul li { list-style: disc outside; border:0; margin:0; padding:3px; } .commentlist li ol li { list-style: decimal outside; margin:0; border:0; margin-left:4px; padding:0px; } .commentlist p { margin: 10px 5px 10px 25px; } #commentform p { margin: 5px 0; } .nocomments { text-align: center; margin: 0; padding: 0; } .commentmetadata { margin: 0; display: block; } /* End Comments */ /* Begin Sidebar */ #sidebar { float:right; padding: 0; margin:0; width: 228px; min-height: 430px; } #sidebar1 { float:right; width:228px; min-height:100px; } #sidebar form { margin: 0; } #sidebar p { padding:5px 0; color:#333 } #sidebar .subscribe-rss { background: none; margin:0; } #sidebar .rss-feed-a { color:#0099cc; background: url(http://i381.photobucket.com/albums/oo252/two-graffitiart/rss-icon.jpg) right no-repeat; padding-right:30px } /* End Sidebar */ /* Begin Various Tags & Classes */ acronym, abbr, span.caps { cursor: help; } acronym, abbr { border-bottom: 1px dashed #999; } blockquote { margin:0; padding:0; padding-left:50px; min-height:30px; color:#999999; background: #fff url(http://i381.photobucket.com/albums/oo252/two-graffitiart/blockquote-bg.jpg) top left no-repeat; font-style:italic; width:85%; } blockquote blockquote { margin:0; } blockquote cite { margin: 5px 0 0; display: block; } .center { text-align: center; } hr { display: none; } a img { border: none; } .navigation { text-align: center; padding-top: 10px; padding-bottom: 10px; width:485px; } /* End Various Tags & Classes*/ /* PAGE MENU */ #menu-bar { float:left; margin:0; padding:0; width: 700px; line-height:26px; height:29px; padding-left:14px; font-size:10px; } #menu-bar ul { padding:0; margin:0; } .pagenav-home { width: 98px; height:29px; list-style-type:none; padding:0; margin:0; display:inline; } .pagenav { list-style-type:none; } .pagenav h2 { display:none; margin:0; padding:0; } .pagenav ul, .pagenav-home ul { list-style-type:none; float:left; padding:0; margin:0; } .pagenav ul li { padding:0; margin:0; display:inline; } .pagenav ul li a, .pagenav-home ul li a { width:98px; float: left; margin-left:2px; background: #fff url('http://i381.photobucket.com/albums/oo252/two-graffitiart/pagemenu-inactive-bg.jpg') top repeat-x; color:#fff; text-decoration: none; text-align:center; text-transform:uppercase; font-weight:bold; } .pagenav ul li a:hover, .pagenav-home ul li a:hover { background: #fff url('http://i381.photobucket.com/albums/oo252/two-graffitiart/pagemenu-active-bg.jpg') top repeat-x; color:#de5400; } .pagenav ul li.current_page_item a, .pagenav-home ul li.current_page_item a { background: #fff url('http://i381.photobucket.com/albums/oo252/two-graffitiart/pagemenu-active-bg.jpg') top repeat-x; color:#de5400; } .pagenav ul li.current_page_item ul li a { background: #fff url('http://i381.photobucket.com/albums/oo252/two-graffitiart/pagemenu-inactive-bg.jpg') top repeat-x; color:#fff; } .pagenav ul li.current_page_item ul li a:hover { background: #fff url('http://i381.photobucket.com/albums/oo252/two-graffitiart/pagemenu-active-bg.jpg') top repeat-x; color:#fff; } #footer-top { margin:0 auto; width:770px; height:9px; } #footer-bot { margin:0 auto; width:770px; height:50px; text-align:center; } #recent-comments { float:left; height:200px; width:552px; padding-left:38px; padding-top:10px; } #recent-comments h2, #meta h2 { font-size:30px; } #recent-comments ul, #meta ul { font: 14px 'Century Gothic', Arial, Verdana, 'Lucida Grande', Sans-Serif; padding:2px; padding-left:12px; margin:4px; } #recent-comments ul li { padding:2px; } #meta ul li { padding:2px; } #meta { float:left; height:200px; width:265px; padding-left:70px; padding-top:10px; } /* SIDEBAR addons */ #sidebar ul ul li { list-style-type:none; padding-left:15px; margin-left:0px; background: url(http://i381.photobucket.com/albums/oo252/two-graffitiart/bullet_blue.gif) left no-repeat; } .date { float:left; padding-left:20px; color:#3f6067; background: url(http://i381.photobucket.com/albums/oo252/two-graffitiart/calendar_view_day.gif) left center no-repeat; } .comment { float:right; } #page-bottom { height:150px; width:770px; margin:0 auto; background: #719bb1 url(http://i381.photobucket.com/albums/oo252/two-graffitiart/page-bottom-bg.jpg) no-repeat center top; } dt{ color:#000; font-style:italic; } dt a{ color:#e30f85; font-weight:bold; } #navbar-iframe { display:block }

CSS

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 { background: #FFDBE1 url(http://www.freecsstemplates.org/templates/previews/valentine/images/img01.jpg) repeat-x top left; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #EF7283; margin: 0px; padding: 0px; } input, textarea { width: 220px; background: #FFFFFF url(http://www.freecsstemplates.org/templates/previews/valentine/images/img04.gif) repeat-x; border-top: 1px solid #A3A3A3; border-right: 1px solid #E5E5E5; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #D6D6D6; font: normal 1em/normal "Trebuchet MS", Arial, Helvetica, sans-serif; color: #6E6E6E; } h1, h4, h3 { color: #F62D47; letter-spacing: -1px; } h1, h1 a, h4, h4 a { text-decoration: none; } h1 a:hover, h4 a:hover { text-decoration: underline; } h1 { font-size: 38px; } h4 { font-size: 28px; font-weight: normal; } h3 { font-size: 16px; } p, ul, ol { margin-top: 1.5em; line-height: 190%; } ul, ol { margin-left: 3em; } blockquote { margin-left: 3em; margin-right: 3em; } a { color: #F62D47; } a:hover { text-decoration: none; color: #F62D47; } a img { border: none; } img.left { float: left; margin-right: 20px; } img.right { float: right; margin-right: 20px; } hr { display: none; } #header { width: 960px; height: 206px; margin: 0 auto; background: url(http://www.freecsstemplates.org/templates/previews/valentine/images/img02.jpg) no-repeat top left; } /* Logo */ #logo { width: 970px; height: 196px; margin: 0 auto; background: url(http://www.freecsstemplates.org/templates/previews/valentine/images/img02.jpg) no-repeat left top; } #logo h1, #logo h4 { margin: 0; padding: 0; text-transform: lowercase; } #logo h1 { padding: 50px 5px 0 195px; font-size: 48px; color: #F74B61; } #logo h4 { padding: 0px 0 0 198px; text-transform: uppercase; font-size: 10px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #FA8899; } #logo p { clear: left; margin: 0; padding: 0 0 0 20px; line-height: normal; font-size: 1.2em; font-weight: bold; color: #FA8899; } #logo a { color: #F74B61; } /* Header */ #header { width: 976px; margin: 0 auto; background: url(http://www.freecsstemplates.org/templates/previews/valentine/images/img02.gif) no-repeat top left; margin-top: -31px; }  #menu { height: 60px; width: 960px; padding-left: 20px; font-family: Arial, Helvetica, sans-serif; } #menu ul { margin: 0; padding: 0; list-style: none; line-height: normal; } #menu li { float: left; } #menu a { display: block; float: left; height: 30px; padding: 20px 30px 15px 18px; background: url(http://www.freecsstemplates.org/templates/previews/valentine/images/img03.jpg) no-repeat left 40%; margin-right: 1px; text-decoration: none; text-transform: uppercase; font-size: 10px; color: #FFFFFF; } #menu a:hover { color: #FFFFFF; } #menu .current_page_item a { color: #FFFFFF; } /* Search */ #search { float: right; width: 260px; margin: 0px; margin-top: 10px; } #search fieldset { border: none; } #search #s { width: 160px; height: 23px; background: #FFDBE1; border: 1px solid #F57F8C; } #search #x { width: 40px; background: #F74B61; border-top: #F74B61 solid 1px; border-bottom: #F74B61 solid 3px; border-left: #F74B61 solid 1px; border-right: #F74B61 solid 1px; color: #FFDBE1; } /* Banner */ #banner { width: 960px; margin: 0 auto; padding: 8px 0; } /* Page */ #page { width: 900px; margin: 0 auto; padding: 45px 35px 0 25px; } #pagecontent { float: right; width: 603px; padding-top: 20px; } .post { background: url(http://www.freecsstemplates.org/templates/previews/valentine/images/img08.jpg) repeat-y left top; } .post .title { margin: 0; padding: 10px 20px 10px 50px; background: #F74B61 url(http://www.freecsstemplates.org/templates/previews/valentine/images/img05.jpg) no-repeat left top; border-bottom: 1px dotted #FFC1CA; } .post h1.title { padding: 5px 0 0 50px; background: #FECBD3 url(http://www.freecsstemplates.org/templates/previews/valentine/images/img05.jpg) no-repeat left top; height: 40px; font-size: 2.4em; text-transform: lowercase; } .post .title a:hover { text-decoration: none; } .post .entry { margin: 0px; padding: 20px 20px; } .post .meta { height: 35px; margin: 15px 0 20px 0; padding: 15px 0 0 20px; background: #F74B61 url(http://www.freecsstemplates.org/templates/previews/valentine/images/img04.jpg) no-repeat; line-height: normal; border-top: 1px dotted #FFC1CA; } /* Sidebar */ #sidebar { float: left; width: 250px; } #sidebar ul { margin: 0; padding: 0; list-style: none; line-height: normal; } #sidebar li { margin-bottom: 40px; } #sidebar li ul { padding-left: 25px; } #sidebar li li { margin: 0; padding: 5px 10px; background: url(http://www.freecsstemplates.org/templates/previews/valentine/images/img07.gif) no-repeat left 50%; } #sidebar li h4 { margin: 0 0 1em 0; background: url(http://www.freecsstemplates.org/templates/previews/valentine/images/img06.jpg) no-repeat left 70%; padding: 15px 0 10px 25px; border-bottom: 1px dotted #FA8496; height: 30px; text-transform: lowercase; font-size: 28px; letter-spacing: -1px; } #sidebar li p { padding: 0 20px; } /* Calendar */ #sidebar #calendar { padding: 0; } #calendar caption { } #calendar table { width: 100%; padding: 0 20px; text-align: center; } #calendar thead th { border-bottom: 2px solid #F2F2F2; border-top: 1px solid #F2F2F2; } #calendar tbody td { padding: 5px 0; border-bottom: 1px solid #F2F2F2; } #calendar tfoot td { border-top: 1px solid #F2F2F2; } #calendar #prev { text-align: left; } #calendar #next { text-align: right; } #calendar a { font-weight: bold; } /* Footer */ #footer { clear: both; width: 870px; height: 50px; margin: 0 auto; padding: 35px 45px; border-top: 5px solid #FA8597; } #footer p { margin: 0; line-height: normal; color: #FA8597; } #footer a { color: #F62D47; } #footer .legal { float: left; } #footer .credit { float: right; }

CALL OF DUTY TEMASI

TASARIM ÜSTÜ
<div id="conntainer"> <div id="header"> <ul> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Join now</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Links</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Login</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Forums</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">News</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Download</a></li> <li class="last"><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">contact</a></li> </ul> </div> <div id="conntent"> <div id="left"> <div class="menu"> <div class="menuheader"><h3>Menu</h3></div> <div class="menucontent"> <ul> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Home</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Donations</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Downloads</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Feedback</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Shout_Box</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Surveys</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Ventrilo</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Web Links</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Your Account</a></li> </ul> </div> <div class="menufooter"></div> </div> <div class="menu"> <div class="menuheader"><h3>Menu</h3></div> <div class="menucontent"> <p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com" _fcksavedurl="http://www.templatebeauty.com">Template Beauty</a>.</p> <p>To find great hosting providers visit <a href="http://www.webhostingzoom.com" _fcksavedurl="http://www.webhostingzoom.com">Web Hosting Zoom</a></p> <p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com" _fcksavedurl="http://www.templatebeauty.com">Template Beauty</a>.</p> <p>To find great hosting providers visit <a href="http://www.webhostingzoom.com" _fcksavedurl="http://www.webhostingzoom.com">Web Hosting Zoom</a></p> <p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com" _fcksavedurl="http://www.templatebeauty.com">Template Beauty</a>.</p> <p>To find great hosting providers visit <a href="http://www.webhostingzoom.com" _fcksavedurl="http://www.webhostingzoom.com">Web Hosting Zoom</a></p> </div> <div class="menufooter"></div> </div> </div> <div id="right"> <div class="menu"> <div class="menuheader"><h3>Team</h3></div> <div class="menucontent"> <div class="member"> <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/callofduty2/images/member1.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/callofduty2/images/member1.jpg" alt="member" /></a> <span><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Member 1</a></span> </div> <div class="member"> <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/callofduty2/images/member2.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/callofduty2/images/member2.jpg" alt="member" /></a> <span><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Member 2</a></span> </div> <div class="member"> <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/callofduty2/images/member3.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/callofduty2/images/member3.jpg" alt="member" /></a> <span><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Member 3</a></span> </div> <div class="member"> <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/callofduty2/images/member4.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/callofduty2/images/member4.jpg" alt="member" /></a> <span><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Member 4</a></span> </div> <div class="member"> <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/callofduty2/images/member5.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/callofduty2/images/member5.jpg" alt="member" /></a> <span><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Member 5</a></span> </div> <div class="member"> <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/callofduty2/images/member6.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/callofduty2/images/member6.jpg" alt="member" /></a> <span><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Member 6</a></span> </div> <div class="member"> <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/callofduty2/images/member7.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/callofduty2/images/member7.jpg" alt="member" /></a> <span><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Member 7</a></span> </div> <div class="member"> <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/callofduty2/images/member8.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/callofduty2/images/member8.jpg" alt="member" /></a> <span><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Member 8</a></span> </div> <div class="clear"></div> </div> <div class="menufooter"></div> </div> </div> <div id="middle"> <div class="post"> <div class="postheader"><h1>Post title</h1></div> <div class="postcontent">

TASARIM ALTI
</div> <div class="postfooter"></div> </div> </div> </div> <div id="footer"> <ul> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Join now</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Links</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Login</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Forums</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">News</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Download</a></li> <li class="last"><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">contact</a></li> </ul> <span>Copyright © 2006 Call of duty 2. All rights reserved.</span> </div> </div>

CSS

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;} body { background-image:url(http://www.freewebsitetemplates.com/preview/callofduty2/images/background.gif); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px; padding: 0px; background-repeat: repeat-x; background-color: #000000; } * {margin: 0px;padding: 0px;} p { padding: 10px 10px 10px 20px; display:block; color:#525757; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold } a { color:#6b7272; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; } #conntainer { margin: 0px auto; text-align: left; width: 860px; } #header{ height:304px; width:777px; background-image:url(http://www.freewebsitetemplates.com/preview/callofduty2/images/header.jpg); background-repeat: no-repeat; margin-top: -30px; z-index: -2px; } #conntent{ } #left{ width:192px; float:left; } #middle{ margin-left:206px; margin-right:196px; width:450px; } #right{ width:192px; float:right; } /********************* menu ****************************/ .menuheader{ width:192px; height:37px; background-image:url(http://www.freewebsitetemplates.com/preview/callofduty2/images/menutop.gif); display:block; } .menucontent{ width:192px; background-image:url(http://www.freewebsitetemplates.com/preview/callofduty2/images/menumiddle.gif); padding-top:10px; background-repeat: repeat-y; }.menuheader h3{ padding: 10px 0px 0px 20px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; } .menufooter{ width:192px; height:15px; background-image:url(http://www.freewebsitetemplates.com/preview/callofduty2/images/menubottom.gif); display:block; } .postheader,.menuheader{ color:#CCCCCC; text-transform: uppercase; } /********************* post ****************************/ .post{ margin-bottom:15px; } .postheader{ background-image:url(http://www.freewebsitetemplates.com/preview/callofduty2/images/posttop.gif); display:block; width:450px; height:33px; } .postheader h1{ padding: 7px 0px 0px 20px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; } .postcontent{ background-image:url(http://www.freewebsitetemplates.com/preview/callofduty2/images/postmiddle.gif); background-repeat: repeat-y; padding: 20px 0px; } .postfooter{ background-image:url(http://www.freewebsitetemplates.com/preview/callofduty2/images/postbottom.gif); background-repeat: no-repeat; display:block; width:450px; height:15px; } /********************* header ****************************/ #header{ position:relative; } #header ul{ position:absolute; top:250px; display:block; left:190px; } #header ul li{ display:inline; text-align:center; margin:auto; width:auto; border-right: 1px solid #6b7272; } .last{ border-right: 0px none #6b7272 !important; } #header ul li a{ display:inline; text-align:center; text-decoration:none; padding: 0px 10px; text-transform: uppercase; } #header ul li a:hover{ text-decoration:underline; } /********************* footer ****************************/ #footer{ width:850px; } #footer ul{ display:block; margin-left:190px; } #footer ul li{ display:inline; text-align:center; margin:auto; width:auto; border-right: 1px solid #6b7272; } #footer ul li a{ display:inline; text-align:center; text-decoration:none; padding: 0px 10px; text-transform: uppercase; } #footer ul li a:hover{ text-decoration:underline; } #footer span{ color:#525757; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-align:center; width:850px; display:block; padding: 15px 0px; } /********************* menu members ****************************/ .menu ul{ list-style-position: inside; list-style-type: disc; padding: 0px 0px 0px 20px; color:#666666; } .menu ul li{ padding-top: 5px; color:#666666; } .menu ul li a{ text-decoration:none; padding: 0px; text-transform: uppercase; } .menu ul li a:hover{ text-decoration:underline; text-transform: uppercase; } .member{ display:inline; float:left; margin-left:10px; } .member span{ display:block; text-align:center; padding: 2px 0px 13px 0px; text-transform: uppercase; } .member img{ width:75px; height:70px; border: solid 2px #999999; } .clear{ clear:both; }

COUNTER STRİKE TEMASI

TASARIM ÜSTÜ
<div id="body_wrapper">  <div id="body_container"> <div id="body_container_b"> <div id="body_container_c">  <div id="page_header">  <h1><span class="hidethis"> Counter Strike </span></h1> </div>   <div id="page_content">

TASARIM ALTI
</div>  </div> </div> </div>   <div id="navmenu"> <div id="navmenu_b"> <div id="navmenu_c"> <h3><span class="hidethis">Site Menu:</span></h3> <ul> <li class="list_first"><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Home</a></li> <li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Members</a></li> <li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Events</a></li> <li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Partners</a></li> <li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">About Us</a></li> <li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Contact Us</a></li> <li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Home</a></li> <li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Members</a></li> <li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Events</a></li> <li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Partners</a></li> <li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">About Us</a></li> <li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Contact Us</a></li> </ul> </div> </div> </div>  <div class="clearthis"> </div>  <div id="page_footer"> Web design by <a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Free Website Templates</a> </div>  </div>

CSS
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;} /* +++++++++++++++++++++++++++++ Shifting Ground +++++++++++++++++++++++++++++ */ /* ++++++++++++++++++++ Common Styles ++++++++++++++++++++ */ * { margin: 0px; padding: 0px; } body { color: #fff; background-color: #484848; font-family: 'verdana', 'helvetica', sans-serif; font-size: 100%; text-align: center; } table { font-size: 1em; } td { color: #fff; background-color: inherit; font-family: 'verdana', 'helvetica', sans-serif; font-size: 1em; } a { color: #fff; background-color: inherit; text-decoration: underline; } a:hover { color: #fff; background-color: inherit; text-decoration: none; } img { border: none; } ul, ul li { list-style: none outside; } ol, ol li { list-style: decimal inside; } p { padding: 0.6em 0em 0.6em; } fieldset { border: none; } input, textarea, select { font-family: 'verdana', 'helvetica', sans-serif; font-size: 13px; } .hidethis { display: none; } .clearthis { margin : 0px; height : 1px; clear : both; float : none; font-size: 1px; overflow : hidden; visibility: hidden; } /* ++++++++++++++++++++ Image Thumbnails ++++++++++++++++++++ */ .tb_center { text-align: center; } .tb_center img { margin: 1.3em auto; border: 1px #fff solid; } /* ++++++++++++++++++++ Body Wrappers ++++++++++++++++++++ */ #body_wrapper { margin: 35px 10px; width: 982px; background: url('http://www.freewebsitetemplates.com/preview/counterstrike/images/rightcol_img.gif') no-repeat 100% 68px; font-size: 0.71em; } /* ++++++++++++++++++++ Body Container ++++++++++++++++++++ */ #body_container { float: right; position: relative; left: -243px; width: 496px; background: url('http://www.freewebsitetemplates.com/preview/counterstrike/images/main_bg_bot.gif') no-repeat 0% 100%; } #body_container_b { padding: 15px 0px; width: 496px; background: url('http://www.freewebsitetemplates.com/preview/counterstrike/images/main_bg_top.gif') no-repeat 0% 0%; } #body_container_c { color: inherit; background-color: #8e8257; border-left: #fff 6px solid; border-right: #fff 6px solid; } /* ++++++++++++++++++++ Page Header ++++++++++++++++++++ */ #page_header { padding-bottom: 2px; color: inherit; background-color: #b3ab78; } #page_header h1 { position: relative; top: -4px; width: 100%; height: 40px; background: url('http://www.freewebsitetemplates.com/preview/counterstrike/images/counterstrike_logo.gif') no-repeat 50% 50%; } /* ++++++++++++++++++++ Page Content ++++++++++++++++++++ */ #page_content { padding: 15px 17px 10px; font-weight: bold; text-align: left; } .link_readmore { padding: 35px 0px 10px; text-align: right; } .link_readmore a { margin-left: auto; display: block; width: 94px; height: 24px; background: url('http://www.freewebsitetemplates.com/preview/counterstrike/images/button_readmore.gif') no-repeat 0% 0%; } /* ++++++++++++++++++++ Navigation Menu ++++++++++++++++++++ */ #navmenu { float: left; margin-top: 68px; position: relative; left: 77px; width: 166px; background: url('http://www.freewebsitetemplates.com/preview/counterstrike/images/navmenu_bg_bot.gif') no-repeat 0% 100%; font-size: 1.15em; font-weight: bold; } #navmenu_b { padding: 15px 0px; width: 166px; background: url('http://www.freewebsitetemplates.com/preview/counterstrike/images/navmenu_bg_top.gif') no-repeat 0% 0%; } #navmenu_c { color: inherit; background-color: #6d6845; border-left: #fff 6px solid; } #navmenu a { text-decoration: none; text-transform: uppercase; } #navmenu li { border-top: #fff 1px solid; } #navmenu li a { display: block; padding: 5px 0px; width: 160px; } #navmenu li a:hover { color: inherit; background-color: #989160 } #navmenu li.list_first { border-top: none; } /* ++++++++++++++++++++ Page Footer ++++++++++++++++++++ */ #page_footer { padding: 20px 0px; font-size: 0.9em; font-weight: bold; }

SİYAH CSS DESİGN

Tasarım Üstü

<style type="text/css">  </style></head> <body> <table width="950" height="650" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="233" align="center" valign="top" background="https://img.webme.com/pic/m/megatron-byemo/efsane_01.gif"><table width="873" height="170" cellpadding="1"> <tr> <td height="36"> </td> </tr> <tr> <td><p>BURAYA SİTENİZİ TANITACAK BİR YAZI YADA BANNER YAPABİLİRSİNİZ</p> <p align="center" class="style1">Www.EndlessGenclik.Com</p></td> </tr> </table></td> </tr> <tr> <td height="139" align="center" valign="top" background="https://img.webme.com/pic/m/megatron-byemo/efsane_02.gif"><table width="868" height="132" align="center" cellpadding="1"> <tr> <td width="167" align="center" valign="top">BURAYADA CSS MENU YADA<br /> HTML MENU YA DA FLASH <br /> MENU ONU ARTIK SİZ AYARLARSINIZ... :-)</td> <td width="15" align="center" valign="top"> </td> <td width="670" align="center" valign="top"><div id="content"></div>

Tasarım Altı
</td> </tr> </table></td> </tr> <tr> <td height="107" align="center" valign="top" background="https://img.webme.com/pic/m/megatron-byemo/efsane_03.gif"><table width="868" height="103" cellpadding="1"> <tr> <td width="170" align="center" valign="top">menünün alt kısmı burası bişler burayda gelebilir </td> <td width="677" align="center" valign="top"><p>burasıdı içeriğin alt ksımı burayda bişler yazabilrsiniz</p> <p> </p> <p><a href="http://endlessGenclik.Com" _fcksavedurl="http://endlessGenclik.Com">Www.EndlessGenclik.Com</a></p></td> <td width="10" align="center" valign="top"> </td> </tr> </table></td> </tr> <tr> <td height="171" align="center" valign="top" background="https://img.webme.com/pic/m/megatron-byemo/efsane_04.gif"><table width="782" height="114" cellpadding="1"> <tr> <td height="22" colspan="5"> </td> </tr> <tr> <td width="32"> </td> <td width="114" align="center" valign="top"><p>Buraya<br /> Sitenize ait telif<br /> Hakkını yazınız</p> </td> <td width="35"> </td> <td width="549" align="center" valign="top">Burayada Sitenizle İlgili Her Türlü Kod Veya istatistik yada Toplist gibi uygulamaları burda <br /> Gösterebilirsiniz Ya da Aklınıza Gelebilecek Başka Bir şeyi Bu size Kalmış....<br /> Not: ( burası reklam yada toplist ler için uygundur )</td> <td width="28"> </td> </tr> </table></td> </tr> </table>

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;}

Zor Beğeniyorsan Devamı!!!