- Css Kod 6

TASARIMIN ÜSTÜNE

<div></div></div></div>
<div id='wrap'>
<div id='topnavbar'>
<div class='topnavbarleft'>
<p>
<script type='text/javascript'>
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var dayarray=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")
var montharray=new Array("January","February","March","April","May","June","July","August","September","October","November","December")
document.write("<p>"+dayarray[day]+", "+montharray[month]+" "+daym+", "+year+"</p>")
</script>
</p>
</div>
<div class='topnavbarright'>
<p><a href='http://revolutionchurch-btemplates.blogspot.com/feeds/posts/default'><img src='http://2.bp.blogspot.com/_kMUpUqMmduA/SVU826xrwQI/AAAAAAAAA6s/eoEI-3Jfvtk/s1600/rss.gif' style='vertical-align:middle'/></a><a href='http://revolutionchurch-btemplates.blogspot.com/feeds/posts/default'>Posts</a>
<a href='http://revolutionchurch-btemplates.blogspot.com/feeds/comments/default'><img alt='Subscribe to Revolution Church' src='http://2.bp.blogspot.com/_kMUpUqMmduA/SVU826xrwQI/AAAAAAAAA6s/eoEI-3Jfvtk/s1600/rss.gif' style='vertical-align:middle;margin-left:10px;'/></a><a href='http://revolutionchurch-btemplates.blogspot.com/feeds/comments/default'>Comments</a></p>
</div>
</div>
<div id='header'>
<div class='headerleft'>
<div class='header section' id='header'><div class='widget Header' id='Header1'>
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
Revolution Church
</h1>
</div>
<div class='descriptionwrapper'>
<p class='description'><span>BTemplates.com</span></p>
</div>
</div>
</div></div>
</div>
<div class='headerright'>
<a href='#'><img src='http://3.bp.blogspot.com/_kMUpUqMmduA/SVVA2EWPoQI/AAAAAAAAA7Q/uV4lqj5hIdk/s1600/468x60.gif'/></a>
</div>
</div>
<div id='NavbarMenu'>
<div id='NavbarMenuleft'>
<ul id='nav'>
<li><a href='http://revolutionchurch-btemplates.blogspot.com/'>Home</a></li>
<li>
<a href='#'>Sample Page</a>
<ul>
<li>
<a href='#'>Sub Page #1</a>
<ul>
<li><a href='#'>Sub Sub Page #1</a></li>
<li><a href='#'>Sub Sub Page #2</a></li>
<li><a href='#'>Sub Sub Page #3</a></li>
</ul>
</li>
<li><a href='#'>Sub Page #2</a></li>
<li><a href='#'>Sub Page #3</a></li>
<li><a href='#'>Sub Page #4</a></li>
<li><a href='#'>Sub Page #5</a></li>
</ul>
</li>
<li><a href='#'>Sample Post</a></li>
<li><a href='#'>Blog Page</a></li>
</ul>
</div>
<div id='NavbarMenuright'>
<form action='/demo/church/index.php' id='searchform' method='get'> <input id='searchbox' name='s' onblur='if (this.value == '') {this.value = 'Search this website...';}' onfocus='if (this.value == 'Search this website...') {this.value = '';}' type='text' value='Search this website...'/> <input id='searchbutton' type='submit' value='GO'/></form>
</div>
</div>
<div style='clear:both;'></div>
<div id='subnavbar'>
<ul id='subnav'>
<li>
<a href='#'>Community Events</a>
<ul>
<li>
<a href='#'>Sub Category #1</a>
<ul>
<li>
<a href='#'>Sub Sub Category #1</a>
</li>
<li>
<a href='#'>Sub Sub Category #2</a>
</li>
<li>
<a href='#'>Sub Sub Category #3</a>
</li>
</ul>
</li>
<li>
<a href='#'>Sub Category #2</a>
</li>
<li>
<a href='#'>Sub Category #3</a>
</li>
</ul>
</li>
<li>
<a href='#'>Conferences</a>
</li>
<li>
<a href='#'>Get Connected</a>
</li>
</ul>
</div>
<div style='clear:both;'></div>
<div id='outer-wrapper'><div id='wrap2'>
<div id='content-wrapper'>
<div id='crosscol-wrapper' style='text-align:center'>
<div class='crosscol section' id='crosscol'></div>
</div>
<div id='main-wrapper'>
<div class='main section' id='main'><div class='widget Blog' id='Blog1'>
<div class='blog-posts hfeed'>

<h2 class='date-header'>Friday, December 26, 2008</h2>
<div class='post hentry'>
<a name='3151776509617620217'></a>
<h3 class='post-title entry-title'>
<a href='http://revolutionchurch-btemplates.blogspot.com/2008/12/lorem-ipsum_26.html'>Lorem ipsum</a>
</h3>

TASARIMIN ALTINA

</div>
</div>
<div class='gapad'>
<center><a href='#'><img src='http://3.bp.blogspot.com/_kMUpUqMmduA/SVVA2EWPoQI/AAAAAAAAA7Q/uV4lqj5hIdk/s1600/468x60.gif'/></a></center>
</div>

</div>
<div class='blog-pager' id='blog-pager'>
</div>
<div class='clear'></div>
<div class='blog-feeds'>
<div class='feed-links'>
Subscribe to:
<a class='feed-link' href='http://revolutionchurch-btemplates.blogspot.com/feeds/posts/default' target='_blank' type='application/atom+xml'>Posts (Atom)</a>
</div>
</div>
</div></div>
</div>
<div id='sidebar-wrapper'>
<div class='sidebar section' id='sidebar'><div class='widget HTML' id='HTML1'>
<h2 class='title'>Sponsors</h2>
<div class='widget-content'>
<center>
<a href="http://btemplates.com"><img style="margin:0 5px 0 0;" alt="MagzNetwork" src="http://4.bp.blogspot.com/_qTWVg4q5lCo/SNaO2GgfErI/AAAAAAAABEs/P-tN_TS7L84/s1600/btemplates.jpg"/></a>
<a href="http://btemplates.com"><img style="margin:0;" alt="MagzNetwork" src="http://4.bp.blogspot.com/_qTWVg4q5lCo/SNaO2GgfErI/AAAAAAAABEs/P-tN_TS7L84/s1600/btemplates.jpg"/></a>
</center>
</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=2420795929826180627&widgetType=HTML&widgetId=HTML1&action=editWidget' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML1"));' target='configHTML1' title='Edit'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div>
</div>
</div>
<div id='midsidebar-wrapper'>
<div class='lsidebar section' id='lsidebar'><div class='widget Feed' id='Feed2'>
<h2>Recent Posts</h2>
<div class='widget-content' id='Feed2_feedItemListDisplay'>
<span style='filter: alpha(25); opacity: 0.25;'>
<a href='http://btemplates.com/feed'>Loading...</a>
</span>
</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=2420795929826180627&widgetType=Feed&widgetId=Feed2&action=editWidget' onclick='return _WidgetManager._PopupConfig(document.getElementById("Feed2"));' target='configFeed2' title='Edit'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div><div class='widget Label' id='Label1'>
<h2>Labels</h2>
<div class='widget-content list-label-widget-content'>
<ul>
<li>
<a dir='ltr' href='http://revolutionchurch-btemplates.blogspot.com/search/label/Lorem%201'>Lorem 1</a>
<span dir='ltr'>(2)</span>
</li>
<li>
<a dir='ltr' href='http://revolutionchurch-btemplates.blogspot.com/search/label/Lorem%202'>Lorem 2</a>
<span dir='ltr'>(2)</span>
</li>
<li>
<a dir='ltr' href='http://revolutionchurch-btemplates.blogspot.com/search/label/Lorem%203'>Lorem 3</a>
<span dir='ltr'>(2)</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=2420795929826180627&widgetType=Label&widgetId=Label1&action=editWidget' onclick='return _WidgetManager._PopupConfig(document.getElementById("Label1"));' target='configLabel1' title='Edit'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div>
</div><div class='widget LinkList' id='LinkList1'>
<h2>Blogroll</h2>
<div class='widget-content'>
<ul>
<li><a href='http://btemplates.com/'>BTemplates</a></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=2420795929826180627&widgetType=LinkList&widgetId=LinkList1&action=editWidget' onclick='return _WidgetManager._PopupConfig(document.getElementById("LinkList1"));' target='configLinkList1' title='Edit'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div>
</div></div>
<div class='rsidebar section' id='rsidebar'><div class='widget Followers' id='Followers2'>
<h2 class='title'>Followers</h2>
<div class='widget-content'>
<div id='Followers2-wrapper'>
<div style='margin-right:2px;'>
<script type="text/javascript">
if (!window.google || !google.friendconnect) {
document.write('<script type="text/javascript"' +
'src="http://www.google.com/friendconnect/script/friendconnect.js">' +
'</scr' + 'ipt>');
}
</script>
<script type="text/javascript">
if (!window.registeredBloggerCallbacks) {
window.registeredBloggerCallbacks = true;
var registeredGadgets = [];
gadgets.rpc.register('registerGadgetForRpcs', function(gadgetDomain, iframeName) {
// RPCs don't work from the container to the blog in WebKit -
// they cause the gadgets to get reloaded. Just ignore.
// TODO(henrywong): There's a slick closure way to do this, but
// we don't pull closure into blogs right now.
if (!navigator || navigator.userAgent.indexOf("WebKit") == -1) {
// Trim the gadget domain from a random url (w/ query params)
// down to just a top level domain.
// TODO(henrywong): There must be a slicker way to do this
var startIndex = 0;
var protocolMarker = "://";
// Find the start of the host name
if (gadgetDomain.indexOf(protocolMarker) != -1) {
startIndex = gadgetDomain.indexOf(protocolMarker) + protocolMarker.length;
}
// Now find the start of the path
var pathIndex = gadgetDomain.indexOf("/", startIndex);
// Now extract just the hostname
if (pathIndex != -1) {
gadgetDomain = gadgetDomain.substring(0, pathIndex);
}
gadgets.rpc.setRelayUrl(iframeName, gadgetDomain + "/ps/rpc_relay.html");
// Just return some random stuff so the gadget can tell when
// we're done.
return "callback";
}
});
gadgets.rpc.register('getBlogUrls', function() {
var holder = {};
holder.postFeed = "http://www.blogger.com/feeds/2420795929826180627/posts/default";
holder.commentFeed = "http://www.blogger.com/feeds/2420795929826180627/comments/default";
return holder;
});
gadgets.rpc.register('requestReload', function() {
document.location.reload();
});
gadgets.rpc.register('requestSignOut', function(siteId) {
google.friendconnect.container.openSocialSiteId = siteId;
google.friendconnect.requestSignOut();
});
}
</script>
<div id="div-c024mwj8eefe" style="width: 100%; "></div>
<script type="text/javascript">
var skin = {};
skin['FACE_SIZE'] = '32';
skin['HEIGHT'] = "260";
skin['TITLE'] = "Followers";
skin['BORDER_COLOR'] = "transparent";
skin['ENDCAP_BG_COLOR'] = "transparent";
skin['ENDCAP_TEXT_COLOR'] = "#000000";
skin['ENDCAP_LINK_COLOR'] = "#000000";
skin['ALTERNATE_BG_COLOR'] = "transparent";
skin['CONTENT_BG_COLOR'] = "transparent";
skin['CONTENT_LINK_COLOR'] = "#000000";
skin['CONTENT_TEXT_COLOR'] = "#000000";
skin['CONTENT_SECONDARY_LINK_COLOR'] = "#FFFFFF";
skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#000000";
skin['CONTENT_HEADLINE_COLOR'] = "#000000";
google.friendconnect.container.setParentUrl("/");
google.friendconnect.container["renderMembersGadget"](
{ id: "div-c024mwj8eefe",
height: 260,
site: "09703924558467294012",
locale: 'en' },
skin);
</script>
</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=2420795929826180627&widgetType=Followers&widgetId=Followers2&action=editWidget' onclick='return _WidgetManager._PopupConfig(document.getElementById("Followers2"));' target='configFollowers2' title='Edit'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div>
</div><div class='widget BlogArchive' id='BlogArchive2'>
<h2>Archive</h2>
<div class='widget-content'>
<div id='ArchiveList'>
<div id='BlogArchive2_ArchiveList'>
<ul>
<li class='archivedate expanded'>
<a class='toggle' href='http://revolutionchurch-btemplates.blogspot.com/?widgetType=BlogArchive&widgetId=BlogArchive2&action=toggle&dir=close&toggle=YEARLY-1199174400000&toggleopen=MONTHLY-1228118400000'>
<span class='zippy toggle-open'>? </span>
</a>
<a class='post-count-link' href='http://revolutionchurch-btemplates.blogspot.com/search?updated-min=2008-01-01T00%3A00%3A00-08%3A00&updated-max=2009-01-01T00%3A00%3A00-08%3A00&max-results=2'>2008</a>
<span class='post-count' dir='ltr'>(2)</span>
<ul>
<li class='archivedate expanded'>
<a class='toggle' href='http://revolutionchurch-btemplates.blogspot.com/?widgetType=BlogArchive&widgetId=BlogArchive2&action=toggle&dir=close&toggle=MONTHLY-1228118400000&toggleopen=MONTHLY-1228118400000'>
<span class='zippy toggle-open'>? </span>
</a>
<a class='post-count-link' href='http://revolutionchurch-btemplates.blogspot.com/2008_12_01_archive.html'>December</a>
<span class='post-count' dir='ltr'>(2)</span>
<ul class='posts'>
<li><a href='http://revolutionchurch-btemplates.blogspot.com/2008/12/lorem-ipsum_26.html'>Lorem ipsum</a></li>
<li><a href='http://revolutionchurch-btemplates.blogspot.com/2008/12/lorem-ipsum.html'>Lorem ipsum</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</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=2420795929826180627&widgetType=BlogArchive&widgetId=BlogArchive2&action=editWidget' onclick='return _WidgetManager._PopupConfig(document.getElementById("BlogArchive2"));' target='configBlogArchive2' title='Edit'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div>
</div></div>
</div>

<div class='clear'> </div>
</div>

<div id='footer-wrapper'>
<div class='footer section' id='footer'></div>
</div>
</div></div>

<div id='credits'>
<p><a href='http://revolutionchurch-btemplates.blogspot.com/'>Revolution Church</a>. Copyright  2008  All Rights Reserved  <a href='http://www.revolutiontwo.com'>Revolution Two Church theme</a> by <a href='http://www.briangardner.com'>Brian Gardner</a>  adaptado por  <a href='http://www.pwg-designs.es.tl/'>PwG-DesignS</a></p>
</div>
</div>

CSS BÖLÜMÜNE

#navbar-iframe {
display: none !important;
}
body {
background: #111 url(http://4.bp.blogspot.com/_kMUpUqMmduA/SVU80wCpSdI/AAAAAAAAA5c/YvJiRzAcUOg/s1600/bg.png);
width: 980px;
color: #333;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
margin: 0 auto 0;
padding: 0;
}
#wrap {
background: #EEE;
width: 960px;
margin: 10px auto 10px;
padding: 0;
position: relative;
border: 10px solid #333;
}
a, a:visited {
color: #A91B33;
text-decoration: none;
}
a:hover {
color: #A91B33;
text-decoration: underline;
}
a img {
border-width: 0;
}
#topnavbar {
background: #111 url(http://1.bp.blogspot.com/_kMUpUqMmduA/SVU83AJh2SI/AAAAAAAAA60/cBmw4fQjzF8/s1600/topnav.png);
width: 960px;
height: 30px;
color: #FFF;
margin: 0;
padding: 0;
}
#topnavbar a, #topnavbar a:visited {
font-size: 11px;
font-weight: bold;
color: #FFF;
text-decoration: none;
}
#topnavbar a:hover {
text-decoration: underline;
}
#topnavbar p {
font-size: 11px;
font-weight: bold;
padding: 0;
margin: 0;
}
.topnavbarleft {
width: 230px;
float: left;
margin: 0;
padding: 8px 0 0 10px;
}
.topnavbarright {
width: 600px;
float: right;
margin: 0;
padding: 7px 10px 0 0;
text-transform: uppercase;
text-align: right;
}
.topnavbarright a img {
border: none;
margin: 0 3px 3px 0;
padding: 0;
}
#header {
background: #111 url(http://1.bp.blogspot.com/_kMUpUqMmduA/SVU809IyVNI/AAAAAAAAA5k/7_DXEKzUD40/s1600/header.png);
width: 960px;
height: 100px;
color: #FFF;
font-size: 11px;
margin: 0;
padding: 0;
overflow: hidden;
}
#header-inner {
background-position: left;
background-repeat: no;
}
#header h1 {
color: #FFF;
font-size: 36px;
font-family: Georgia, Times New Roman;
font-weight: normal;
margin: 0;
padding: 15px 0 0 20px;
text-decoration: none;
}
#header h1 a, #header h1 a:visited {
color: #FFF;
font-size: 36px;
font-family: Georgia, Times New Roman;
font-weight: normal;
margin: 0;
padding: 0;
text-decoration: none;
}
#header h1 a:hover {
color: #FFF;
text-decoration: none;
}
#header h3 {
color: #A91B33;
font-size: 16px;
font-family: Arial, Tahoma, Verdana;
font-weight: normal;
margin: 0;
padding: 0;
}
#header p {
color: #FFF;
padding: 0 0 5px 20px;
margin: 0;
line-height: 20px;
}
.headerleft {
width: 460px;
float: left;
font-size: 14px;
margin: 0;
padding: 0;
}
.headerleft a img {
border: none;
margin: 0;
padding: 0;
}
.headerright {
width: 486px;
float: right;
margin: 0;
padding: 18px 0 0;
font-weight: bold;
}
.headerright a img {
border: 1px solid #FFF;
margin: 0 0 3px;
padding: 0;
}
#header .description {
color: #A91B33;
font-size: 16px;
font-family: Arial, Tahoma, Verdana;
font-weight: normal;
margin-left: 25px;
padding: 0;
}
#NavbarMenu {
background: #555 url(http://2.bp.blogspot.com/_kMUpUqMmduA/SVU82PLeYMI/AAAAAAAAA6c/R8Ip5ZMFIh8/s1600/navbar.png);
width: 960px;
height: 35px;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
color: #FFF;
font-weight: bold;
margin: 0;
padding: 0;
}
#NavbarMenuleft {
width: 680px;
float: left;
margin: 0;
padding: 0;
}
#NavbarMenuright {
width: 280px;
font-size: 11px;
float: right;
margin: 0;
padding: 6px 0 0;
}
#nav {
margin: 0;
padding: 0;
}
#nav ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#nav li {
list-style: none;
margin: 0;
padding: 0;
}
#nav li a, #nav li a:link, #nav li a:visited {
color: #FFF;
display: block;
font-size: 16px;
font-family: Georgia, Times New Roman;
font-weight: normal;
text-transform: lowercase;
margin: 0;
padding: 9px 15px 8px;
}
#nav li a:hover, #nav li a:active {
background: #555 url(http://1.bp.blogspot.com/_kMUpUqMmduA/SVU-vl5H-bI/AAAAAAAAA68/U4rkLsg0HqE/s1600/navhov.png);
color: #FFF;
margin: 0;
padding: 9px 15px 8px;
text-decoration: none;
}
#nav li li a, #nav li li a:link, #nav li li a:visited {
background: #555;
width: 150px;
color: #FFF;
font-size: 14px;
font-family: Georgia, Times New Roman;
font-weight: normal;
text-transform: lowercase;
float: none;
margin: 0;
padding: 7px 10px;
border-bottom: 1px solid #FFF;
border-left: 1px solid #FFF;
border-right: 1px solid #FFF;
}
#nav li li a:hover, #nav li li a:active {
background: #777;
color: #FFF;
padding: 7px 10px;
}
#nav li {
float: left;
padding: 0;
}
#nav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin: 0;
padding: 0;
}
#nav li ul a {
width: 140px;
}
#nav li ul ul {
margin: -32px 0 0 171px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}
#nav li:hover, #nav li.sfhover {
position: static;
}
#searchform {
margin: 0;
padding: 0;
overflow: hidden;
display: inline;
}
#searchbox {
background: #EEE !important;
width: 220px;
color: #202020;
font-size: 12px;
font-family: Georgia, Times New Roman, Trebuchet MS;
font-weight: normal;
margin: 0;
padding: 4px 0 3px 5px;
border-top: 1px solid #DDD;
border-right: 1px solid #666;
border-left: 1px solid #DDD;
border-bottom: 1px solid #666;
display: inline;
}
#searchbutton {
background: #555 url(http://1.bp.blogspot.com/_kMUpUqMmduA/SVU83AJh2SI/AAAAAAAAA60/cBmw4fQjzF8/s1600/topnav.png);
color: #FFF;
font-size: 11px;
font-family: Georgia, Times New Roman, Trebuchet MS;
margin: 0 0 0 5px;
padding: 3px 3px 2px;
font-weight: bold;
border-top: 1px solid #DDD;
border-right: 1px solid #666;
border-left: 1px solid #DDD;
border-bottom: 1px solid #666;
}
#subscribe {
margin: 0;
padding: 5px 0 0;
overflow: hidden;
}
#subbox {
background: #EEE !important;
width: 200px;
color: #202020;
font-size: 12px;
font-family: Georgia, Times New Roman, Trebuchet MS;
font-weight: normal;
margin: 5px 0 0;
padding: 3px 0 3px 5px;
border-top: 1px solid #666;
border-right: 1px solid #DDD;
border-left: 1px solid #666;
border-bottom: 1px solid #DDD;
display: inline;
}
#subbutton {
background: #555 url(http://1.bp.blogspot.com/_kMUpUqMmduA/SVU83AJh2SI/AAAAAAAAA60/cBmw4fQjzF8/s1600/topnav.png);
color: #FFF;
font-size: 11px;
font-family: Georgia, Times New Roman, Trebuchet MS;
margin: 0 0 0 7px;
padding: 3px 3px 2px;
font-weight: bold;
border-top: 1px solid #DDD;
border-right: 1px solid #666;
border-left: 1px solid #DDD;
border-bottom: 1px solid #666;
}
#name, #email, #url {
background: #EEE !important;
width: 250px;
color: #202020;
font-size: 12px;
font-weight: normal;
margin: 5px 0 0;
padding: 3px 0 3px 5px;
border-top: 1px solid #666;
border-right: 1px solid #DDD;
border-left: 1px solid #666;
border-bottom: 1px solid #DDD;
display: inline;
}
#submit {
background: #7B7B7B;
color: #FFF;
font-size: 11px;
font-family: Arial, Tahoma, Verdana;
margin: 0;
padding: 3px 3px 2px;
font-weight: bold;
border-top: 1px solid #DDD;
border-right: 1px solid #666;
border-left: 1px solid #DDD;
border-bottom: 1px solid #666;
}
#words {
background: #EEE;
width: 460px;
color: #202020;
font-size: 12px;
font-weight: normal;
margin: 5px 0 0;
padding: 3px 0 3px 5px;
border-top: 1px solid #666;
border-right: 1px solid #DDD;
border-left: 1px solid #666;
border-bottom: 1px solid #DDD;
display: inline;
}
#subnavbar {
background: #666;
width: 960px;
height: 24px;
color: #FFF;
margin: 0;
padding: 0;
}
#subnav {
margin: 0;
padding: 0;
}
#subnav ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#subnav li {
list-style: none;
margin: 0;
padding: 0;
}
#subnav li a, #subnav li a:link, #subnav li a:visited {
color: #FFF;
display: block;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
margin: 0 5px 0 0;
padding: 6px 13px;
}
#subnav li a:hover, #subnav li a:active {
background: #888;
color: #FFF;
display: block;
text-decoration: none;
margin: 0 5px 0 0;
padding: 6px 13px;
}
#subnav li li a, #subnav li li a:link, #subnav li li a:visited {
background: #666;
width: 140px;
float: none;
margin: 0;
padding: 6px 10px;
border-bottom: 1px solid #FFF;
border-left: 1px solid #FFF;
border-right: 1px solid #FFF;
}
#subnav li li a:hover, #subnav li li a:active {
background: #888;
margin: 0;
padding: 6px 10px;
}
#subnav li {
float: left;
padding: 0;
}
#subnav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 160px;
margin: 0;
padding: 0;
}
#subnav li ul a {
width: 140px;
}
#subnav li ul ul {
margin: -25px 0 0 161px;
}
#subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover ul ul, #subnav li.sfhover ul ul ul {
left: -999em;
}
#subnav li:hover ul, #subnav li li:hover ul, #subnav li li li:hover ul, #subnav li.sfhover ul, #subnav li li.sfhover ul, #subnav li li li.sfhover ul {
left: auto;
}
#subnav li:hover, #subnav li.sfhover {
position: static;
}
#outer-wrapper {
width: 940px;
margin: 0 auto 0;
padding: 10px 0 0;
line-height: 18px;
}
#main-wrapper {
float: left;
width: 600px;
margin: 0;
padding: 0 0 20px;
}
#sidebar-wrapper {
float: right;
width: 320px;
margin: 0;
padding: 0 0 10px;
display: inline;
}
#midsidebar-wrapper {
width: 320px;
float: right;
overflow: hidden;
}
#lsidebar {
background: #FFF url(http://1.bp.blogspot.com/_kMUpUqMmduA/SVU816iWxaI/AAAAAAAAA6U/M4QXEEvacuM/s1600/leftsidebartop.gif) top no-repeat;
float: left;
width: 150px;
margin: 0;
padding: 10px 10px 0;
border: 1px solid #DDD;
display: inline;
}
#rsidebar {
background: #FFF url(http://2.bp.blogspot.com/_kMUpUqMmduA/SVU82YM12GI/AAAAAAAAA6k/-mtGMiUJ6pE/s1600/rightsidebartop.gif) top no-repeat;
float: right;
width: 120px;
margin: 0;
padding: 10px 10px 0;
border: 1px solid #DDD;
display: inline;
}
h2.date-header {
margin: 1.5em 0 .5em;
display: none;
}
.post {
background: #FFF url(http://2.bp.blogspot.com/_kMUpUqMmduA/SVU81N7CTKI/AAAAAAAAA50/VjuFzYPFIzA/s1600/homepagetop.gif) top no-repeat;
float: left;
width: 590px;
margin: 0 0 10px;
padding: 10px;
border: 1px solid #DDD;
}
.post h3 {
color: #444;
font-size: 22px;
font-family: Georgia, Times New Roman;
font-weight: normal;
margin: 0 0 5px;
padding: 10px 0 0;
}
.post h3 a, #content h1 a:visited {
color: #444;
font-size: 22px;
font-family: Georgia, Times New Roman;
font-weight: normal;
margin: 0 0 5px;
padding: 10px 0 0;
}
.post h3 a:hover {
color: #A91B33;
text-decoration: none;
}
.post-body {
margin: 0 0 .75em;
line-height: 1.6em;
}
.post-body blockquote {
line-height: 1.3em;
}
.comment-link {
margin-left: .6em;
}
.post img {
padding: 10px;
}
.post blockquote {
background: #E8E8E8;
margin: 0 25px 15px;
padding: 10px 20px 0 15px;
border-top: 1px solid #DDD;
border-right: 1px solid #666;
border-left: 1px solid #DDD;
border-bottom: 1px solid #666;
}
.post blockquote p {
margin: 0;
padding: 0 0 15px;
}
.gapad {
background: #FFF url(http://2.bp.blogspot.com/_kMUpUqMmduA/SVU81N7CTKI/AAAAAAAAA50/VjuFzYPFIzA/s1600/homepagetop.gif) top no-repeat;
float: left;
width: 590px;
margin: 0 0 10px;
padding: 10px;
border: 1px solid #DDD;
}
.comments {
background: #FFF url(http://2.bp.blogspot.com/_kMUpUqMmduA/SVU81N7CTKI/AAAAAAAAA50/VjuFzYPFIzA/s1600/homepagetop.gif) top no-repeat;
float: left;
width: 590px;
margin: 0 0 10px;
padding: 10px;
border: 1px solid #DDD;
}
#comments h4 {
color: #A91B33;
font-size: 22px;
font-family: Georgia, Times New Roman;
font-weight: normal;
margin: 0 0 20px;
padding: 10px 0 0;
}
#comments-block {
width: 580px;
float: left;
padding: 0;
margin: 0;
}
#comments-block .comment-author {
margin: .5em 0;
font-weight: bold;
}
#comments-block .comment-body {
margin: .25em 0 10px;
padding-left: 20px;
}
#comments-block .comment-footer {
margin: -.25em 0 2em;
line-height: 1.4em;
text-transform: uppercase;
letter-spacing: .1em;
border: 1px solid #DDD;
}
#comments-block .comment-body p {
margin: 0 0 .75em;
}
.deleted-comment {
font-style: italic;
color: gray;
}
#blog-pager-newer-link {
float: left;
display:none;
}
#blog-pager-older-link {
float: right;
display:none;
}
#blog-pager {
text-align: center;
display:none;
}
.feed-links {
clear: both;
line-height: 2.5em;
display:none;
}
.sidebar {
color: #666;
line-height: 1.5em;
}
.sidebar h2, .rsidebar h2, .lsidebar h2 {
background: #333 url(http://4.bp.blogspot.com/_kMUpUqMmduA/SVU81KcgGkI/AAAAAAAAA5s/F42frbPwJ00/s1600/headline.png);
color: #FFF;
font-size: 11px;
font-family: Arial, Tahoma, Verdana;
font-weight: bold;
text-transform: uppercase;
margin: 0 0 10px;
padding: 3px 0 3px 7px;
}
#sidebar p {
margin: 0;
padding: 0 0 0 45px;
}
#sidebar a img {
border: none;
margin: 0;
padding: 0;
}
.sidebar ul, .rsidebar ul, .lsidebar ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.sidebar ul li, .rsidebar ul li, .lsidebar ul li {
background: #FFF url(http://4.bp.blogspot.com/_kMUpUqMmduA/SVU81WBL-vI/AAAAAAAAA58/8Bw6OazI-mc/s1600/icon.gif) no-repeat;
list-style-type: none;
margin: 0 0 5px;
padding-left: 20px;
}
.sidebar .widget {
background: #FFF url(http://2.bp.blogspot.com/_kMUpUqMmduA/SVU_vsmsTCI/AAAAAAAAA7E/_GZxN8lX-mM/s1600/sidebartop.gif) top no-repeat;
float: left;
width: 300px;
margin: 0 0 10px;
padding: 10px;
border: 1px solid #DDD;
}
.sidebar .widget, .main .widget {
margin: 0 0 1.5em;
padding: 0 0 1.5em;
}
.sidebar .widget {
background: #FFF url(http://2.bp.blogspot.com/_kMUpUqMmduA/SVU_vsmsTCI/AAAAAAAAA7E/_GZxN8lX-mM/s1600/sidebartop.gif) top no-repeat;
float: left;
width: 300px;
margin: 0 0 10px;
padding: 10px;
border: 1px solid #DDD;
}
.main .Blog {
border-bottom-width: 0;
}
#footer {
width: 660px;
clear: both;
margin: 0 auto;
padding-top: 15px;
line-height: 1.6em;
text-transform: uppercase;
letter-spacing: .1em;
text-align: center;
}
#credits {
background: #93BBBC url(http://1.bp.blogspot.com/_kMUpUqMmduA/SVU83AJh2SI/AAAAAAAAA60/cBmw4fQjzF8/s1600/topnav.png);
width: 960px;
height: 30px;
margin: 0;
padding: 0;
text-align: center;
}
#credits p {
color: #FFF;
font-size: 11px;
font-family: Arial, Tahoma, Verdana;
margin: 0;
padding: 9px 0 0;
}
#credits a, #footer a:visited {
color: #FFF;
text-decoration: none;
}
#credits a:hover {
color: #FFF;
text-decoration: underline;
}
-->
lli.nav_element{display: none;}
li.nav_element a{display: none;}
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;}

TASARIMIN ÜSTÜNE

TASARIMIN ALTINA

</div>
<div class="item_foot"></div>
<div class="item">
</div>
<div class="item_foot"></div>
</div>
<div id="right">
<div class="box">
<h2>Menu</h2>
<center><ul>
<li><a href="#"><b>Prueva</b></a></li>
<li><a href="#">Prueva<</a></li>
<li><a href="#">Prueva</a></li>
<li><a href="#">Prueva</a></li>
<li><a href="#">Prueva</a></li>
<li><a href="#">Prueva</a></li>
<li><a href="#">Prueva</a></li>
</ul></center>
</div>
<div class="box">
<h2>Menu</h2>
<center><ul>
<li><a href="#">Prueva</a></li>
<li><a href="#">Prueva</a></li>
<li><a href="#">Prueva</a></li>
<li><a href="#">Prueva</a></li>
<li><a href="#">Prueva</a></li>
<li><a href="#">Prueva</a></li>
<li><a href="#">Prueva</a></li>
</ul></center>
</div>
<div class="box">
<h2>Menu</h2>
<center><ul>
<li><a href="#">Prueva</a></li>
<li><a href="#">Prueva</a></li>
<li><a href="#">Prueva</a></li>
<li><a href="#">Prueva</a></li>
<li><a href="#">Prueva</a></li>
<li><a href="#">Prueva</a></li>
<li><a href="#">Prueva</a></li>
</ul></center>
</div>
</div>
<div id="footer"><a href="http://www.viadeescape.es.tl/">Web design By Via de Escape</a><a href="http://www.viadeescape.es.tl" id="sub"></a>                    </div>
</div>
</body>
</html>

CSS BÖLÜMÜNE

lli.nav_element{display: none;}
li.nav_element a{display: none;}
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;}
*---------->>> GLOBAL <<<-----------*/
html { margin:0; padding:0;}
* { margin: 0; padding: 0; outline: 0; }
body {
margin:0; padding:0;
font-family: Tahoma, Verdana, Arial, "Trebuchet MS";
font-size: 12px;
color: #ffffff; text-align: center;
background: #282a34  none repeat-x top center;
}
/* ---------->>> structure <<<-----------*/
#container {
margin: 0 auto;
width: 875px;
text-align: center;
}
#container h1 {
background:url('http://img3.xooimage.com/files/e/e/3/banner-123e187.jpg') no-repeat;
width: 875px;/*875*/ height: 270px;/*270*/
padding: 20px 0 0 138px; margin: 0;
display: block; overflow: visible;
text-align: left; float: left;
font-size: 30px; font-weight:normal;
}
html>body #container h1 {
width: 737px; height: 250px;
}
/* ---------->>> left <<<-----------*/
#left {
width: 192px;
margin: 1px 0 0 0; padding: 0;
float: left;
text-align: left;
}
#left a {
color: #191919;
text-decoration: none;
margin: 20px 0 0 15px; padding: 0;
}
#left .box {
background: #ffffff url(http://img5.xooimage.com/files/6/8/5/side_foot-123e18e.jpg) no-repeat bottom center;
width: 192px;
margin: 12px 0 0 0; padding: 0 0 15px 0;
}
#left .box h2 {
background: #ffffff url(http://img9.xooimage.com/files/0/1/9/side_title-123e199.jpg) no-repeat top center;
width: 192px /*192*/; height: 31px /*31*/;
padding: 9px 0 0 0; margin: 0;
display: block; overflow: visible;
text-align: center;
font-size: 12px;
}
html>body #left .box h2 {
width: 192px; height: 22px;
}
#left ol#main {
margin: 6px 0 0 18px; padding: 0;
list-style: none;
}
ol#main li {
font-size: 12px;
}
ol#main li a:link, ol#main li a:visited {
color: #282a34;
text-decoration: none;
font-weight: normal;
margin: 8px 0 0 0; padding: 0 0 1px 0;
}
ol#main li a:hover, ol#main li a:active {
font-weight: bold;
margin: 2px 0 3px 6px; padding: 0 0 1px 0;
border-bottom: solid 1px #191919;
}
#left ul {
margin: 6px 0 0 18px; padding: 0;
list-style: none;
}
#left ul li a {
color: #191919;
text-decoration: none;
font-weight: normal;
margin: 0; padding: 0;
}
/* ---------->>> main <<<-----------*/
#content {
width: 478px;
margin: 1px 0 33px 5px; padding: 0;
float: left;
text-align: left;
}
.item {
background:  none repeat-y top center;
width: 478px;
margin: 12px 0 0 0; padding: 0;
}
.item_foot {
background:  none no-repeat bottom center;
width: 478px; height: 14px;
margin: 0; padding: 0;
}
.item h2 {
background: # url('http://img3.xooimage.com/files/4/f/a/main_title-123e1d5.jpg') no-repeat top center;
width: 478px /*478*/; height: 43px /*43*/;
padding: 9px 299px 0 43px; margin: 0;
text-align: center;
font-size: 12px;
}
html>body .item h2 {
width: 136px; height: 34px;
}
.item p {
font-weight: bold;
padding: 7px 11px 7px 11px; margin: 0;
}
.item a {
color: #CCCCCC;
text-decoration: none;
}
/* ---------->>> right <<<-----------*/
#right {
width: 192px;
margin: 1px 0 0 6px; padding: 0;
float: left;
text-align: left;
}
#right .box {
background: #ffffff url('http://img5.xooimage.com/files/6/8/5/side_foot-123e18e.jpg') no-repeat bottom center;
width: 192px;
margin: 12px 0 0 0; padding: 0 0 15px 0;
text-align: left;
}
#right a img {
color: #191919;
text-decoration: none;
text-align: center;
border: none;
margin: 5px 0px 5px 2px; padding: 0;
}
#right .box h2 {
background: #ffffff url('http://img9.xooimage.com/files/0/1/9/side_title-123e199.jpg') no-repeat top center;
width: 192px /*192*/; height: 31px /*31*/;
padding: 9px 0 0 0; margin: 0;
text-align: center;
font-size: 12px;
}
html>body #right .box h2 {
width: 192px; height: 22px;
}
/* ---------->>> right <<<-----------*/
#footer {
width: 875px; height: 73px;
background:  none no-repeat;
margin: 33px 0 0 0; padding: 0;
clear: both;
position: relative;
}
a#ct {
width: 151px; height: 31px;
position: absolute; top: 0; left: 703px;
}
a#sub {
background: url('./images/sub-2.jpg') no-repeat;
width: 137px; height: 62px;
position: absolute; top: 7px; left: 12px;
}

TASARIMIN ÜSTÜNE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Fierce Intentions created by Psycrotic @ ClanTemplates.com</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="container">
<div id="nav-container">
<a href="#">Prueva</a> -
<a href="#">Prueva</a> -
<a href="#">Prueva</a> -
<a href="#">Prueva</a> -
<a href="#">Prueva</a>
</div>
<div id="left">
<h1>Menu</h1>
<ul>
<li><a href="#">Prueva</a></li>
<li><a href="#">Prueva</a></li>
<li><a href="#">Prueva</a></li>
<li><a href="#">Prueva</a></li>
<li><a href="#">Prueva</a></li>
<li><a href="#">Prueva</a></li>
</ul>
<h1>Menu</h1>
<div class="box-bg">
<img src="http://img1.xooimage.com/files/8/4/5/ct_affiliate-12b5738.jpg" alt="Link Url" />
<img src="http://img7.xooimage.com/files/5/f/e/ct_logo-12b5745.jpg" alt="Link Url" />
</div>
<h1>Menu</h1>
<ul>
<li><a href="#">Prueva</a></li>
<li><a href="#">Prueva</a></li>
<li><a href="#">Prueva</a></li>
<li><a href="#">Prueva</a></li>
<li><a href="#">Prueva</a></li>
<li><a href="#">Prueva</a></li>
</ul>
</div>
<div id="middle">
<img src="images/main_banner.gif" alt="" />
<h1>Bienvenidos a mi Web</h1>

TASARIMIN ALTINA

CSS BÖLÜMÜNE

lli.nav_element{display: none;}
li.nav_element a{display: none;}
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;
background-color: #252525;
color:#ffffff;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#container {
width:998px;
margin:0 auto;
padding:0;
background: #252525 url('Imagen bg')  repeat-y;
}
#nav-container {
width:902px;
margin:0 auto;
height:41px;
background: #252525 url('http://img1.xooimage.com/files/0/1/5/nav_bg-12b555f.gif') top center no-repeat;
text-align:center;
font-weight:bold;
padding-top:5px;
text-transform:uppercase;
font-family: Arial, Tahoma, Helvetica, sans-serif;
color:#919191;
}
#nav-container a {
color:#919191;
text-decoration:none;
}
#nav-container a:hover {
color:#dedede;
}
#right, #left {float:left;width:201px;}
#right ul, #left ul {
margin:0;
list-style:none;
padding:0;
color:#dedede;
}
#right li, #left li {
margin:0;
padding:5px 0 0 12px;
height:16px;
width:186px;
background: #252525 url('http://img3.xooimage.com/files/0/e/5/list_bg_left-12b5570.gif') top center no-repeat;
}
#right li a, #left li a {
color:#dedede;
}
#right li a:hover, #left li a:hover {
text-decoration:none;
}
#right li {
background: #252525 url('http://img9.xooimage.com/files/7/5/8/list_bg_right-12b5581.gif') top center no-repeat;
text-align:right;
width:184px;
padding:5px 14px 0 0;
}
#right h1, #left h1 {
background: #252525 url('http://img1.xooimage.com/files/c/d/e/list_header-12b5594.jpg') top center no-repeat;
height:19px;
width:190px;
margin:0;
padding:4px 0 0 10px;
font-size:11px;
color:#FFFFFF;
text-transform:uppercase;
font-stretch:condensed;
font-family: Arial, Tahoma, Helvetica, sans-serif;
font-weight:bold;
}
* html #right h1, * html #left h1 {width:189px;}
#right h1 {
background-image:url('http://img9.xooimage.com/files/9/e/b/list_header_right-12b55ac.jpg');
text-align:right;
padding:4px 10px 0 0;
}
#right h1 small, #left h1 small {
color:#df6e22;
font-size:11px;
}
#right .box-bg, #left .box-bg {
background:#1E1E1E url('http://img9.xooimage.com/files/b/a/3/box_bg-12b55b6.jpg') top center no-repeat;
text-align:center;
margin:0;
padding:5px;
width:190px;
}
* html #right .box-bg, * html #left .box-bg {width:189px;}
.box-bg img {margin:5px;}
.box-bg p {text-align:left;}
#left { margin-left:49px;}
* html #left {margin-left:25px;}
#middle {float:left; width:500px; }
#middle h1 {
font-size:10px;
margin:5px auto 0 auto;
background:#252525 url('http://img1.xooimage.com/files/c/c/c/content_h1-12b55c4.jpg') top center no-repeat;
width:475px;
height:35px;
padding:11px 0 0 20px;
}
#middle p {
background:#252525 url('http://img9.xooimage.com/files/5/1/b/content_bg-12b55d8.jpg') top center repeat-y ;
width:485px;
margin:0 0 0 2px;
font-size:10px;
padding:0 5px 10px 5px;
}
#footer {
clear:both;
height:27px;
width:938px;
margin:0 auto;
padding:13px 0 0 60px;
background: #252525  none top center no-repeat;
font-weight:bold;
font-family: Arial, Tahoma, Helvetica, sans-serif;
color:#3f3f3f;
}
#footer a, #footer a:link, #footer a:active {
color:#656565;
text-decoration:none;
}
#footer a:hover {
text-decoration:underline
}

TAM SAYFA GÖRMEK İÇİN TIKLAYINIZ

TASARIMIN ÜSTÜNE

TASARIMIN ALTINA

</div>
</div>

<div class="right_content">
<div class="title_box">Search</div>
<div class="border_box">
<input type="text" name="newsletter" class="newsletter_input" value="keyword"/>
<a href="http://www.free-css.com/" class="join">search</a> </div>
<div class="shopping_cart">
<div class="title_box">Shopping cart</div>
<div class="cart_details"> 3 items <br />
<span class="border_cart"></span> Total: <span class="price">350$</span> </div>
<div class="cart_icon"><a href="http://www.free-css.com/"><img src="http://img25.xooimage.com/files/c/7/6/shoppingcart-129866f.png" alt="" width="35" height="35" border="0" /></a></div>
</div>
<div class="title_box">What’s new</div>
<div class="border_box">
<div class="product_title"><a href="http://www.free-css.com/">Motorola 156 MX-VL</a></div>
<div class="product_img"><a href="http://www.free-css.com/"><img src="http://img47.xooimage.com/files/6/6/6/p2-129867b.jpg" alt="" border="0" /></a></div>
<div class="prod_price"><span class="reduce">350$</span> <span class="price">270$</span></div>
</div>
<div class="title_box">Manufacturers</div>
<ul class="left_menu">
<li class="odd"><a href="http://www.free-css.com/">Bosch</a></li>
<li class="even"><a href="http://www.free-css.com/">Samsung</a></li>
<li class="odd"><a href="http://www.free-css.com/">Makita</a></li>
<li class="even"><a href="http://www.free-css.com/">LG</a></li>
<li class="odd"><a href="http://www.free-css.com/">Fujitsu Siemens</a></li>
<li class="even"><a href="http://www.free-css.com/">Motorola</a></li>
<li class="odd"><a href="http://www.free-css.com/">Phillips</a></li>
<li class="even"><a href="http://www.free-css.com/">Beko</a></li>
</ul>
<div class="banner_adds"> <a href="http://www.free-css.com/"><img src="http://img29.xooimage.com/files/4/8/5/bann1-129868a.jpg" alt="" border="0" /></a> </div>
</div>

</div>

<div class="footer">
<div class="left_footer"> <img src="images/footer_logo.png" alt="" width="89" height="42"/> </div>
<div class="center_footer"> Template name. All Rights Reserved 2008<br />
<a href="http://csscreme.com"><img src="http://img23.xooimage.com/files/f/b/8/csscreme-1298695.jpg" alt="csscreme" title="csscreme" border="0" /></a><br />
<img src="http://img21.xooimage.com/files/4/5/8/payment-129869f.gif" alt="" /> </div>
<div class="right_footer"> <a href="http://www.free-css.com/">home</a> <a href="http://www.free-css.com/">about</a> <a href="http://www.free-css.com/">sitemap</a> <a href="http://www.free-css.com/">rss</a> <a href="http://www.PwG-DesignS.es.tl/">PwG-DesignS</a> </div>
</div>
</div>

</body>
</html>

CSS BÖLÜMÜNE

lli.nav_element{display: none;}
li.nav_element a{display: none;}
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:url(http://img43.xooimage.com/files/c/f/d/bg-12984fd.jpg) repeat-x #e4e9ec top;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin:0px auto auto auto;
color:#000;
}
p{
padding:2px;
margin:0px;
}
#main_container{
width:1000px;
height:auto;
margin:auto;
padding:0px;
background-color:#FFFFFF;
}
#header{
width:1000px;
height:136px;
background:url(http://img27.xooimage.com/files/4/d/3/header_bg-129850b.jpg) no-repeat center;
background-position:0px 0px;
margin:auto;
}
#logo{
float:left;
padding:45px 0 0 15px;
}
#main_content{
clear:both;
}
.languages{
float:right;
width:150px;
padding:8px 0 0 0;
}
.lang_text{
float:left;
padding:0 5px 0 0;
color:#1DA1CF;
}
a.lang{
display:block;
float:left;
padding:0 5px 0 5px;
}
.top_right{
width:728px;
float:right;
}
.big_banner{
float:right;
padding:10px 10px 0 0;
}
/*---------------- menu tab----------------------*/
#menu_tab{
width:1000px;
height:36px;
background:url(http://img27.xooimage.com/files/7/8/0/menu_bg-1298511.gif) repeat-x;
}
ul.menu {
list-style-type:none; float:left; display:block; width:982px;
margin:0px; padding:0px;background:url(http://img27.xooimage.com/files/7/8/0/menu_bg-1298511.gif) repeat-x;}
ul.menu li {
display:inline;
font-size:11px;
font-weight:bold;
line-height:36px;
}
ul.menu li.divider {
display:inline;
width:4px;
height:36px;
float:left;
background:url(http://img21.xooimage.com/files/3/7/b/menu_divider-1298523.gif) no-repeat center;
}
a.nav:link, a.nav:visited {
display:block; float:left; padding:0px 8px 0px 8px; margin:0 14px 0 14px;height:36px;text-decoration:none;color:#fff;}
a.nav:hover{
display:block; float:left; padding:0px 8px 0px 8px; margin:0 14px 0 14px;height:36px;text-decoration:none;color:#199ECD;}
/*----------------crumb_navigation-------------*/
.crumb_navigation{
width:980px;
height:15px;
padding:5px 10px 0 20px;
color:#333333;
background:url(http://img47.xooimage.com/files/1/b/4/navbullet-1298530.png) no-repeat left;
background-position:5px 8px;
}
.crumb_navigation a{
color:#0fa0dd;
text-decoration:underline;
}
span.current{
color:#0fa0dd;
}
/*-------------left_content------------------*/
.left_content{
width:180px;
float:left;
padding:0 0 0 5px;
}
.title_box{
width:180px;
height:30px;
margin:5px 0 0 0;
background:url(http://img47.xooimage.com/files/b/c/a/menu_title_bg-1298536.gif) no-repeat center;
text-align:center;
font-size:13px;
font-weight:bold;
color:#159dcc;
line-height:30px;
}
/*--------left menu---------*/
ul.left_menu{
width:180px;
padding:0px;
margin:0px;
list-style:none;
}
ul.left_menu li{
margin:0px;
list-style:none;
}
ul.left_menu li.odd a{
width:166px;height:25px;display:block; border-bottom:1px #e4e4e4 dashed;
text-decoration:none;color:#504b4b;padding:0 0 0 14px; line-height:25px;
}
ul.left_menu li.even a{
width:166px;height:25px;display:block; border-bottom:1px #e4e4e4 dashed; background-color:#f0f4f5;
text-decoration:none;color:#504b4b;padding:0 0 0 14px; line-height:25px;
}
ul.left_menu li.even a:hover, ul.left_menu li.odd a:hover{
color:#000; text-decoration:underline;
}
.border_box{
width:180px;
height:auto;
text-align:center;
background:url(images/box_bottom_bg.gif) no-repeat center bottom;
}
.product_title{
color:#ff8a00;
padding:5px 0 5px 0;
font-weight:bold;
}
.product_title a{
text-decoration:none;
color:#ff8a00;
padding:5px 0 5px 0;
font-weight:bold;
}
.product_title a:hover{
color:#064E5A;
}
.product_img{
padding:5px 0 5px 0;
}
.prod_price{
padding:5px 0 5px 0;
}
span.reduce{
color:#666666;
text-decoration:line-through;
}
span.price{
color: #ff8a00;
}
/*----------newsletter--------------*/
input.newsletter_input{
width:150px;
height:16px;
border:1px #ddd9d9 solid;
margin:10px 0 5px 0;
font-size:12px;
padding:3px;
color:#999999;
}
a.join{
width:17px;
display:block;
margin:0px 0 5px 110px;
padding:2px 8px 6px 8px;
text-decoration: underline;
color:#169ECC;
}
.banner_adds{
width:180px;
text-align:center;
padding:10px 0 10px 0;
}
/*--------------oferta------------------*/
.oferta{
width:585px;
height:156px;
background:url(http://img29.xooimage.com/files/f/9/f/slider_bg-129855f.gif) no-repeat center;
float:left;
padding:0px;
margin:0 0 5px 5px;
}
.oferta_img{
float:left;
padding:10px 0 0 10px;
}
.oferta_title{
font-size:15px;
color:#159dcc;
font-weight:bold;
}
.oferta_details{
width:340px;
float:left;
padding:20px 0 0 30px;
}
.oferta_text{
padding:5px 0 5px 0;
font-size:12px;
color:#159dcc;
text-align:justify;
line-height:15px;
}
/*center content--------------------------*/
.center_content{
width:600px;
float:left;
padding:5px 10px 5px 15px;
}
.center_title_bar{
width:575px;
height:31px;
float:left;
padding:0 0 0 10px;
margin:0 0 0 5px;
line-height:31px;
font-size:12px;
color:#159DCC;
font-weight:bold;
background:url(http://img49.xooimage.com/files/e/4/c/bar_bg-129856e.gif) no-repeat center;
}
/*----------------------right content--------------*/
.right_content{
width:180px;
float:left;
padding:0px;
}
.shopping_cart{
width:180px;
height:84px;
text-align:center;
}
.cart_title{
font-size:12px;
font-size:12px;
color:#847676;
font-weight:bold;
padding:0px;
}
.cart_details{
width:115px;
float:left;
padding:5px 0 0 15px;
text-align:left;
}
.cart_icon{
float:left;
padding:5px 0 0 5px;
}
span.border_cart{
width:100px;
height:1px;
margin:3px 0 3px 0;
display:block;
border-top:1px #999999 dashed;
}
/*---------prod_box----------*/
.prod_box{
width:173px;
height:auto;
float:left;
padding:10px 10px 10px 11px;
}
.center_prod_box{
width:173px;height: auto;float:left; text-align:center;padding:0px; margin:0px; border:1px #F0F4F5 solid;
}
.prod_details_tab{
width:173px;
height:31px;
float:left;
margin:3px 0 0 0;
}
img.left_bt{
float:left;
padding:6px 0 0 6px;
}
a.prod_details{
width:75px;
height:24px;
display:block;
float:right;
background:url(http://img29.xooimage.com/files/1/3/c/link_bg-1298575.gif) no-repeat center;
margin:2px 5px 0 0;
text-align:center;
line-height:24px;
text-decoration:none;
color:#159dcc;
}
a.prod_compare{
width:75px;
height:24px;
display:block;
float:left;
background:url(http://img29.xooimage.com/files/1/3/c/link_bg-1298575.gif) no-repeat center;
margin:2px 0 0 5px;
text-align:center;
line-height:24px;
text-decoration:none;
color:#159dcc;
}
a.prod_buy{
width:75px;
height:24px;
display:block;
float:left;
background:url(http://img29.xooimage.com/files/1/3/c/link_bg-1298575.gif) no-repeat center;
margin:2px 0 0 5px;
text-align:center;
line-height:24px;
text-decoration:none;
color: #006600;
}
/*---------prod_box_big----------*/
.prod_box_big{
width:554px;
height:auto;
float:left;
padding:10px 10px 15px 15px;
}
.center_prod_box_big{
width:554px;height: auto;float:left; text-align:center;padding:0 0 10px 0; margin:0px;border:1px #F0F4F5 solid;
}
.product_img_big{
width:170px;
padding:10px 0 0 10px;
float:left;
}
.details_big_box{
width:345px;
float:left;
padding:0 0 0 15px;
text-align:left;
}
.product_title_big{
color:#ff8a00;
padding:5px 0 5px 0;
font-weight:bold;
font-size:14px;
}
.specifications{
font-size:12px;
font-weight:bold;
line-height:18px;
}
.thumbs{
padding:8px 5px 8px 5px;
border:1px #DFD1D1 solid;
margin:15px 0 0 0;
}
.thumbs a{
padding:3px;
}
.prod_price_big{
padding:5px 0 5px 0;
font-size:16px;
}
a.addtocart{
width:76px;
height:27px;
display:block;
float:left;
background:url(images/addtocart.gif) no-repeat left;
padding:0 0 0 33px;
text-decoration:none;
line-height:27px;
color:#1c4a52;
}
a.compare{
width:76px;
height:27px;
display:block;
float:left;
margin:0 0 0 10px;
background:url(images/compare.gif) no-repeat left;
padding:0 0 0 33px;
text-decoration:none;
line-height:27px;
color:#1c4a52;
}
span.blue{
color:#159DCC;
}
/*---------------contact_form------------------*/
.contact_form{
width:355px;
float:left;
padding:0px 0 0 75px;
}
.form_row{
width:335px;
clear:both;
padding:10px 0 10px 0;
color:#a53d17;
}
label.contact{
width:75px;
float:left;
font-size:12px;
text-align:right;
padding:4px 5px 0 0;
color: #333333;
}
input.contact_input{
width:253px;
height:18px;
background-color:#fff;
color:#999999;
border:1px #DFDFDF solid;
float:left;
}
textarea.contact_textarea{
width:253px;
height:100px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #999999;
background-color:#fff;
border:1px #DFDFDF solid;
float:left;
}
a.contact{
width:99px;
height:27px;
display:block;
float:right;
margin:0 0 0 10px;
background:url(images/contact_bt.gif) no-repeat left;
padding:0 0 0 10px;
text-decoration:none;
line-height:27px;
color:#1c4a52;
}
/*--------------footer----------------*/
.footer{
width:1000px;
clear:both;
height:65px;
background:url(http://img43.xooimage.com/files/b/5/3/footer_bg-12985a6.gif) repeat-x top;
}
.left_footer{
float:left;
width:300px;
padding:5px 0 0 10px;
}
.right_footer{
float:right;
padding:15px 30px 0 0;
}
.right_footer a{
padding:0 0 0 7px;
text-decoration:none;
color: #666666;
}
.right_footer a:hover{
text-decoration:underline;
}
.center_footer{
float:left;
width:200px;
text-align:center;
color:#666666;
padding:10px 0 0 60px;
}

TASARIMIN ÜSTÜNE

TASARIMIN ALTINA

</div>
</div>
<div id="sidebar">
<div class="sidebartop"> <a href="http://www.free-css.com/"><img src="images/feed.jpg" alt="" /></a></div>
<div class="sidebarcontent">
<div class="sidebarbox">
<h2>About</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam commodo ornare massa. Vivamus eu nisi. Pellentesque non quam a mauris lacinia condimentum. Nulla facilisi. Fusce malesuada, ligula ac vehicula lobortis, sapien augue ultrices eros, at imperdiet mi lorem nec ipsum. Cras hendrerit blandit enim. <a href="http://www.free-css.com/">Read More</a></p>
</div>
<div class="sidebarcol">
<h2>Pages</h2>
<ul class="normalmenu">
<li><a href="http://www.free-css.com/">Welcome Page</a></li>
<li><a href="tables.html">Tables Example</a></li>
<li><a href="forms.html">Forms Example</a></li>
<li><a href="http://www.free-css.com/">No Go Link</a></li>
</ul>
</div>
<div class="sidebarcol">
<h2>Categories</h2>
<ul class="normalmenu">
<li><a href="http://www.free-css.com/">Web Design</a></li>
<li><a href="http://www.free-css.com/">Graphic Design</a></li>
<li><a href="http://www.free-css.com/">CSS & XHTML</a></li>
<li><a href="http://www.free-css.com/">Wordpress</a></li>
</ul>
</div>
<p class="clear2"></p>
<h2>Recent Posts</h2>
<ul class="posts">
<li><a href="http://www.free-css.com/"> Donec mattis metus eget dui. </a></li>
<li><a href="http://www.free-css.com/">Sed egestas suscipit risus. </a></li>
<li><a href="http://www.free-css.com/">Nulla odio nunc, consectetuer ut</a></li>
<li><a href="http://www.free-css.com/"> placerat eleifend, vestibulum eget, justo. </a></li>
<li><a href="http://www.free-css.com/">Morbi non elit. Suspendisse iaculis nisi.</a></li>
<li><a href="http://www.free-css.com/"> Curabitur nulla. </a></li>
<li><a href="http://www.free-css.com/">Maecenas scelerisque convallis arcu. </a></li>
</ul>
</div>
<div class="sidebarbtm"></div>
</div>
<div class="clear"></div>
</div>
<div id="footer"> Copy right © Information | <a href="http://www.free-css.com/">And</a> | <a href="http://www.free-css.com/">Some</a> | <a href="http://www.free-css.com/">Links</a> | <a href="http://www.free-css.com/">Goes</a> | <a href="http://www.free-css.com/">Here</a>
<div id="credit"> <a href="http://ramblingsoul.com">CSS Template</a> Rambling Soul | Plantilla adaptada por <a href="http://kilometro6.es.tl">Kilometro6</a> </div>
</div>
</div>
</body>
</html>

CSS BÖLÜMÜNE

lli.nav_element{display: none;}
li.nav_element a{display: none;}
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;
}
#wrap {
margin: auto;
width: 893px;
}
#wrap #topbar {
height: 35px;
padding-top: 15px;
}
#wrap #header {
background: url(http://img29.xooimage.com/files/8/1/c/header-125da66.jpg) no-repeat;
height: 176px;
}
body {
background: #E6E0D2; url(http://img45.xooimage.com/files/c/2/b/bg-125da69.jpg) repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
#wrap #main #content p {
line-height: 22px;
margin-bottom: 25px;
color: #513F33;
}
#wrap #main #sidebar .sidebarcontent .sidebarcol {
float: left;
width: 48%;
}
#wrap #main #sidebar .sidebarcontent .sidebarbox {
color: #513F33;   font-size: 11px;
padding: 10px;
background: #F2ECD7;
margin: 0px 10px 10px 10px;
line-height: 18px;
}
#wrap #main #content .post .posthead span {
color: #E84002;
}
#wrap #main #content .post .posthead h2 {
font-family: "Trebuchet MS", Arial, Verdana;
font-size: 25px;
color: #000000;
}
#wrap #main #content .post .posthead .datebox {
display: block;
margin: 0px;
padding: 0px;
background-image: url(http://img27.xooimage.com/files/f/e/e/date-125da74.jpg);
background-repeat: no-repeat;
height: 96px;
width: 112px;
float: right;
}
#wrap #main #content h1, h2, h3, h4 {
color: #000000;
font-family: "Trebuchet MS", Verdana, Halvetica, Arial;
}
#wrap #main #content .post form {
padding-right: 15px;
padding-left: 15px;
}
#wrap #main #content .post #form label {
font-family: "Trebuchet MS", Verdana, Halvetica, Arial;
font-size: 12px;
color: #040507;
display: block;
}
#wrap #main #content .post #form .textfield {
display: block;
width: 250px;
border: 1px solid #AF9D72;
background-color: #F2ECD7;
}
#wrap #main #content .post .posthead .datebox .day {
font-size: 32px;
display: block;
text-align: center;
padding-top: 18px;
color: #999900;
}
#wrap #main #content .post .posthead .datebox .month {
display: block;
text-align: center;
}
#wrap #main #content .post .postinfo {
background-color: #F2ECD7;
padding: 3px;
margin: 0px;
color: #E83900;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: dotted;
border-bottom-style: dotted;
border-top-color: #D4CEC2;
border-bottom-color: #D4CEC2;
font-size: 10px;
}
#wrap #main #content .post {
margin-top: 15px;
margin-bottom: 15px;
}
#wrap #main #sidebar .sidebartop img {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
padding-top: 5px;
padding-right: 15px;
padding-bottom: 5px;
padding-left: 25px;
}
#wrap #header #description {
font-family: "Trebuchet MS", Arial, Verdana;
font-variant: small-caps;
font-size: 14px;
display: block;
float: right;
width: 100px;
text-align: center;
padding-right: 90px;
padding-top: 55px;
color: #FFFFFF;
font-weight: normal;
}
#wrap #main #content .post .readmore {
display: inline;
background-color: #F2ECD7;
padding: 3px;
}
#wrap #topbar #sitename {
color: #EC4900;
font-family: "Trebuchet MS", Arial, Verdana;
font-size: 26px;
margin: 0px;
padding-left: 15px;
display: block;
float: left;
}
#wrap #main #sidebar .sidebarcontent h2 {
color: #000000;
font-family: "Trebuchet MS", Arial, Verdana;
text-transform: uppercase;
font-weight: normal;
font-size: 20px;
display: block;
padding-left: 10px;
}
#wrap #main #sidebar .sidebarcontent ul {
list-style-type: none;
padding-left: 15px;
margin-bottom: 15px;
}
#wrap #main #sidebar .sidebarcontent .posts li {
padding: 5px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #F2ECD7;
}
#wrap #main #sidebar .sidebarcontent .posts a {
color: #938157;
text-decoration: none;
}
#wrap #topbar #sitename span {
color: #000000;
}
.clear {
clear: both;
}
#wrap #main #content {
width: 490px;
float: left;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 15px;
}
#wrap #main #sidebar {
margin-left: 520px;
}
#wrap #main #sidebar .sidebartop {
background-image: url(http://img41.xooimage.com/files/7/7/8/sidebar1-125da7c.jpg);
background-repeat: no-repeat;
height: 51px;
}
#wrap #main #sidebar .sidebarcontent {
background-image: url(http://img45.xooimage.com/files/f/6/1/sidebar2-125da86.jpg);
background-repeat: repeat-y;
padding-top: 5px;
padding-right: 15px;
padding-bottom: 5px;
padding-left: 25px;
}
#wrap #main #sidebar .sidebarbtm {
background: url(http://img25.xooimage.com/files/6/4/c/sidebar3-125da8d.jpg) no-repeat;
height: 73px;
}
#wrap #main #sidebar .sidebarcontent .posts a:visited, active {
color: #938157;
text-decoration: none;
}
#wrap #main #sidebar .sidebarcontent .posts a:hover {
color: #282317;
text-decoration: none;
}
#wrap #main #sidebar .sidebarcontent .normalmenu li {
display: block;
height: 25px;
border-bottom: solid 1px#F2ECD7;
}
#wrap #main #sidebar .sidebarcontent .normalmenu a {
display: block;
height: 20px;
padding-top: 5px;
padding-left: 5px;
color: #A2816D;
text-decoration: none;
border-bottom-color: #DCFC3;
}
#wrap #main #sidebar .sidebarcontent .normalmenu a:visited, active {
display: block;
height: 20px;
padding-top: 5px;
padding-left: 5px;
color: #A2816D;
text-decoration: none;
border-bottom-color: #DCFC3;
}
#wrap #main #content a {
color: #993300;
}
#wrap #main #sidebar .sidebarcontent .normalmenu a:hover {
display: block;
height: 20px;
padding-top: 5px;
padding-left: 5px;
color: #333333;
text-decoration: none;
background-color: #F2ECD7;
}
#wrap #main #content a:visited, active {
color: #993300;
}
#wrap #main #content a:hover {
color: #000000;
text-decoration: none;
}
#wrap #footer {
background : url(http://img21.xooimage.com/files/4/1/f/footer-125da94.jpg) no-repeat center top;
padding: 25px 15px 15px 15px;
text-align: center;
}
#wrap #footer #credit {
padding-top: 25px;
font-size: 10px;
}
#wrap #footer a {
color: #990000;
}
#wrap #footer a:visited, active {
color: #990000;
}
#wrap #footer a:hover {
color: #000000;
text-decoration: none;
}
#wrap #main #sidebar .sidebarcontent  a {
color: #990000;
}
#wrap #main #sidebar .sidebarcontent a:visited, active {
color: #990000;
}
#wrap #main #sidebar .sidebarcontent a:hover {
color: #000000;
text-decoration: none;
}
#wrap #main #content .post blockquote {
font-size: 16px;
font-family: Georgia, "Times New Roman", Times, serif;
background : url(http://img21.xooimage.com/files/2/e/e/blockquote-125da9b.jpg) no-repeat left top;
padding : 5px 5px 5px 30px;
display: block;
text-align: right;
border-right: dashed 1px #CEC8BC;
margin: 5px 10px 5px 5px;
}
#wrap #main #content .post img {
padding: 3px;
background-color: #FFFFCC;
border: 1px solid #D1C6AB;
}
#wrap #main #content .post .alignleft {
float: left;
margin: 5px;
}
#wrap #main #content .post .posthead .postinfotop {
font-size: 10px;
margin: 0px;
}
#wrap #main #content .post blockquote p {
color: #993300;
padding: 0px;
margin: 0px;
}
#wrap #main #content .post ul {
padding: 10px;
list-style-type: none;
margin-left: 15px;
}
#wrap #main #content .post ol {
padding: 10px;
list-style-type: decimal;
margin-left: 15px;
list-style-position: inside;
}
#wrap #main #content .post ul li {
background: url(http://img25.xooimage.com/files/b/7/e/bullet-125daa1.jpg) no-repeat 0px 7px;
padding:3px 15px 3px;
padding-top: 3px;
}
#wrap #main #content .post ol li {
margin-bottom: 5px;
padding-top: 3px;
padding-bottom: 3px;
}
#wrap #main #content .post code {
font-size: 12px;
color: #333333;
background: #F0F0F0;
white-space: pre;
padding: 10px;
margin-bottom: 25px;
font-family: "Courier New", Courier, monospace;
display: block;
}
#wrap #main #content .post #pagination {
padding: 5px;
margin-top: 15px;
margin-bottom: 15px;
text-align: center;
}
#wrap #main #content .post #pagination span {
padding-left: 150px;
}
#wrap #main #content  table {
width: 95%;
border: 1px solid #C5B798;
margin-top: 15px;
margin-bottom: 25px;
}
#wrap #main #content .post  td {
border-bottom: 1px solid #CDC1A7;
padding: 5px;
}
#wrap #main #content .post  th {
font-family: "Trebuchet MS", Arial, Verdana;
font-size: 14px;
padding: 5px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CDC1A7;
background-color: #CDC1A7;
color: #993300;
}
#wrap #main #content .post .extract {
font-size: 16px;
font-family: Georgia, "Times New Roman", Times, serif;
background: url(http://img21.xooimage.com/files/2/e/e/blockquote-125da9b.jpg) no-repeat left top;
padding: 5px 5px 5px 30px;
display: block;
float: left;
width: 150px;
text-align: right;
border-right: dashed 1px #CEC8BC;
margin: 5px 10px 5px: 5px;
}
#wrap #main #content .post #form .textfield:hover {
display: block;
width: 250px;
border: 1px solid #AF9D72;
background-color: #FFFFCC;
}
#wrap #main #content .post #form input {
padding: 3px;
margin-bottom: 15px;
}
#wrap #main #content .post #form .buttons {
padding: 15px;
}
#wrap #main #content .post #form .buttons input {
border: 1px solid #AF9D72;
background-color: #F2ECD7;
}
#wrap #topbar #topmenu {
float: right;
font-size: 16px;
font-family: "Trebuchet MS", Verdana, Halvetica, Arial;
padding-right: 15px;
padding-left: 15px;
}
#wrap #topbar #topmenu ul {
list-style-type: none;
}
#wrap #topbar #topmenu li {
display: inline;
}
#wrap #topbar #topmenu a {
display: block;
float: left;
text-decoration: none;
color: #993300;
font-weight: bold;
padding-right: 15px;
padding-left: 10px;
margin-left: 5px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #E0D9C9;
}
#wrap #main #content .post #form .textfield:focus {
display: block;
width: 250px;
border: 1px solid #70613F;
background-color: #FFFFFF;
}
#wrap #topbar #topmenu a:visited, active {
display: block;
float: left;
text-decoration: none;
color: #993300;
font-weight: bold;
padding-right: 15px;
padding-left: 10px;
margin-left: 5px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #E0D9C9;
}
#wrap #topbar #topmenu a:hover {
display: block;
float: left;
text-decoration: underline;
color: #000000;
font-weight: bold;
padding-right: 15px;
padding-left: 10px;
margin-left: 5px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #E0D9C9;
}
#wrap #topbar #sitename a {
color: #E84002;
text-decoration: none;
}
#wrap #topbar #sitename a:visited, active, hover {
color: #E84002;
text-decoration: none;
}

TAM SAYFA GÖRMEK İÇİN TIKLAYINIZ

TASARIMIN ÜSTÜNE

TASARIMIN ALTINA

</div>
<div id="templatemo_right_column">
<div class="templatemo_section">
<form method="get" action="#">
<input name="search" type="text" value="Search Anything"  id="keyword" /> <input type="submit" value="Go" class="button" />
</form>
</div>
<div class="templatemo_section">
<div class="section1_top"></div>
<div class="section1_middle">
<h2>Categories</h2>
<ul>
<li><a href="#">» Vestibulum dapibus tortor</a></li>
<li><a href="#">» Cum sociis natoque penatibus</a></li>
<li><a href="#">» Lorem ipsum dolor sit amet</a></li>
<li><a href="#">» Cras urna metus, feugiat non</a></li>
<li><a href="http://www.templatemo.com" target="_parent">» Free CSS Layouts</a></li>
</ul>
</div>
<div class="section1_bottom"></div>
</div>
<div class="templatemo_section">
<div class="section2_top"></div>
<div class="section2_middle">
<h2>Archives</h2>
<ul>
<li><a href="#">» Suspendisse potenti</a></li>
<li><a href="#">» Aliquam tristique lacus</a></li>
<li><a href="#">» Duis pulvinar scelerisque ante</a></li>
<li><a href="#">» Maecenas aliquam</a></li>
<li><a href="#">» Vestibulum quis pede</a></li>
</ul>
</div>
<div class="section2_bottom"></div>
</div>
<div class="templatemo_section">
<div class="section3_top"></div>
<div class="section3_middle">
<h2>Quick Links</h2>
<ul>
<li><a href="#">» External Web Link One</a></li>
<li><a href="#">» Website Link Two</a></li>
<li><a href="#">» Friend Website Link</a></li>
<li><a href="http://www.flashmo.com" target="_parent">» Flash Templates</a></li>
<li><a href="http://www.templatemo.com" target="_parent">» Free CSS Templates</a></li>
</ul>
</div>
<div class="section3_bottom"></div>
</div>
</div>
</div>
<div id="templatemo_bottom"></div>
<div id="templatemo_footer">
<a href="#">Home</a> |
<a href="#">FAQs</a> | <a href="#">Terms of Use</a> |
<a href="#">Privacy Policy</a> | <a href="#">Contact Us</a>
<br />
Copyright © 2008 <a href="#">Your Company Name</a> | Designed by <a href="http://www.templatemo.com" target="_blank">templatemo.com</a> Adaptado por <a href="http://www.musica-zone.es.tl" target="_blank">Musica-Zone</a>
</div>
</div>
</div>
</div>
</body>
</html>

CSS BÖLÜMÜNE

TAM EKRAN GÖRMEK İÇİN TIKLAYINIZ

TASARIMIN ÜSTÜNE

TASARIMIN ALTINA

CSS BÖLÜMÜNE

TAM EKRAN GÖRMEK İÇİN TIKLAYINIZ

TASARIMIN ÜSTÜNE

TASARIMIN ALTINA

</div> 
</div> 
<div id="templatemo_content_right">
<div class="templatemo_right_section">
<h2>About This Blog</h2>
<p>This free web blog layout is provided by <a href="http://www.templatemo.com" target="_parent">TemplateMo.com</a>. You may download, modify and apply this layout for any blog CMS websites.</p>
</div>
<div class="templatemo_right_section">
<h2>Categories</h2>
<ul>
<li><a href="#">Lorem ipsum</a></li>
<li><a href="#">Duis mollis</a></li>
<li><a href="#">Maecenas adipiscing</a></li>
<li><a href="#">Nunc blandit orci</a></li>
<li><a href="#">Cum sociis natoque</a></li>
</ul>
</div>
<div class="templatemo_right_section">
<h2>Archives</h2>
<ul>
<li><a href="#">January 2024</a></li>
<li><a href="#">December 2023</a></li>
<li><a href="#">November 2023</a></li>
<li><a href="#">October 2023</a></li>
<li><a href="#">September 2023</a></li>
</ul>
</div>
<div class="templatemo_right_section">
<h2>Recent Comments</h2>
<ul>
<li>Lorem Ipsum on <a href="#">Donec mollis aliquet</a></li>
<li>Consectetuer on <a href="#">Suspendisse a nibh</a></li>
<li>Sed on <a href="#">Pellentesque vitae magna</a></li>
<li>Vitae Neque on <a href="#">Nunc blandit orci sit</a></li>
<li>Donec Mollis on <a href="#">Maecenas adipiscing</a></li>
</ul>
</div>
</div> 
</div> 
</div> 
<div id="templatemo_bottom_panel">
<div id="templatemo_bottom_section">
<div class="templatemo_bottom_section_content">
<h3>W3C Validations</h3>
<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi dapibus dolor sit amet metus suscipit iaculis. Quisque at nulla eu elit adipiscing tempor.</p>
<a href="http://validator.w3.org/check?uri=referer"><img style="border:0;width:88px;height:31px" src="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"><img style="border:0;width:88px;height:31px"  src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="Valid CSS!" vspace="8" border="0" /></a>
</div>
<div class="templatemo_bottom_section_content">
<h3>Friends</h3>
<ul>
<li><a href="http://www.templatemo.com" target="_parent">Website Templates</a></li>
<li><a href="http://www.flashmo.com" target="_parent">Flash Templates</a></li>
<li><a href="http://www.webdesignmo.com" target="_parent">Web Design Blog</a></li>
<li><a href="#">Nunc blandit orci</a></li>
<li><a href="#">Cum sociis natoque</a></li>
</ul>
</div>
<div class="templatemo_bottom_section_content">
<h3>Usage Policies</h3>
<ul>
<li><a href="#">Terms</a></li>
<li><a href="#">Privacy</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div> 
</div> 

<div id="templatemo_footer_panel">
<div id="templatemo_footer_section">
Copyright © 2024 <a href="#">Your Blog Name</a> | Designed by <a title="Free CSS Templates" href="http://www.templatemo.com" target="_blank">Free CSS Templates</a>
</div>
</div>
</body>
</html>

CSS BÖLÜMÜNE