Forum'da ara:
Ara


Yazar Mesaj
Mesaj16.02.2010, 15:31 (UTC)    
Mesaj konusu:



Tasarimin Üstüne:

Kod:
<style>
table {margin-left:auto;margin-right:auto;}
</style>

</head>


<body>
<div class='navbar section' id='navbar'><div class='widget Navbar' id='Navbar1'><script type="text/javascript">
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener("load",
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent('onload', function(){ object[attribute] = val; });
      }
    }
  </script>
<iframe src="http://www.blogger.com/navbar.g?targetBlogID=5855025386176472266&amp;blogName=Facebook+Lover&amp;publishMode=PUBLISH_MODE_BLOGSPOT&amp;navbarType=BLUE&amp;layoutType=LAYOUTS&amp;searchRoot=http%3A%2F%2Ffacebooklover-btemplates.blogspot.com%2Fsearch&amp;blogLocale=en&amp;homepageUrl=http%3A%2F%2Ffacebooklover-btemplates.blogspot.com%2F" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" height="30px" width="100%" id="navbar-iframe" allowtransparency="true" title="Blogger Navigation and Search"></iframe>

<div></div></div></div>
<!-- skip links for text browsers -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a>
</span>
<div id='dg-pre-header-container'>
<div id='dg-pre-header-container-center'>
<div class='container showgrid'>
<div class='span-19'>
<div id='dg-pre-header'>
<ul>
<li class='current'><a href='#'>Home</a></li>

<li><a href='#'>Nombre</a></li>
<li><a href='#'>Nombre</a></li>
<li><a href='#'>Nombre</a></li>
</ul>
</div>
</div>
<div class='span-5 last'>
<div class='dg-search-form'>
<form action='http://facebooklover-btemplates.blogspot.com/search/' id='searchform' method='get'>
<input class='searchtext' id='q' name='q' type='text'/>
<input id='searchsubmit' type='hidden'/>
</form>
</div>
</div>

</div>
</div>
</div>
<div id='header-wrapper'>
<div id='header-wrapper-center'>
<div class='container showgrid'>
<div class='span-12'>
<div class='header section' id='header'><div class='widget Header' id='Header1'>
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
Facebook Lover
</h1>
</div>
<div class='descriptionwrapper'>
<p class='description'><span>BTemplates.com</span></p>

</div>
</div>
</div></div>
</div>
</div></div>
</div>
<div id='dg-headline-container'><div id='dg-headline-container-center'>
<div class='container showgrid'>
<div class='span-14'>
<div id='dg-headline'>
<img alt='headline photo' src='http://4.bp.blogspot.com/_0vKyxg80gxY/Sw161UW_N2I/AAAAAAAABL4/5wWv_-efkf8/s1600/welcome_page_map.png'/>
</div>
</div>
<div class='span-10 last'>
<div id='dg-featured'>
<ul>
<li class='dg-featured-title'><h2>Featured</h2></li>

<li class='dg-featured-box'><span class='dg-ftitle'><a href='#' rel='bookmark'>Lorem Ipsum Dolor</a></span><br/>
<span class='dg-fsubtitle'>Subtitle lorem ipsum</span></li>
<li class='dg-featured-box'><span class='dg-ftitle'><a href='#' rel='bookmark'>Lorem Ipsum Dolor</a></span><br/>
<span class='dg-fsubtitle'>Subtitle lorem ipsum</span></li>
<li class='dg-featured-box'><span class='dg-ftitle'><a href='#' rel='bookmark'>Lorem Ipsum Dolor</a></span><br/>
<span class='dg-fsubtitle'>Subtitle lorem ipsum</span></li>
</ul>
</div>
</div>
</div>
</div>

</div>
<div id='main-container'>
<div id='main-container-center'>
<div class='container showgrid'>
<div class='span-14'>
<div id='main-wrapper'>
<div class='main section' id='main'><div class='widget Blog' id='Blog1'>
<div class='blog-posts hfeed'>
<!-- google_ad_section_start -->
<div class='post hentry uncustomized-post-template'>
<a name='1406649992903061031'></a>
<h1 class='post-title entry-title'>
<a href='#'>Adaptado por PwG Designs</a>
</h1>


<div class='post-body entry-content'>



Tasarimin Altina:

Kod:
</p>

</p>
<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<p class='post-footer-line post-footer-line-1'>


</span>
<span class='post-backlinks post-comment-link'>
</span>
<span class='post-icons'>
<span class='item-control blog-admin pid-1705784180'>
<a href='http://www.blogger.com/post-edit.g?blogID=5855025386176472266&postID=4766134163229107011' title='Edit Post'>
<span class='quick-edit-icon'> </span>
</a>
</span>
</span>
</p>
<p class='post-footer-line post-footer-line-2'>
</p>
</div>
</div>
<!-- google_ad_section_end -->
</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></div>
<div class='span-10 last'>
<div class='sidebar-wrapper-top'>
<div class='span-10'>
<div id='dg-middle-top-sidebar'>
<div id='dg-top-top-sidebar'></div>

<div id='dg-middle-top-sidebar-content'>
<div class='sidebar section' id='sidebar-top'><div class='widget Feed' id='Feed2'>
<h2>Recent Comments</h2>
<ul>
<li>

<a dir='ltr' href='#'>Nombre 1</a>
<span dir='ltr'>(0)</span>
</li>
<li>
<a dir='ltr' href='#'>Nombre 2</a>
<span dir='ltr'>(0)</span>
</li>
<li>
<a dir='ltr' href='#'>Nombre 3</a>
<span dir='ltr'>(0)</span>
</li>

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

<div class='clear'></div>
</div></div>
</div>
</div>
<div id='dg-bottom-top-sidebar'></div>
</div>
</div>
<div class='sidebar-wrapper'>
<div class='span-5'>
<div id='dg-left-sidebar'>
<div class='sidebar section' id='sidebar-left'><div class='widget Label' id='Label1'>
<h2>Labels</h2>
<div class='widget-content list-label-widget-content'>
<ul>
<li>

<a dir='ltr' href='#'>Nombre 1</a>
<span dir='ltr'>(0)</span>
</li>
<li>
<a dir='ltr' href='#'>Nombre 2</a>
<span dir='ltr'>(0)</span>
</li>
<li>
<a dir='ltr' href='#'>Nombre 3</a>
<span dir='ltr'>(0)</span>
</li>

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

<div class='clear'></div>
</div>
</div></div>
</div></div>
<div class='span-5 last'>
<div id='dg-right-sidebar'>
<div class='sidebar section' id='sidebar'><div class='widget Feed' id='Feed1'>
<h2>Recent Posts</h2>

<ul>
<li>

<a dir='ltr' href='#'>Nombre 1</a>
<span dir='ltr'>(0)</span>
</li>
<li>
<a dir='ltr' href='#'>Nombre 2</a>
<span dir='ltr'>(0)</span>
</li>
<li>
<a dir='ltr' href='#'>Nombre 3</a>
<span dir='ltr'>(0)</span>
</li>

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

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

</div></div></div>
</div></div></div>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>
<div id='dg-footer-container'>
<div id='dg-footer-container-center'>
<div class='container showgrid'>
<div class='span-12'>
<div id='dg-left-footer'>
                   © 2009. All rights reserved.
                </div>
</div>
<div class='span-12 last'>
<div id='dg-right-footer'>
<a href='http://facebooklover-btemplates.blogspot.com/feeds/posts/default' rel='nofollow' title='Subscribe to RSS'><abbr title='Subscribe to RSS'>RSS</abbr></a> | <strong><a href='http://facebooklover-btemplates.blogspot.com/'>Facebook Lover</a></strong> theme by <a href='http://www.tobacamp.com'>Tobacamp</a> | Bloggerized by <a href='http://www.dhampire.net' target='_blank'>Blogger Template</a> | Adaptado por <a href='http://www.PwG-DesignS.es.tl' target='_blank'>PwG DesignS</a>
   
            </div>


</body>
</html>



CSS Koduna:

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

/*
-----------------------------------------------
Blogger Template Style
Name:     Facebook Lover
Designer: Dani Gunawan
URL:      http://blog.danigunawan.com
Ataptado a PwG por: www.pwg-designs.es.tl
Date:     15 nov 2009
Updated by: Dhampire
----------------------------------------------- */
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
/* -----------------------------------------------------------------------
Blueprint CSS Framework 0.8
http://blueprintcss.org
* Copyright (c) 2007-Present. See LICENSE for more info.
* See README for instructions on how to use Blueprint.
* For credits and origins, see AUTHORS.
* This is a compressed file. See the sources in the 'src' directory.
----------------------------------------------------------------------- */
/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
/* typography.css */
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
/* grid.css */
.container {width:950px;margin:0 auto;}
.showgrid {background:url(src/grid.png);}
body {margin:1.5em 0;}
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
.last, div.last {margin-right:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24, div.span-24 {width:950px;margin:0;}
input.span-1, textarea.span-1, select.span-1 {width:30px!important;}
input.span-2, textarea.span-2, select.span-2 {width:50px!important;}
input.span-3, textarea.span-3, select.span-3 {width:90px!important;}
input.span-4, textarea.span-4, select.span-4 {width:130px!important;}
input.span-5, textarea.span-5, select.span-5 {width:170px!important;}
input.span-6, textarea.span-6, select.span-6 {width:210px!important;}
input.span-7, textarea.span-7, select.span-7 {width:250px!important;}
input.span-8, textarea.span-8, select.span-8 {width:290px!important;}
input.span-9, textarea.span-9, select.span-9 {width:330px!important;}
input.span-10, textarea.span-10, select.span-10 {width:370px!important;}
input.span-11, textarea.span-11, select.span-11 {width:410px!important;}
input.span-12, textarea.span-12, select.span-12 {width:450px!important;}
input.span-13, textarea.span-13, select.span-13 {width:490px!important;}
input.span-14, textarea.span-14, select.span-14 {width:530px!important;}
input.span-15, textarea.span-15, select.span-15 {width:570px!important;}
input.span-16, textarea.span-16, select.span-16 {width:610px!important;}
input.span-17, textarea.span-17, select.span-17 {width:650px!important;}
input.span-18, textarea.span-18, select.span-18 {width:690px!important;}
input.span-19, textarea.span-19, select.span-19 {width:730px!important;}
input.span-20, textarea.span-20, select.span-20 {width:770px!important;}
input.span-21, textarea.span-21, select.span-21 {width:810px!important;}
input.span-22, textarea.span-22, select.span-22 {width:850px!important;}
input.span-23, textarea.span-23, select.span-23 {width:890px!important;}
input.span-24, textarea.span-24, select.span-24 {width:940px!important;}
.append-1 {padding-right:40px;}
.append-2 {padding-right:80px;}
.append-3 {padding-right:120px;}
.append-4 {padding-right:160px;}
.append-5 {padding-right:200px;}
.append-6 {padding-right:240px;}
.append-7 {padding-right:280px;}
.append-8 {padding-right:320px;}
.append-9 {padding-right:360px;}
.append-10 {padding-right:400px;}
.append-11 {padding-right:440px;}
.append-12 {padding-right:480px;}
.append-13 {padding-right:520px;}
.append-14 {padding-right:560px;}
.append-15 {padding-right:600px;}
.append-16 {padding-right:640px;}
.append-17 {padding-right:680px;}
.append-18 {padding-right:720px;}
.append-19 {padding-right:760px;}
.append-20 {padding-right:800px;}
.append-21 {padding-right:840px;}
.append-22 {padding-right:880px;}
.append-23 {padding-right:920px;}
.prepend-1 {padding-left:40px;}
.prepend-2 {padding-left:80px;}
.prepend-3 {padding-left:120px;}
.prepend-4 {padding-left:160px;}
.prepend-5 {padding-left:200px;}
.prepend-6 {padding-left:240px;}
.prepend-7 {padding-left:280px;}
.prepend-8 {padding-left:320px;}
.prepend-9 {padding-left:360px;}
.prepend-10 {padding-left:400px;}
.prepend-11 {padding-left:440px;}
.prepend-12 {padding-left:480px;}
.prepend-13 {padding-left:520px;}
.prepend-14 {padding-left:560px;}
.prepend-15 {padding-left:600px;}
.prepend-16 {padding-left:640px;}
.prepend-17 {padding-left:680px;}
.prepend-18 {padding-left:720px;}
.prepend-19 {padding-left:760px;}
.prepend-20 {padding-left:800px;}
.prepend-21 {padding-left:840px;}
.prepend-22 {padding-left:880px;}
.prepend-23 {padding-left:920px;}
div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;}
.pull-1 {margin-left:-40px;}
.pull-2 {margin-left:-80px;}
.pull-3 {margin-left:-120px;}
.pull-4 {margin-left:-160px;}
.pull-5 {margin-left:-200px;}
.pull-6 {margin-left:-240px;}
.pull-7 {margin-left:-280px;}
.pull-8 {margin-left:-320px;}
.pull-9 {margin-left:-360px;}
.pull-10 {margin-left:-400px;}
.pull-11 {margin-left:-440px;}
.pull-12 {margin-left:-480px;}
.pull-13 {margin-left:-520px;}
.pull-14 {margin-left:-560px;}
.pull-15 {margin-left:-600px;}
.pull-16 {margin-left:-640px;}
.pull-17 {margin-left:-680px;}
.pull-18 {margin-left:-720px;}
.pull-19 {margin-left:-760px;}
.pull-20 {margin-left:-800px;}
.pull-21 {margin-left:-840px;}
.pull-22 {margin-left:-880px;}
.pull-23 {margin-left:-920px;}
.pull-24 {margin-left:-960px;}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}
.push-1 {margin:0 -40px 1.5em 40px;}
.push-2 {margin:0 -80px 1.5em 80px;}
.push-3 {margin:0 -120px 1.5em 120px;}
.push-4 {margin:0 -160px 1.5em 160px;}
.push-5 {margin:0 -200px 1.5em 200px;}
.push-6 {margin:0 -240px 1.5em 240px;}
.push-7 {margin:0 -280px 1.5em 280px;}
.push-8 {margin:0 -320px 1.5em 320px;}
.push-9 {margin:0 -360px 1.5em 360px;}
.push-10 {margin:0 -400px 1.5em 400px;}
.push-11 {margin:0 -440px 1.5em 440px;}
.push-12 {margin:0 -480px 1.5em 480px;}
.push-13 {margin:0 -520px 1.5em 520px;}
.push-14 {margin:0 -560px 1.5em 560px;}
.push-15 {margin:0 -600px 1.5em 600px;}
.push-16 {margin:0 -640px 1.5em 640px;}
.push-17 {margin:0 -680px 1.5em 680px;}
.push-18 {margin:0 -720px 1.5em 720px;}
.push-19 {margin:0 -760px 1.5em 760px;}
.push-20 {margin:0 -800px 1.5em 800px;}
.push-21 {margin:0 -840px 1.5em 840px;}
.push-22 {margin:0 -880px 1.5em 880px;}
.push-23 {margin:0 -920px 1.5em 920px;}
.push-24 {margin:0 -960px 1.5em 960px;}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;}
.prepend-top {margin-top:1.5em;}
.append-bottom {margin-bottom:1.5em;}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}
/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
/************** BODY *****************/
* {margin:0;padding:0;}
body {
color:#222;
font-family:Verdana, Georgia, "Times New Roman", Times, serif;
font-size:72.5%;
line-height:1.4;
text-align:left;
margin:0;
padding:0;}
a:link {   color: #3b5998;   text-decoration: none;}
a:active {   color: #3b5998;   text-decoration: none;}
a:visited {   color: #3b5998;   text-decoration: none;}
a:hover {   text-decoration: underline;}
/***************PRE HEADER *****************/
/* begin: pre-header */
#dg-pre-header-container {
background: #edeff4;
margin: 0 auto;
}
#dg-pre-header-container-center {
background: url('http://3.bp.blogspot.com/_0vKyxg80gxY/Sw160lm196I/AAAAAAAABLY/DUe-z6XeILA/s1600/pre-header-bg.gif') top left no-repeat;
width: 960px;
height: 28px;
margin: 0 auto;
}
#dg-pre-header {
padding: 0px 0;
}
#dg-pre-header ul {
list-style: none;
margin: 0;
margin-left: 12px;
}
#dg-pre-header li {
float: left;
padding: 4px 5px 0px 5px;
height: 23px;
}
#dg-pre-header li:hover {
background: #5c75aa;
display: block;
}
#dg-pre-header a:link {
color: #FFF;
font-weight: bold;
font-size: 95%;
text-decoration: none;
}
#dg-pre-header a:active {
color: #FFF;
font-weight: bold;
font-size: 95%;
text-decoration: none;
}
#dg-pre-header a:visited {
color: #FFF;
font-weight: bold;
font-size: 95%;
text-decoration: none;
}
#dg-pre-header a:hover {
color: #FFF;
font-weight: bold;
font-size: 95%;
background: #5c75aa;
text-decoration: none;
}
#dg-search-form {
}
#searchform {
margin-top: 4px;
margin-bottom: 4px;
margin-left: 15px;
}
#searchform input {
color: #999;
font-size: 9pt;
padding: 2px;
border: none;
}
/* end: pre-header */
/************** HEADER *****************/
#header-wrapper {
background: #edeff4;
margin: 0 auto;
}
#header-wrapper-center {
width: 960px;
margin: 0 auto;
background: #edeff4;
}
#header {   padding: 10px 0 0 10px;}
#header h1 {
font-size: 190%;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #203360;
margin: 0 0 5px 0;
}
#header .description {
font-size: 100%;
font-style: italic;
color: #203360;
}
/* begin: headline */
#dg-headline-container {
background: #edeff4;
margin: 0 auto;
border-bottom: 1px solid #d8dfea;
}
#dg-headline-container-center {
width: 960px;
margin: 0 auto;
background: #edeff4;
padding: 10px;
}
#dg-headline {
padding: 20px 10px;
}
#dg-featured {
width: 380px;
float: right;
}
#dg-featured ul {
list-style: none;
margin: 0;
padding-right: 5px;
}
.dg-featured-title {
font-size: 155%;
font-weight: 400;
color: #203360;
padding: 5px0 0 0;
}
.dg-featured-title h2 {
font-size: 95%;
font-weight: 400;
color: #203360;
background: url('http://1.bp.blogspot.com/_0vKyxg80gxY/Sw161BXJ75I/AAAAAAAABLo/tJTxQHNp-qs/s1600/right-arrow.gif') left no-repeat;
padding-left: 20px;
margin: 0;
}
.dg-featured-box {
display: block;
padding: 7px;
margin-top: 7px;
background-color:#fff;
border: 1px solid #d8dfea;
border-left: 5px solid #d8dfea;
}
.dg-ftitle a:link {
color: #3b5998;
font-weight: bold;
text-decoration: none;
}
.dg-ftitle a:active {
color: #3b5998;
font-weight: bold;
text-decoration: none;
}
.dg-ftitle a:visited {
color: #3b5998;
font-weight: bold;
text-decoration: none;
}
.dg-ftitle a:hover {
text-decoration: underline;
}
.dg-fsubtitle {
color: #999;
font-size: 80%;
}
.dg-fsubtitle a:link {
color: #3b5998;
text-decoration: none;
}
.dg-fsubtitle a:active {
color: #3b5998;
text-decoration: none;
}
.dg-fsubtitle a:visited {
color: #3b5998;
text-decoration: none;
}
.dg-fsubtitle a:hover {
text-decoration: underline;
}
/* end: headline */
/************** CONTENT *****************/
#main-container {
background: #fff;
margin: 0 auto;
}
#main-container-center {
width: 960px;
margin: 0 auto;
background: #fff;
padding: 10px;
}
#main-wrapper {
padding: 0 10px;
}
.main .widget {
margin:0 0 1.5em;
padding:0 0 1.5em;
}
.main .Blog {
border-bottom-width: 0;
}
/************** POSTS *****************/
.post {   margin-top: 0px;  }
.post h1, .post h2 {
color: #203360;
font-size: 170%;
margin: 0px 0 3px 0;
}
a:link {
color: #3b5998;
text-decoration: none;
}
.post a:active {
color: #3b5998;
text-decoration: none;
}
.post a:visited {
color: #3b5998;
text-decoration: none;
}
.post a:hover {   text-decoration: underline;}
.post-body{
margin-top: 10px;
padding-bottom: 16px;
border-bottom: 1px solid #ddd;}
.post-header{   font-size: 95%;
color: #999;
}
.post-footer{   font-size: 95%;
color: #999;}
.post-footer p{}
.jump-link {
margin-top: 20px;
float: right;
padding-right: 20px;
text-align: right;
font-weight: bold;
height: 20px;
width: 95px;
padding-top: 5px;
border: 1px solid #d4dae8;
background: #edeff4;
}
.comment-link {
margin-left:.6em;
}
.post img {
padding:4px;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}
/************** COMMENTS *****************/
#comments h4 {
margin:1em 0;
font-weight: bold;
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
/************** SIDEBAR *****************/
#dg-top-top-sidebar {
background: url('http://2.bp.blogspot.com/_0vKyxg80gxY/Sw161K7GS4I/AAAAAAAABLw/Sk3rlB8ji1A/s1600/top-top-sidebar.gif') top center no-repeat;
height: 10px;
}
#dg-middle-top-sidebar {
background: url('http://1.bp.blogspot.com/_0vKyxg80gxY/Sw161_tSBbI/AAAAAAAABMA/DQZAzvGSKbg/s1600/middle-top-sidebar.gif') top center repeat-y;
}
#dg-middle-top-sidebar-content {
padding: 0px 10px 10px 10px;
}
#dg-bottom-top-sidebar {
background: url('http://3.bp.blogspot.com/_0vKyxg80gxY/Sw16-CAXOUI/AAAAAAAABMI/dz74MEvuDeI/s1600/bottom-top-sidebar.gif') top center no-repeat;
height: 5px;
}
#sidebar-wrapper-top {
width: 390px;
float: right;
}
#sidebar-wrapper{  width: 190px;float:left;
margin-right:10px}
.sidebar {
}
.sidebar h2 {
margin: 10px 0px 0px 0px;
text-transform: uppercase;
font-size: 120%;
font-weight: bold;
color:#808080;
padding-bottom: 3px;
border-bottom: 1px solid #ccc;
}
/* end: sidebar */
.sidebar ul {
list-style: none;
margin: 0;
}
.sidebar li {
color: #3b5998;
padding-top: 5px;
}
.sidebar a{   color: #3b5998;
text-decoration: none;}
.sidebar a:hover {
color: #3b5998;
text-decoration: underline;
}
.sidebar .widget {
margin:0 0 1.5em;
padding:0 0 1.5em;
}
/************** PERFIL *****************/
.profile-img {
float: left;
margin: 0 5px 5px 0;
padding: 4px;
border: 5px solid #E7E9E3;
}
.profile-data {
margin:0;
font: arial;
color: #000;
font-weight: bold;
line-height: 1.6em;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}
.profile-link {
font: #000;
letter-spacing: .1em;
}
/************** FOOTER *****************/
#dg-footer-container {
background: #fff;
margin: 0 auto;
}
#dg-footer-container-center {
border-top: 1px solid #ddd;
width: 960px;
margin: 0 auto;
}
#dg-left-footer a:link, #dg-right-footer a:link {
color: #3b5998;
text-decoration: none;
border: none;
}
#dg-left-footer a:active, #dg-right-footer a:active {
color: #3b5998;
text-decoration: none;
border: none;
}
#dg-left-footer a:visited, #dg-right-footer a:visited {
color: #3b5998;
text-decoration: none;
border: none;
}
#dg-left-footer a:hover, #dg-right-footer a:hover {
text-decoration: underline;
border: none;
}
#dg-left-footer, #dg-right-footer {
padding-top: 5px;
color: #999;
font-size: 95%;
}
#dg-right-footer {
float: right;
}
/** Page structure tweaks for layout editor wireframe */
body#layout #header {
margin-left: 0px;
margin-right: 0px;
}
Mesaj18.02.2010, 23:45 (UTC)    
Mesaj konusu: ice blue tema, jeet kune do teması



TASARIM ÜZERİNDEKİ YAZI BÖLÜMÜNE EKLENECEK
Kod:
<style type="text/css">
td.headline{visibility: hidden;}
</style>
<div align="center">
<style type="text/css">

<!--
body{background-image:url(http://img40.xooimage.com/files/4/5/2/16-1623c2d.png);background-color:##Numero de color;}
td.edit_navi_headbg{background-image:url();}
td.edit_rechts_cbg{background-image:url();}
td.edit_rechts_bottom{background-image:url();}
td.edit_below_nav{visibility:hidden;}


td.edit_header_full{background-image:url(http://img.webme.com/pic/j/jeet-kunedo/kungfu-baslik.png);background-color:##Numero de color;}

td.nav_heading{background-image:url(http://img47.xooimage.com/files/b/e/1/15-1623a0b.png);background-color:##Numero de color;}
td.nav{background-image:url(http://img21.xooimage.com/files/f/8/2/4-162349a.png);background-color:##Numero de color;}
td.nav:hover{background-image:url(http://img45.xooimage.com/files/6/3/8/5-16234f9.png);background-color:##Numero de color;}

td.sidebar_heading{background-image:url(http://img47.xooimage.com/files/0/d/4/6-1623578.png);background-color:#Numero de color;}
td.shouty{background-image:url(http://img21.xooimage.com/files/8/d/c/7-16235cd.png);background-color:##Numero de color;}
td.shouty2{background-image:url(http://img21.xooimage.com/files/8/d/c/7-16235cd.png);background-color:##Numero de color;}
td.shouty3{background-image:url(http://img21.xooimage.com/files/8/d/c/7-16235cd.png);background-color:##Numero de color;}
td.shouty4{background-image:url(http://img21.xooimage.com/files/8/d/c/7-16235cd.png);background-color:##Numero de color;}
td.shouty5{background-image:url(http://img21.xooimage.com/files/8/d/c/7-16235cd.png);background-color:##Numero de color;}
td.edit_rb_footer{background-image:url(http://img29.xooimage.com/files/c/9/a/8-162363d.png);background-color:##Numero de color;}
td.edit_content_top{background-image:url(http://img.webme.com/pic/j/jeet-kunedo/kungfu-ustbar.png);background-color:##Numero de color;}
td.edit_content{background-image:url(http://img23.xooimage.com/files/9/3/8/10-1623734.png);background-color:##Numero de color;}
td.edit_content_bottom{background-image:url(http://img47.xooimage.com/files/6/0/2/11-162375c.png);background-color:##Numero de color;}
td.edit_content_bottom:hover{background-image:url(http://img47.xooimage.com/files/6/0/2/11-162375c.png);background-color:##Numero de color;}
td.edit_content_bottom2{background-image:url(http://img.webme.com/pic/j/jeet-kunedo/kungfu-altbar.png);background-color:##Numero de color;}

td.edit_rechts_sbg{visibility:hidden;}

--></style>
Tasarım : <a href="http://supertrafik.tr.gg?in=5" target="_blank" title="bedava reklam">HwD</a>


İlk temam arkadaşlar yorumlarınızı bekliyorum
bedava-sitem.com'da yeniyim
Mesaj19.02.2010, 16:41 (UTC)    
Mesaj konusu:



tasarımın üzerine
Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Welcome » RS18 Template </title>
<link href="http://img43.xooimage.com/files/7/b/8/slider-188de18.css" rel="stylesheet" type="text/css" />
   <script type="text/javascript" src="http://img4.xooimage.com/files/a/9/3/jquery-b17397.js"></script>

   <script type="text/javascript" src="http://img49.xooimage.com/files/d/e/f/jquery-easing-1.3.pack-188dc06.js"></script>
   <script type="text/javascript" src="http://img27.xooimage.com/files/b/d/6/jquery-easing-com...1.2.pack-188dc1e.js"></script>
   <script type="text/javascript" src="http://img41.xooimage.com/files/f/1/c/coda-slider.1.1.1.pack-188dc2d.js"></script>
   
   <script type="text/javascript">
   
      var theInt = null;
      var $crosslink, $navthumb;
      var curclicked = 0;
     
      theInterval = function(cur){
         clearInterval(theInt);
         
         if( typeof cur != 'undefined' )
            curclicked = cur;
         
         $crosslink.removeClass("active-thumb");
         $navthumb.eq(curclicked).parent().addClass("active-thumb");
            $(".stripNav ul li a").eq(curclicked).trigger('click');
         
         theInt = setInterval(function(){
            $crosslink.removeClass("active-thumb");
            $navthumb.eq(curclicked).parent().addClass("active-thumb");
            $(".stripNav ul li a").eq(curclicked).trigger('click');
            curclicked++;
            if( 5 == curclicked )
               curclicked = 0;
           
         }, 3000);
      };
     
      $(function(){
         
         $("#main-photo-slider").codaSlider();
         
         $navthumb = $(".nav-thumb");
         $crosslink = $(".cross-link");
         
         $navthumb
         .click(function() {
            var $this = $(this);
            theInterval($this.parent().attr('href').slice(1) - 1);
            return false;
         });
         
         theInterval();
      });
   </script>

</head>

<body>
<div id="wrap">

<div id="header">
<h1 id="sitename">BusinessPortfolio<span id="description">Free CSS Template by RamblingSoul</span></h1>
<div id="topnav">
<ul>
<li id="first" class="active"><a href="/">Home</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Products</a></li>
<li><a href="portfolio">Portfolio</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Design Resources</a></li>

<li><a href="#">Blog</a></li>
<li><a href="#">Contact Us</a></li>

</ul>

</div>
<div class="clear"></div>
<div id="headercolumn1">
<p class="description">
We design, develop and promote beautiful & accessible websites and web apps.
Checkout our <a href="portfolio">portfolio</a> or learn more about our <a href="/#">products</a> & <a href="#">services</a></p>

</div>

<div id="headercolumn2">
<div id="search_top">
<form action="/search/search.php" method="get">
<p><input type="text" name="query" id="query" class="keyword"/>   </p>
<p class="button"><input name="" type="image" src="http://img21.xooimage.com/files/0/9/6/searchbutton-188dc52.gif" alt="Search" /></p>
<p class="hide">   <input type="hidden" name="search" value="1" /> </p>

</form>
</div>
<div id="subscribe"><a href="#">Subscribe

</a></div>
</div>

<div class="clear"></div>

</div>
<div id="contents">
<div id="topbar">
<div class="columns">
<h2>First Title</h2>
<p>Ut ante dolor, eleifend viverra, adipiscing elementum, interdum sit  amet, felis. Donec euismod, felis non auctor tempus, ante metus  sollicitudin ante</p>
</div>
<div class="columns">

<h2>Second Title</h2>
<p>Ut ante dolor, eleifend viverra, adipiscing elementum, interdum sit  amet, felis. Donec euismod, felis non auctor tempus, ante metus  sollicitudin ante</p>

</div>
<div class="columns">

<h2>Third Title</h2>
<p>Ut ante dolor, eleifend viverra, adipiscing elementum, interdum sit  amet, felis. Donec euismod, felis non auctor tempus, ante metus  sollicitudin</p>

</div>
<div class="clear"></div>
</div>
<div id="homepage">
<div class="services">
<h2 class="subhead">What we do ?</h2>
<ul>

<li class="idea">Ut ante dolor, eleifend viverra, adipiscing elementum, interdum sit  amet, felis.</li>
<li class="design">Ut ante dolor, eleifend viverra, adipiscing elementum, interdum sit  amet, felis.</li>
<li class="apps">Ut ante dolor, eleifend viverra, adipiscing elementum, interdum sit  amet, felis.</li>
<li class="mobile">Ut ante dolor, eleifend viverra, adipiscing elementum, interdum sit  amet, felis.</li>
</ul>
</div>

<div class="portfolio_preview">
<h2><img src="http://img27.xooimage.com/files/0/b/9/fromportfolio-188dcae.gif" alt="From Portfolio" width="130" height="18" /></h2>
<div id="from_portfolio">
<div class="slider-wrap">
      <div id="main-photo-slider" class="csw">
         <div class="panelContainer">

            <div class="panel" title="Panel 1">
               <div class="wrapper">
                 <img src="http://img29.xooimage.com/files/1/f/2/kre8ivity-188dd1c.jpg" alt="temp" width="501" height="158" />
                 <div class="photo-meta-data">
                     Project : kre8ivity.com(Under Development)<br />
                     <span>Scope of work : PHP, MySQL, User Interface Design, Marketing and SEO</span>                 </div>
              </div>

           </div>
            <div class="panel" title="Panel 2">
               <div class="wrapper">
                 <img src="http://img43.xooimage.com/files/6/0/7/real2-188dd4a.jpg" alt="temp" width="501" height="158" />
                  <div class="photo-meta-data">
                     Project : RealOne Template (Under Development)<br />
                     <span>Scope of work : PHP, MySQL, User Interface Design, Marketing and SEO</span>                  </div>

              </div>
           </div>     
            <div class="panel" title="Panel 3">
               <div class="wrapper">
                 <img src="http://img41.xooimage.com/files/4/c/6/ramblingsoul-188dd5c.jpg" alt="scotch egg" width="501" height="158" />
                        <div class="photo-meta-data">
                     Project : RamblingSoul.com <br />
                     <span>Scope of work : PHP, MySQL, WebDesign, Wordpress and SEO</span>                  </div>

              </div>
           </div>
           
                   <div class="panel" title="Panel 4">
               <div class="wrapper">
                 <img src="http://img43.xooimage.com/files/6/0/7/real2-188dd4a.jpg" alt="temp" width="501" height="158" />
                  <div class="photo-meta-data">
                     Project : RealOne Template (Under Development)<br />
                     <span>Scope of work : PHP, MySQL, User Interface Design, Marketing and SEO</span>                  </div>

              </div>
           </div>     
            <div class="panel" title="Panel 5">
               <div class="wrapper">
                 <img src="http://img41.xooimage.com/files/4/c/6/ramblingsoul-188dd5c.jpg" alt="scotch egg" width="501" height="158" />
                        <div class="photo-meta-data">
                     Project : RamblingSoul.com <br />
                     <span>Scope of work : PHP, MySQL, WebDesign, Wordpress and SEO</span>                  </div>

              </div>
           </div>
           
           
           </div>
      </div>

      <div id="movers-row">
         <div></div>
         <div></div>
         <div></div>

         <div></div>
        </div>
</div>
</div>
</div>
<div class="clear">
</div>
<br />
<div class="blog_column">
<h2 class="subhead">From The Blog</h2>
<div class="post">
<div class="post_head">
<h3><a href="#">Lorem Ipsum Dolor Sit</a></h3>

<span class="meta">Posted on 12 December 2008</span>
<span class="meta"><a href="#">Roshan</a> Blogs about <a href="#">CSS Templates</a></span></div>
  <p>Ut ante dolor, eleifend viverra, adipiscing elementum, interdum sit  amet, felis. Donec euismod, felis non auctor tempus, ante metus  sollicitudin ante, in rutrum orci massa ac urna. Cras nisi. Sed ornare  nulla ac odio. Quisque ac nisl non quam feugiat porttitor. Aliquam et  dolor. Curabitur ipsum eros, aliquam eget, ultrices et, semper nec,  ipsum. Mauris fringilla vulputate massa. </p>
  <p>Aenean felis metus, interdum  a, pretium vel, rutrum nec, enim. Cras eget augue. Suspendisse dolor.  Duis leo eros, posuere ac, volutpat vitae, pulvinar sit amet, purus.  Praesent nibh arcu, gravida et, ullamcorper quis, suscipit vitae,  turpis. </p>
</div>

</div>
<div class="right_column">

<h2 class="subhead">Resources</h2>
<ul class="resourcelist">
  <li><a href="#">Free CSS Templates</a></li>
  <li><a href="#">CSS Menus</a></li>
  <li><a href="#">Free Graphics</a></li>
  <li><a href="#">Free Icons</a></li>
  <li></li>

</ul>
</div>
<div class="narrow_column">

<h2 class="subhead">Products</h2>
<ul class="products_list">
<li> <a href="#"><img src="http://img42.xooimage.com/files/f/a/c/product-omcms-18a1ca7.gif" alt="OM Opensource CMS" /></a> </li>
<li> <a href="#"><img src="http://img28.xooimage.com/files/d/6/c/product-real2-18a1c86.gif" alt="Real 2 , Real Estate Website , Real Estate Direcotry" /></a> </li>
<li> <a href="#"><img src="http://img26.xooimage.com/files/e/f/9/product-kre8ivity-18a1c74.gif" alt="Kre8ivity - Social Networking" /></a> </li>

</ul>
<br />
<p> <a href="/products"><img src="http://img40.xooimage.com/files/e/9/8/viewmore-18a1c68.jpg" alt="View more" /></a> </p>

</div>


tasarımın altına

Kod:
<div class="clear"></div>
</div>


<div class="clear"></div>

<div id="bottom">

<div class="columns">
<h3>Chat with us</h3>
  <p>
  <strong><img src="images/irc_protocol.png" alt="Gtalk" width="16" height="16" /> Gtalk :</strong> gtalk( at )gtalk.com    </p>

  <p>
  <strong><img src="images/yahoo_protocol.png" alt="Yahoo" width="16" height="16" /> Yahoo :</strong> yahoo( at )yahoo.com</p>

   
      <p>
  <strong><img src="images/msn_protocol.png" alt="MSN" width="16" height="16" /> MSN :</strong> msnmessenger</p>
   
      <p>
  <strong><img src="images/skype.png" alt="Skype" width="16" height="16" /> Skype:</strong> skypeout</p>
</div>

<div class="columns">
<h3>Contact Us</h3>
<p>
<img src="images/telephone.png" alt="Call" width="16" height="16" /> Call : +91 9124563789</p>
<p>
<img src="images/mail_generic.png" alt="email" width="16" height="16" /> General Emails : email( at )server.com</p>
<p>
<img src="images/mail_generic.png" alt="email" width="16" height="16" />  Careers Related Enquiries : hr( at )server.com</p>
<p>
<img src="images/mail_generic.png" alt="email" width="16" height="16" /> Partnership enquiries : Partners( at )server.com</p>


</div>
<div class="columns">
<h3>Reach Us</h3>
<p>1st Floor</p>
<p>ABCD Building, XYZ Street</p>
<p>City of God, State</p>
<p>Country, Zip Code - 123456</p>

</div>
<div class="clear"></div>
</div>
<div id="midbottom"></div>
</div>

<div id="footer">
<div class="footercontent">
<p>Copyright Information Goes Here</p>
<p>Home | Products | Services | Privacy Policy | Terms of use | Contact Us |

<!--Do not delete the credit line and link back to rambolingsoul.com
-->
<a href="http://www.ramblingsoul.com"> CSS Template</a> by RamblingSoul | Plantilla adaptada por <a href="http://www.kilometro6.es.tl">kilometro6</a </p>
</div>
</div>



</div>
</body>
</html>


css koduna

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

* { padding:0; margin:0;
}
a {
   color: #194896;
   text-decoration: none;
}

ul {list-style:none;}
body {background:url(http://img24.xooimage.com/files/1/8/7/bg-188d53c.jpg) repeat; font:11px Verdana, Arial, Helvetica, sans-serif; color:#333;}
#wrap { width:894px; margin:auto;}
.hide {
   display: none;
}

#header {background:url(http://img28.xooimage.com/files/f/5/3/header-188d55a.jpg) no-repeat; height:273px; }
#contents {background:url(http://img44.xooimage.com/files/6/a/6/contentbg-188d569.jpg) repeat-y; padding:1px 5px 0 5px;}
.clear {clear:both;}
#bottom {background:url(http://img42.xooimage.com/files/c/d/4/bottombg-188d582.jpg) repeat-x; height:126px;}
#footer {background:url(http://img42.xooimage.com/files/0/e/5/footer-188d593.jpg) no-repeat; height:81px;}
#topbar {background:url(http://img24.xooimage.com/files/a/3/8/topbarbg-188d5a0.jpg) left bottom no-repeat; height:129px;
}
#homepage {padding:15px 0;}
#homepage .services {width:300px; padding:0 5px; float:right;}
#homepage .portfolio_preview { width:565px; height:260px; float:left; background:url(http://img24.xooimage.com/files/7/6/e/featuredprojectbg-188d5b1.jpg) repeat-x;}

h1, h2, h3, h4 {font-family:"Trebuchet MS", halvetica, Verdana, sans-serif; font-weight:bold;}
h1 {font-size:18px;}
h2 {font-size:16px;}
h3 {font-size:14px;}
h4 {font-size:12px;}
.subhead {display:block; background:url(http://img40.xooimage.com/files/c/7/0/subheadbg-188d5be.jpg) repeat-x; height:25px; padding:3px 5px 0 5px;}
.portfolio_preview h2 {display:block; padding:3px 3px 0 5px; color:#fff; height:25px;}
.services li {display:block; padding:3px 5px 3px 40px; margin:5px 0 3px; height:46px; border-bottom:solid 1px #ccc;}
.services li.idea {background:url(http://img42.xooimage.com/files/d/7/e/ideaicon-188d5c7.jpg) no-repeat; }
.services li.design {background: url(http://img42.xooimage.com/files/e/0/a/designicon-188d5e4.jpg) no-repeat; }
.services li.apps {background: url(http://img40.xooimage.com/files/7/4/4/interneticon-188d5f3.jpg) no-repeat; }
.services li.mobile {background: url(http://img40.xooimage.com/files/0/9/d/mobileicon-188d610.jpg) no-repeat; }
#sitename {
   display: block;
   padding-top: 35px;
   height: 73px;
   padding-left: 10px;
   font:bold italic 30px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-shadow:#000 1px 1px 1px;
}
#sitename #description {display:block; font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif!important;}
#topnav{height:56px;}
#topnav ul {padding:14px 15px 0; font: bold 14px "Trebuchet MS", halvetica, Verdana, sans-serif; text-transform:uppercase;}
#topnav li {
   display:block;
   float:left;
   height: 41px;
   background: url(http://img46.xooimage.com/files/3/f/2/menu_line-188d61c.gif) no-repeat left top;
   padding-left: 5px;
}
#topnav  a {
   display: block; height:38px; padding:3px 10px 0 10px; text-decoration:none; color:#7098c6; float:left;}
#topnav li#first {background:none!important;}
#topnav .active a {background:url(http://img40.xooimage.com/files/1/2/c/menuactive-188d62f.gif) no-repeat center 27px; color:#184896;}
#topnav a:visited, #topnav a:active {color:#7098c6; text-decoration:none;}
#topnav a:hover {color:#184896;}
#headercolumn1 {
   width: 550px;
   padding-left: 15px;
   float: left;
}
#headercolumn2 {
   width: 290px;
   float: right;
   padding-right: 15px;
}
.description {
   color:#d2e7ff;
   font:14px "Trebuchet MS", halvetica, Verdana, sans-serif;
   display:block;
   padding-top: 25px;
}
.description a {color:#fff; text-decoration:none; border-bottom: dashed 1px #fff;}#search_top {
   background: url(http://img42.xooimage.com/files/f/d/8/searchbg-188d643.gif) no-repeat;
   height: 36px;
   width: 278px;
   margin-right: auto;
   margin-bottom: 10px;
   margin-left: auto;
}
#search_top p {
   display:block;
   float: left;
}
#search_top .keyword {
   background: transparent;
   border-style: none;
   display: block;
   width: 125px;
   float: left;
   padding: 5px;
}
#search_top .button {
   padding-top: 3px;
   display: block;
   float: left;
   padding-left: 5px;
}
#search_top form {
   display: block;
   background: url(http://img46.xooimage.com/files/b/6/6/searchfield-188d65d.gif) no-repeat;
   height: 30px;
   margin-top: 3px;
   float: right;
   width: 170px;
   margin-right: 5px;
}
#subscribe {
   background: url(http://img44.xooimage.com/files/0/e/2/rss-188d675.gif) no-repeat;
   padding: 10px 5px 5px 40px;
   height: 20px;
   width: 233px;
   margin: auto;
}
#subscribe a {
   color: #FFFFFF;
   text-decoration: none;
   border-bottom: 1px dashed #FFFFFF;
}
#topbar .columns {
   width: 32%;
   float: left;
   padding: 3px;
   margin: 1px;
   color:#999999;
}
.columns .by {
   font-weight: bold;
}
#topbar .columns p {
   line-height: 16px;
   padding: 10px;
}
.blog_column {
   width: 400px;
   float: left;
   padding: 5px;
}
.right_column {
   width: 240px;
   float: right;
   padding: 5px;
}
.narrow_column {
   margin-right: 255px;
   margin-left: 415px;
   padding: 5px;
}
.post p {
   line-height: 16px;
   margin-bottom: 15px;
   padding-right: 5px;
   padding-left: 5px;
}
.post_head .meta {
   font-size: 10px;
   color: #999999;
   display: block;
   margin-top: 3px;
}
.post .post_head {
   background: url(http://img40.xooimage.com/files/5/a/a/blogicon-188d67d.jpg) no-repeat right top;
   height: 50px;
   margin-bottom: 10px;
   padding: 5px;
}
#bottom .columns {
   padding: 5px;
   float: left;
   width: 32%;
}
#footer .footercontent {
   text-align: center;
   padding-top: 15px;
   color: #FFFFFF;
}
.footercontent a {color: #fff;}
.footercontent a:visited, .footercontent a:active  {color: #fff;}
.footercontent p {
   margin-bottom: 5px;
}
.portfolio_preview .imageholder {
   padding: 35px 5px 5px 15px;
   height: 154px;
   width: 334px;
   float: left;
}
.portfolio_preview .clientinfo {
   width: 180px;
   float: right;
   padding-top: 40px;
   padding-left: 15px;
   padding-right: 10px;
   background: url(http://img46.xooimage.com/files/f/5/d/portfoliodevider-188d696.png) no-repeat left 25px;
}
.portfolio_preview .imageholder img {
   background: #194896;
   padding: 3px;
   display: block;
   border: 1px solid #000000;
}
.clientinfo a {
   color: #FFFFFF;
   border-bottom: 1px dashed #fff;
}

.clientinfo .label {
   color: #FFFFFF;
   width: 100px;
   display: block;
}
.clientinfo p {
   display: block;
   padding: 3px;
   margin-bottom: 8px;
   color: #FFFFFF;
}
#contents #left {
   padding: 8px;
   width: 550px;
   float: left;
}
#contents #sidebar {
   width: 290px;
   float: right;
   padding: 8px;
}
#left p {
   line-height: 16px;
   margin-bottom: 15px;
}
.service_img {
   display: block;
   float: left;
   border-style: none;
   margin-right: 5px;
   margin-left: 5px;
}
#wrap #contents #left ul li {
   display: block;
   background: url(http://img44.xooimage.com/files/3/5/b/bullet-188d6a4.jpg) no-repeat 0px 3px;
   padding: 5px 5px 5px 10px;
   margin-left: 15px;
   margin-bottom: 3px;
}
.devider {
   background: #FFFFFF;
   border-bottom: 1px solid #ccc;
   display: block;
   color: #FFFFFF;
   margin-bottom: 15px;
}

#left .servicetitle {
   display: block;
   margin-bottom: 10px;
   color: #194896;
}
#left .service_p {
   padding-left: 60px;
}
#sidebar p {
   line-height: 16px;
   margin-bottom: 16px;
}
a img {
   border : none;
}
a:hover img {border:none;}
a:visited img, a:active img {border:none;}#getaquote #fcf2 .r .f {
   display: block;
}
.f input {
   display: block;
   border: 1px solid #999999;
   padding: 5px;
}
#getaquote #fcf2 .r .f #comments {
   border: 1px solid #999999;
   padding: 5px;
}
.products_list li {display:block; height:70px; width:201px; margin-bottom:3px;}
.products_list a {display:block; background:url(http://img44.xooimage.com/files/2/7/7/productbg1-188d6b7.gif) no-repeat; height:56px; width:201px; text-align:center; padding:12px 0 0 0; text-decoration:none;}
.products_list {padding-top:5px;}
.products_list a:hover {background:url(http://img42.xooimage.com/files/e/c/d/productbg2-188d6c8.gif) no-repeat;}#quote_request {
   background-image: url(http://img40.xooimage.com/files/9/8/4/formbg-188d6e0.gif);
   background-repeat: repeat;
   padding-right: 5px;
   padding-bottom: 5px;
   padding-left: 5px;
}
#quote_request h2 {
   display: block;
   background: url(http://img46.xooimage.com/files/0/3/f/quote-188d6e8.gif) no-repeat;
   height: 61px;
   padding-left: 61px;
   padding-top: 8px;
}
#quote_request form  p {
   display: block;
   padding-left: 12px;
}
#quote_request .commentarea {
   display: block;
   height: 140px;
   width: 257px;
   border: solid 1px #e0dccb;
}
#quote_request .commentarea:hover {border:solid 1px #908b72;}
#quote_request label {
   display: block;
   padding: 3px;
   font: bold 12px "Trebuchet MS", halvetica, Verdana, sans-serif;
}
#quote_request .textfield {
   background: transparent url(http://img44.xooimage.com/files/3/3/3/textfield1-188d6f0.gif) no-repeat;
   display: block;
   border-style: none;
   height: 28px;
   width: 241px;
   padding:7px 8px 0 8px;
   font: bold 14px "Trebuchet MS", halvetica, Verdana, sans-serif; color:#655045;
   }
#quote_request .textfield:hover {
   background: transparent url(http://img40.xooimage.com/files/a/3/8/textfield2-188d6f9.gif) no-repeat;
}
#quote_request label .info {
   font: normal 10px Verdana, Arial, Helvetica, sans-serif;
   display: block;
}
.success {
   background: #d9e7f3 url(http://img26.xooimage.com/files/2/8/2/success-188d709.gif) no-repeat 3px 3px;
   display: block;
   padding: 5px 5px 5px 55px!important;
   height: 60px;
}
.error {
   background: #ead2a8 url(http://img44.xooimage.com/files/b/d/b/error-188d711.gif) no-repeat 3px 3px;
   display: block;
   padding: 5px 5px 5px 55px!important;
   height: 60px;
}
.progress {
   background: url(http://img40.xooimage.com/files/6/2/f/loading-188d717.gif) no-repeat 3px 3px;
   padding: 5px 5px 5px 55px!important;
   height: 50px;
}
.bordered {
   border-bottom: 1px dashed #999999;
   margin-bottom: 15px;
   padding-bottom: 10px;
   display: block;
}
#midbottom {
   background: #333 url(http://img24.xooimage.com/files/d/4/0/footerbg-188d726.png) no-repeat center center;
   height: 100px;
   padding-bottom: 3px;
   border-bottom: 1px solid #FFFFFF;
}
#bottom p {
   display: block;
   padding: 3px;
}
#bottom .columns h3 {
   font-weight: bold;
   font-size: 12px;
   text-transform: uppercase;
   color: #194896;
   display: block;
}
#midbottom img {
   display: block;
   float: left;
   padding-top: 30px;
   padding-left: 25px;
   padding-right: 15px;
}
.resourcelist li {
   display: block;
   height: 25px;
}
.resourcelist a {
   display: block;
   height: 18px;
   padding-top: 6px;
   padding-right: 4px;
   padding-left: 15px;
   background: url(http://img44.xooimage.com/files/3/5/b/bullet-188d6a4.jpg) no-repeat 0px 7px;
   border-bottom:dashed 1px #ccc;}

.resourcelist a:hover {color:#000;}.theme_image {
   display: block;
   margin: auto;
   padding: 5px;
   background: #f4f4f4;
   border: 1px solid #ccc;
}
#widecolumn {
   padding: 8px;
}
.nrwcolumn {
   float: left;
   width: 23%;
   margin: 4px;
   padding: 4px;
}
#widecolumn #real2 {
   background: url(http://img40.xooimage.com/files/1/d/4/real2logo-188d740.jpg) no-repeat center top;
   padding-top: 105px;
}
#widecolumn #omcms {
   background: url(http://img44.xooimage.com/files/b/7/8/omlogo-188d74d.jpg) no-repeat center top;
   padding-top: 105px;
}
#widecolumn #kre8ivity {
   background: url(http://img26.xooimage.com/files/c/6/2/kre8ivitylogo-188d75b.jpg) no-repeat center top;
   padding-top: 105px;
}
#widecolumn #oet {
   background: url(http://img26.xooimage.com/files/f/b/5/oetlogo-188d765.jpg) no-repeat center top;
   padding-top: 105px;
}
#widecolumn  p {
   line-height: 16px;
   margin-bottom: 16px;
}
.blue {
   color: #194896;
   padding-bottom: 10px;
}
.lists li {
   display: block;
   background: url(http://img44.xooimage.com/files/3/5/b/bullet-188d6a4.jpg) no-repeat 3px 5px;
   padding: 5px 5px 5px 20px;
   margin-bottom: 5px;
}
#portfolio .site {
   padding: 15px 5px 5px;
   background: #E0EEFC url(http://img44.xooimage.com/files/5/c/1/portfoliobg-188d77a.gif) repeat-x left bottom;
   border: 1px solid #BDDBF9;
   position: relative;
   margin-bottom: 5px;
}
.portfolio_image {
   display: block;
   padding: 9px;
   margin: auto;
   background: #FFFFFF;
   border: 1px solid #B9D9F9;
}
#portfolio .site .layer span {
   display: block;
   padding-top: 40px;
   font: bold 14px Arial, Helvetica, sans-serif;
   text-transform: uppercase;
   text-align: center;
   padding-left: 40px;
}
.site .layer {
   display: block;
   background: url(http://img24.xooimage.com/files/b/7/7/portfoliolayer-188d787.gif) no-repeat;
   height: 88px;
   width: 80px;
   position: absolute;
   float: right;
   z-index: 99;
   right: 8px;
   top: 114px;
}
#portfolio .site p {
   display: block;
   margin: 0px 10px 8px;
   padding: 0px 5px 5px;
}
.portfolio_image:hover {
   display: block;
   padding: 9px;
   margin: auto;
   background: #ffe;
   border: 1px solid #194896;
}
.testimonails blockquote {
   background: url(http://img46.xooimage.com/files/2/c/4/dblquotes-188d791.gif) no-repeat 3px 3px;
   padding-left: 30px;
}
#results .description {
   color: #333333;
   padding: 5px;
   margin-bottom: 10px;
   border-bottom: 1px dashed #ccc;
}
#results .url {
   padding: 5px;
   background: #f4f4f4;
}
#results {
   padding: 5px;
}
#result_report {
   padding: 3px;
   background: #4891ED;
   color: #FFFFFF;
}
.columns h2 {
   display: block;
   padding-left: 10px;
   padding-top: 3px;
   height: 20px;
   text-shadow:#000 1px 1px 1px;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 16px;
   font-weight: bold;
   color: #FFF;
}
.portfolio_preview h2 img {
   display: block;
   padding-left: 12px;
   padding-top: 3px;
}


br.clear {
   display: block;
   clear: both;
   height: 1px;
}


______________
.fear{display:none;}
Mesaj19.02.2010, 16:43 (UTC)    
Mesaj konusu:

güzel tasarım..
______________
Mesaj19.02.2010, 16:45 (UTC)    
Mesaj konusu:

önizle : http://i26.tinypic.com/xkodqa.jpg

tasarımın üstüne

Kod:
<!-- Start Of Script Generated By WP-PageNavi 2.40 -->
<link rel="stylesheet" href="http://wpcrunchy.com/preview/wordpress/wp-content/plugins/wp-pagenavi/pagenavi-css.css" type="text/css" media="screen" />
<!-- End Of Script Generated By WP-PageNavi 2.40 -->
   <link rel="stylesheet" href="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/style.css" type="text/css" media="screen" />
   <!--[if IE 6]>
   <link rel="stylesheet" href="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/style-ie6.css" type="text/css" media="screen" />
   <![endif]-->
   <link rel="stylesheet" href="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/jquery.jcarousel.css" type="text/css" media="screen" />
   <link rel="stylesheet" href="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/skin.css" type="text/css" media="screen" />
   <script type="text/javascript" src="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/js/pngfix.js"></script>

   <script type="text/javascript" src="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/js/jquery.min.js"></script>
   <script type="text/javascript" src="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/js/jquery.lavalamp.1.3.2-min.js"></script>
   <script type="text/javascript" src="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/js/jquery.easing.1.3.js"></script>
   <script type="text/javascript" src="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/js/jquery.jcarousel.js"></script>
   <script type="text/javascript" src="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/js/superfish.js"></script>
   <script type="text/javascript">
      function mycarousel_initCallback(carousel)
      {
         // Disable autoscrolling if the user clicks the prev or next button.
         carousel.buttonNext.bind('click', function() {
            carousel.startAuto(0);
         });
         
         carousel.buttonPrev.bind('click', function() {
            carousel.startAuto(0);
         });
         
         // Pause autoscrolling if the user moves with the cursor over the clip.
         carousel.clip.hover(function() {
            carousel.stopAuto();
         }, function() {
            carousel.startAuto();
         });
      };
     
      $(document).ready(function(){
         // dropdown
         $("ul.superfish").superfish();
         
         // featured carousel effect
         jQuery('#mycarousel').jcarousel({
            auto: 3,
            scroll:1,
            wrap: 'last',
            initCallback: mycarousel_initCallback
         });
      });
   </script>

</head>
<body>
<div id="base">
   <div id="header">
      <div id="page-menu" class="clearfix">
         <script type="text/javascript">
            $(function() {
               $('#nav1').lavaLamp({fx: 'swing', speed: 333,click: function(event, menuItem) {return true;}});
            });
         </script>
         <ul id="nav1" class="left">
            <li class="current_page_item" style="border:0; "><a href="http://wpcrunchy.com/preview/wordpress">Home</a></li>
            <li class="page_item page-item-5"><a href="http://wpcrunchy.com/preview/wordpress/?page_id=5" title="About">About</a></li>

<li class="page_item page-item-55"><a href="http://wpcrunchy.com/preview/wordpress/?page_id=55" title="Design">Design</a></li>
<li class="page_item page-item-57"><a href="http://wpcrunchy.com/preview/wordpress/?page_id=57" title="Photoshop">Photoshop</a></li>
<li class="page_item page-item-40"><a href="http://wpcrunchy.com/preview/wordpress/?page_id=40" title="PROGRAMMING">PROGRAMMING</a></li>
         </ul>
         <div id="rss-button" class="right clearfix">
            <a href="http://wpcrunchy.com/preview/wordpress/?feed=rss2" class="left">POST</a>
            <a href="http://wpcrunchy.com/preview/wordpress/?feed=comments-rss2" class="left">COMMENTS</a>
         </div>

      </div>
      <div id="logo">
         <div class="logo-image clearfix">
            <a class="left" href="http://wpcrunchy.com/preview/wordpress">
                                 <img src="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/images/logo.png" border="0" alt="Logo" />
                           </a>
            <div class="ads-topwide right">
               <div style="background:#fff; width:468px; height:60px; "><script type=\"text/javascript\"><!--
google_ad_client = \"pub-0377106167236732\";
/* themepreview 468x60, created 3/29/09 */
google_ad_slot = \"5588857661\";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>

<script type=\"text/javascript\"
src=\"http://pagead2.googlesyndication.com/pagead/show_ads.js\">
</script></div>
            </div>
         </div>
      </div>
      <div id="category-menu" class="clearfix">
         <ul class="nav superfish">
               <li class="cat-item cat-item-3"><a href="http://wpcrunchy.com/preview/wordpress/?cat=3" >Apple</a>
<ul class='children'>
   <li class="cat-item cat-item-19"><a href="http://wpcrunchy.com/preview/wordpress/?cat=19" >Desktop PC</a>

   <ul class='children'>
   <li class="cat-item cat-item-20"><a href="http://wpcrunchy.com/preview/wordpress/?cat=20" >Mac Notebook</a>
</li>
   </ul>
</li>
   <li class="cat-item cat-item-18"><a href="http://wpcrunchy.com/preview/wordpress/?cat=18" >Ipod</a>
</li>
   <li class="cat-item cat-item-17"><a href="http://wpcrunchy.com/preview/wordpress/?cat=17" >Phone</a>
   <ul class='children'>

   <li class="cat-item cat-item-21"><a href="http://wpcrunchy.com/preview/wordpress/?cat=21" >Iphone</a>
</li>
   <li class="cat-item cat-item-22"><a href="http://wpcrunchy.com/preview/wordpress/?cat=22" >Iphone 3G</a>
      <ul class='children'>
   <li class="cat-item cat-item-23"><a href="http://wpcrunchy.com/preview/wordpress/?cat=23" >Application</a>
</li>
   <li class="cat-item cat-item-24"><a href="http://wpcrunchy.com/preview/wordpress/?cat=24" >Themes</a>
</li>

      </ul>
</li>
   </ul>
</li>
</ul>
</li>
   <li class="cat-item cat-item-4"><a href="http://wpcrunchy.com/preview/wordpress/?cat=4" >Featured</a>
</li>
   <li class="cat-item cat-item-5"><a href="http://wpcrunchy.com/preview/wordpress/?cat=5" >Hotel</a>
</li>
   <li class="cat-item cat-item-6"><a href="http://wpcrunchy.com/preview/wordpress/?cat=6" >HTML</a>

</li>
   <li class="cat-item cat-item-7"><a href="http://wpcrunchy.com/preview/wordpress/?cat=7" >Internet</a>
</li>
   <li class="cat-item cat-item-8"><a href="http://wpcrunchy.com/preview/wordpress/?cat=8" >Introduction</a>
</li>
   <li class="cat-item cat-item-9"><a href="http://wpcrunchy.com/preview/wordpress/?cat=9" >Movie</a>
</li>
   <li class="cat-item cat-item-10"><a href="http://wpcrunchy.com/preview/wordpress/?cat=10" >Programming</a>
</li>

   <li class="cat-item cat-item-25"><a href="http://wpcrunchy.com/preview/wordpress/?cat=25" >Six Preview</a>
</li>
   <li class="cat-item cat-item-11"><a href="http://wpcrunchy.com/preview/wordpress/?cat=11" >Web</a>
</li>
         </ul>
      </div>
   </div>
   
   <div class="shadow"></div>   
   <div id="main">

      <div id="content-body" class="clearfix">
         <!-- post -->
         <div id="posts" class="left">
            <div class="slideshow irelative">
               <div class="hangtext">What's new</div>
               <div class="slider">
                  <ul id="mycarousel" class="jcarousel-skin-tango">
                                                         <li><a href="http://wpcrunchy.com/preview/wordpress/?p=35"><img src="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/timthumb.php?src=http://wpcrunchy.com/preview/bmag/wp-content/uploads/2009/03/twilight07dp7.jpg&amp;w=590&amp;h=280&amp;zc=1" border="0" alt="Twilight Movie and Book" /></a><div class="abstitle"><strong><a href="http://wpcrunchy.com/preview/wordpress/?p=35">Twilight Movie and Book</a></strong><span><p style="line-height:18px; ">Mauris faucibus velit ac lorem. Aliquam auctor laoreet erat. Phasellus luctus odio nec risus. Cum sociis [...]</p></span></div></li>

                                       <li><a href="http://wpcrunchy.com/preview/wordpress/?p=31"><img src="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/timthumb.php?src=http://wpcrunchy.com/preview/bmag/wp-content/uploads/2009/03/index4a.jpg&amp;w=590&amp;h=280&amp;zc=1" border="0" alt="Ponce Suites, Davao City, Philippines" /></a><div class="abstitle"><strong><a href="http://wpcrunchy.com/preview/wordpress/?p=31">Ponce Suites, Davao City, Philippines</a></strong><span><p style="line-height:18px; ">Suspendisse aliquet sem ut nulla. Cras mollis ornare nisl. Morbi ac mi. Nunc eget nisi. Donec at enim. [...]</p></span></div></li>
                                       <li><a href="http://wpcrunchy.com/preview/wordpress/?p=28"><img src="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/timthumb.php?src=http://wpcrunchy.com/preview/bmag/wp-content/uploads/2009/03/final_fantasy_vii_advent_children.jpg&amp;w=590&amp;h=280&amp;zc=1" border="0" alt="Final Fantasy: Advent Children" /></a><div class="abstitle"><strong><a href="http://wpcrunchy.com/preview/wordpress/?p=28">Final Fantasy: Advent Children</a></strong><span><p style="line-height:18px; ">Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime [...]</p></span></div></li>
                                    </ul>
               </div>
            </div>
                        <div class="post">
               <div class="post-head clearfix">

                  <h1 class="post-heading left"><a href="http://wpcrunchy.com/preview/wordpress/?p=35" title="Permalink to Twilight Movie and Book">Twilight Movie and Book</a></h1>
                  <h1 class="post-meta right">March 29th, 2009</h1>
               </div>
               <div class="post-body clearfix">


tasarımın altına

Kod:

</div>
</div>
         </div>
         <!-- sidebar -->

         <div id="sidebar" class="right">
            <div class="widget" id="%1$s"><div class="widget-body"><h2 class="widget-title">Pages</h2>      <ul>
         <li class="page_item page-item-5"><a href="http://wpcrunchy.com/preview/wordpress/?page_id=5" title="About">About</a></li>
<li class="page_item page-item-55"><a href="http://wpcrunchy.com/preview/wordpress/?page_id=55" title="Design">Design</a></li>
<li class="page_item page-item-57"><a href="http://wpcrunchy.com/preview/wordpress/?page_id=57" title="Photoshop">Photoshop</a></li>
<li class="page_item page-item-40"><a href="http://wpcrunchy.com/preview/wordpress/?page_id=40" title="PROGRAMMING">PROGRAMMING</a>
<ul>
   <li class="page_item page-item-42"><a href="http://wpcrunchy.com/preview/wordpress/?page_id=42" title="Javascript">Javascript</a>

   <ul>
      <li class="page_item page-item-53"><a href="http://wpcrunchy.com/preview/wordpress/?page_id=53" title="AJAX">AJAX</a></li>
   </ul>
</li>
   <li class="page_item page-item-48"><a href="http://wpcrunchy.com/preview/wordpress/?page_id=48" title="PHP">PHP</a></li>
</ul>
</li>
      </ul>
      </div><div class="widget-foot"></div></div><div class="widget" id="%1$s"><div class="widget-body"><h2 class="widget-title">Archives</h2>      <ul>

         <li><a href='http://wpcrunchy.com/preview/wordpress/?m=200903' title='March 2009'>March 2009</a></li>
      </ul>
</div><div class="widget-foot"></div></div><div class="widget" id="%1$s"><div class="widget-body"><h2 class="widget-title">Categories</h2>      <ul>
   <li class="cat-item cat-item-3"><a href="http://wpcrunchy.com/preview/wordpress/?cat=3" title="View all posts filed under Apple">Apple</a>
</li>
   <li class="cat-item cat-item-4"><a href="http://wpcrunchy.com/preview/wordpress/?cat=4" title="View all posts filed under Featured">Featured</a>
</li>
   <li class="cat-item cat-item-5"><a href="http://wpcrunchy.com/preview/wordpress/?cat=5" title="View all posts filed under Hotel">Hotel</a>

</li>
   <li class="cat-item cat-item-6"><a href="http://wpcrunchy.com/preview/wordpress/?cat=6" title="View all posts filed under HTML">HTML</a>
</li>
   <li class="cat-item cat-item-7"><a href="http://wpcrunchy.com/preview/wordpress/?cat=7" title="View all posts filed under Internet">Internet</a>
</li>
   <li class="cat-item cat-item-8"><a href="http://wpcrunchy.com/preview/wordpress/?cat=8" title="View all posts filed under Introduction">Introduction</a>
</li>
   <li class="cat-item cat-item-9"><a href="http://wpcrunchy.com/preview/wordpress/?cat=9" title="View all posts filed under Movie">Movie</a>
</li>

   <li class="cat-item cat-item-10"><a href="http://wpcrunchy.com/preview/wordpress/?cat=10" title="View all posts filed under Programming">Programming</a>
</li>
   <li class="cat-item cat-item-25"><a href="http://wpcrunchy.com/preview/wordpress/?cat=25" title="View all posts filed under Six Preview">Six Preview</a>
</li>
   <li class="cat-item cat-item-11"><a href="http://wpcrunchy.com/preview/wordpress/?cat=11" title="View all posts filed under Web">Web</a>
</li>
      </ul>
</div><div class="widget-foot"></div></div><div class="widget">
   <div class="widget-body">

      <h2 class="widget-title">Subscribe + Follow</h2>
      <div>
         Sign up to receive breaking news as well as receive other site updates. Alternatively you can subscribe to our <a href="http://wpcrunchy.com/preview/wordpress/?feed=rss2">RSS feed</a> or follow us at <a href="http://twitter.com/Wpcrunchy">Twitter</a>.<br/><br/>
         <form style="padding:0; margin:0; " action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Wpcrunchy', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
            <input type="text" class="rss-subscribe text" name="email" id="email" value="Type in email adress and hit Enter..." onblur="if (this.value == '') {this.value = 'Type in email adress and hit Enter...';}"  onfocus="if (this.value == 'Type in email adress and hit Enter...') {this.value = '';}" />

            <input type="hidden" value="Wpcrunchy" name="uri"/><input type="hidden" name="loc" value="en_US"/>
         </form>
      </div>
   </div>
   <div class="widget-foot"></div>
</div>         </div>
      </div>
   </div>
   <div id="footer">

      <div class="footer-content clearfix">

         <div class="foot-box">

            <h2>Recent Posts</h2>

           
            <ul>

               
               <li><a href="http://wpcrunchy.com/preview/wordpress/?p=35">Twilight Movie and Book</a></li>

               
               <li><a href="http://wpcrunchy.com/preview/wordpress/?p=31">Ponce Suites, Davao City, Philippines</a></li>

               
               <li><a href="http://wpcrunchy.com/preview/wordpress/?p=28">Final Fantasy: Advent Children</a></li>

               
               <li><a href="http://wpcrunchy.com/preview/wordpress/?p=24">Gimme Gimme Extra Style</a></li>

               
               <li><a href="http://wpcrunchy.com/preview/wordpress/?p=17">Styling all the elements</a></li>

               
            </ul>

         </div>

         

         <div class="foot-box">

            <h2>Archives</h2>

            <ul>

                  <li><a href='http://wpcrunchy.com/preview/wordpress/?m=200903' title='March 2009'>March 2009</a></li>

            </ul>

         </div>

         

         <div class="foot-box">

            <h2>About Us</h2>

            <div class="abouttext">

               You can put anything you want here. An about page for example.
            </div>

         </div>

      </div>

      <div class="credits">

         <div class="credits-content">

            Powerd by <a href="http://wordpress.org" target="_blank">Wordpress</a> and <a href="http://wpcrunchy.com" target="_blank">Crunchy wordpress themes</a> | Designed by <a href="http://www.hostreviewgeeks.com">small business web hosting</a>. In collaboration of <a href="http://webhosting.reviewitonline.net/web_hosting_reviews/fatcow_review.htm">FatCow</a>, <a href="http://www.digitaldiscountcodes.com/Categories/Travel/">Travel Deals</a> Adaptado por<a href="http://www.pwg-designs.es.tl"> PwG-DesignS</a>

         </div>

      </div>

   </div>

</div>


<!-- tracker added by Ultimate Google Analytics plugin v1.6.0: http://www.oratransplant.nl/uga -->
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-7411740-1");
pageTracker._initData();
pageTracker._trackPageview();

</script>

</body>

</html>


css koduna

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

/*

   Theme Name: Obscure

   Theme URI: http://wpcrunchy.com

   Description: Premium dark magazine wordpress theme by <a href="http://wpcrunchy.com">wpcrunchy</a> for free download. Built with in-demand features that can be access through admin panel.

   Version: 1.0

   Author: akosipau

   Author URI: http://akosipau.com/

   Tags: three column, dark, jquery, gray, white

*/



/* GLOBAL ELEMENTS

----------------------------------

*/



/* Resets

--------------------------

*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

   margin: 0;

   padding: 0;

   border: 0;

   outline: 0;

   font-weight: inherit;

   font-style: inherit;

   font-size: 100%;

   font-family: inherit;

   vertical-align: baseline;

}

:focus {

   outline: 0;

}

body {

   line-height: 1;

   font-size:11px;

   font-family: Georgia, "Times New Roman", Times, serif;

   background:#171615;

   height: 100%;

}

html, body {

   height: 100%;

}

ol, ul {

   list-style: none;

}

table {

   border-collapse: separate;

   border-spacing: 0;

}

caption, th, td {

   text-align: left;

   font-weight: normal;

}

blockquote:before, blockquote:after, q:before, q:after {

   content: "";

}

blockquote, q {

   quotes: "" "";

}

blockquote {

   line-height: 1.2em;

   font-style: italic;

   padding: 5px 20px 5px 60px;

   margin: 20px 0;

}

acronym {

   cursor: help;

   border-bottom: 1px dashed #333;

}

strong {

   font-weight: bold;

}

em {

   font-style: italic;

}

hr {

   display: none;

}

a {

   text-decoration:none;

   color:#b0483b;

}

a:hover {

   text-decoration:underline;

}

.right {

   float: right;

}

.left {

   float: left;

}

.hide {

   display: none;

}

.irelative {

   position:relative;

}

.text {

   padding:5px;

   font-family:Georgia, "Times New Roman", Times, serif;

}

.incomment {

   padding:5px 0 !important;

}

.clear {

   clear: both;

}

.clearfix:after {

   content: ".";

   display: block;

   clear: both;

   visibility: hidden;

   line-height: 0;

   height: 0;

}

.clearfix {

   display: block;

}

html[xmlns] .clearfix {

   display: block;

}

* html .clearfix {

   height: 1%;

}



/* BASE STYLE

---------------------

*/



#base {

}



#header {

   background:#252423;

   background:url(http://img2.imageshack.us/i/headerbgs.png/) repeat-x top;

}



#main {

   background:#e9e9e9 url(http://img3.imageshack.us/i/shadowbg.png/) repeat-x top;

   padding-bottom:30px;

}



#footer {

   background:#171615;

   border-top:8px solid #707171;

}



/* header

---------------------

*/



#page-menu {

   height:30px;

   width:1000px;

   margin:0 auto;

   background:#171615;

   border-bottom:1px solid #393837;

}



   #nav1 {

      padding-left:30px;

   }



   #nav1 li {

      float: left;

      list-style: none;

   }

   

   #nav1 li.backLava {

      background:#393837;

      width: 9px;

      position: absolute;

      border:0;

   }

   

   #nav1 li a {

      color:#a4a5a1;

      text-decoration:none;

      text-align: center;

      padding:11px 20px 10px 20px;

      z-index: 10;

      display: block;

      position: relative;

      margin: auto 5px;

      text-transform:uppercase;

      font-size:9px !important;

   }

   

   #nav1 li a:hover, #nav1 li a:active, #nav1 li.current_page_item a {

      background:none !important;

   }

   

   #rss-button a {

      color:#a4a5a1;

      padding:11px 20px 10px 20px;

      background:url(http://img171.imageshack.us/i/feedt.png/) no-repeat 0% 50%;

   }

   

   #rss-button a:hover {

      text-decoration:none;

      background:url(http://img2.imageshack.us/i/feed2.png/) no-repeat 0% 50%;

   }



#logo {

   height:180px;

   width:1000px;

   margin:0 auto;

}



   #logo .logo-image {

      padding:45px 20px 20px 20px;

      color:#fff;

   }

   

   #logo .ads-topwide {

      width:468px; height:60px; background:#a4a5a1; padding:10px;

   }



#category-menu {

   height:40px;

   padding:0 10px;

   background:#393b3b;

   border-top:1px solid #4a4d4c;

   width:980px;

   margin:0 auto;

}



   #category-menu ul {

   margin: 0px;

   padding-left: 0px;

   list-style-type: none;

   list-style-image: none;

   float: left;

   }

   

   #category-menu ul li {

   float: left;

   display: block;

   padding-left: 0px;

   z-index:1000;

   }

   

   #category-menu ul li a:link,#category-menu ul li a:visited, #category-menu ul li a:active  {

   display: block;

   color: #e1e2df;

   padding: 15px 20px 16px 20px;

   float: left;

   margin: 0px;

   text-transform:uppercase;

   font-family: Cambria, Palatino, Palatino Linotype, Hoefler Text, Times, Times New Roman, serif;

   font-size:9px !important;

   letter-spacing:1.5px;

   background:url(http://img171.imageshack.us/i/libg.jpg/) no-repeat right center;

   }

   

   #category-menu ul li a:hover {

   background-color: #393b3b;

   text-decoration:none !important;

   color:#a4a5a1;

   }

   

   .nav, .nav * {margin:0;padding:0;list-style:none;}

   

   .nav ul {position:absolute;top:-999em;}

   

   .nav li {float:left;position:relative;z-index:99;}

   

   .nav a {display:block;}

   

   .nav ul li{width: 100%;}

   

   .nav li:hover ul,ul.nav li.sfHover ul {left:0px;top:40px;}

   

   .nav li:hover li ul,.nav li.sfHover li ul {top:-999em;}

   

   .nav li li:hover ul,ul.nav li li.sfHover ul {left:220px;top:0px;}

   

   .nav li:hover ul,.nav li li:hover ul {top: -999em;}

   

   /*** Skinning - Superfish menu (Some final font colors and backgrounds) ***/



   .nav li li {

   display: block;

   padding: 0px;

   height: auto !important;

   }

   

   .nav li:hover {

   background-color: #393b3b !important;

   }

   

   .nav li li a:link, .nav li li a:visited {

   width: 180px;

   display: block;

   background:none !important;

   background-color: #666 !important;

   height: auto !important;

   color:#FFFFFF !important;

   }

   

   .nav li li a:hover {

   background-color: #717171 !important;

   text-decoration:none !important;

   color:#FFFFFF !important;

   }

   

/* Main

----------------------

*/



#content-body {

   width:1000px;

   margin:0 auto;

}



/* post */



#posts {

   width:650px;

   margin:0 auto 0 auto;

   padding-top:15px;

}

   

   #posts .heading {

      padding:5px 20px;

      color:#666666;

      font-size: 2.6em;

      letter-spacing:-0.04em;

      line-height: 1.05em;

      padding-bottom: 10px;

      font-family: Helvetica, Arial, sans-serif;

      text-transform:capitalize;

      margin-bottom:20px;

   }



   #posts .slideshow {

      padding:15px 20px;

   }

   

      #posts .slideshow .slider {

         width:590px;

         padding:10px;

         height:280px;

         background:#ffffff;

         border-bottom:1px solid #dcdcdc;

         border-right:1px solid #dcdcdc;

      }

     

      #posts .hangtext {

         margin:0; padding:5px 10px;

         width:auto; height:auto;

         background:#b0483b;

         position:absolute; display:block;

         font:bold 1.5em Arial, Helvetica, sans-serif; color:#FFF;

         top:40px; left:19px;

         z-index:100;

      }



   #posts .post {

      padding:5px 20px;

   }

   

   #posts .post .post-head {

      background:url(http://img43.imageshack.us/i/postheadbar.png/) no-repeat bottom center;

      border-bottom:1px solid #f1f1f1;

      position:relative;

   }

   

   #posts .post h1.post-heading {

      width:77%;

      font-size: 2.6em;

      letter-spacing:-0.04em;

      line-height: 1.05em;

      padding-bottom: 10px;

      font-family: Helvetica, Arial, sans-serif;

      text-transform:capitalize;

   }

     

      #posts .post h1.post-heading a {

         color:#171615 !important;

      }

   

      #posts .post h1.post-heading a:hover {

         color:#393b3b !important;

         text-decoration:none !important;

      }

   

   #posts .post h1.post-meta {

      width:135px;

      letter-spacing:-0.04em;

      line-height: 1.05em;

      padding: 19px 5px 10px 0px;

      font-weight:normal;

      color:#666666;

      text-align:right;

      bottom:0;

      right:0;

      position:absolute;

   }

   

   #posts .post .post-thumb {

      padding-top:10px;

   }

   

      #posts .post .post-thumb div {

         padding:3px;

         border:1px solid #ccc;

      }

     

      #posts .post .post-thumb img {

         border:0;

         padding:0;

         margin:0;

      }

   

   #posts .post .post-content-full {

      padding-top:10px;

      line-height:18px;

   }

   

      #posts .post .post-content-full p {

         padding:5px 0;

      }

     

      #posts .post .post-content-full blockquote {

         font-size:1.5em;

         color:#a1a1a1;

         background:url(http://img3.imageshack.us/i/blockquote.png/) no-repeat 3% 0;

      }

     

      #posts .post .post-content-full ul, #posts .post .post-content-full ol {

         padding-left:15px;

      }

     

      #posts .post .post-content-full ul li {

         list-style-type:circle;

      }

     

      #posts .post .post-content-full ol li {

         list-style-type:decimal;

      }

     

      #posts .post .post-content-full .post-image {

         padding:10px;

         background:#fff;

         border-right:1px solid #dcdcdc;

         border-left:1px solid #dcdcdc;

         border-bottom:1px solid #dcdcdc;

      }

     

      /* header */

     

      #posts .post .post-content-full h2, #posts .post .post-content-full h3, #posts .post .post-content-full h4, #posts .post .post-content-full h5, #posts .post .post-content-full h6 {

         letter-spacing:-0.04em;

         line-height: 1.05em;

         padding:10px 0;

         color:#393b3b;

         text-transform:capitalize;

      }

     

      #posts .post .post-content-full h2 {

         font-size: 2.5em;

      }

     

      #posts .post .post-content-full h3 {

         font-size: 2.2em;

      }

     

      #posts .post .post-content-full h4 {

         font-size: 2em;

      }

     

      #posts .post .post-content-full h5 {

         font-size: 1.8em;

      }

     

      #posts .post .post-content-full h6 {

         font-size: 1.5em;

      }

     

      /* custom style - credits to themehybrid*/

   

      #posts .post .post-content-full p.note {

         display:block;

         margin:10px;

         padding:10px;

         background:#eff1e1;

         border:1px solid #e2e2e2;

      }

     

      #posts .post .post-content-full p.warning {

         display:block;

         margin:10px;

         padding:10px;

         background:#fffbbc;

         border:1px solid #e6db55;

      }

     

      #posts .post .post-content-full p.download {

         display:block;

         margin:10px;

         padding:10px;

         background:#e7f7d3;

         border:1px solid #66cc33;

      }

     

   #posts .post .post-bookmark {

      width:410px;

      padding:20px 0 30px 0;

      margin:0 auto;

   }

   

      #posts .post .post-bookmark a {

         display:block;

         height:48px;

         width:48px;

         padding:0 10px;

         float:left;

      }

     

      #posts .post .post-bookmark a.rss {

         background:url(http://img15.imageshack.us/i/socialrss.png/) no-repeat top center;

      }

     

      #posts .post .post-bookmark a.rss:hover {

         background:url(http://img15.imageshack.us/i/socialrss2.png/) no-repeat top center;

      }

     

      #posts .post .post-bookmark a.digg {

         background:url(http://img15.imageshack.us/i/socialdigg.png/) no-repeat top center;

      }

     

      #posts .post .post-bookmark a.digg:hover {

         background:url(http://img2.imageshack.us/i/socialdelicious2.png/) no-repeat top center;

      }

     

      #posts .post .post-bookmark a.delicious {

         background:url(http://img3.imageshack.us/i/socialdelicious.png/) no-repeat top center;

      }

     

      #posts .post .post-bookmark a.delicious:hover {

         background:url(http://img3.imageshack.us/i/socialdigg2.png/) no-repeat top center;

      }

     

      #posts .post .post-bookmark a.stumbleupon {

         background:url(http://img43.imageshack.us/i/socialstumble.png/) no-repeat top center;

      }

     

      #posts .post .post-bookmark a.stumbleupon:hover {

         background:url(http://img509.imageshack.us/i/socialstumble2.png/) no-repeat top center;

      }

     

      #posts .post .post-bookmark a.technorati {

         background:url(http://img43.imageshack.us/i/socialtechnorati.png/) no-repeat top center;

      }

     

      #posts .post .post-bookmark a.technorati:hover {

         background:url(http://img509.imageshack.us/i/socialtechnorati2.png/) no-repeat top center;

      }

     

      #posts .post .post-bookmark a.twitter {

         background:url(http://img197.imageshack.us/i/socialtwitter.png/) no-repeat top center;

      }

     

      #posts .post .post-bookmark a.twitter:hover {

         background:url(http://img171.imageshack.us/i/socialtwitter2.png/) no-repeat top center;

      }

     

   #posts .post .post-foot {

      margin-bottom:20px;

      padding:10px 8px;

      background:#f3f3f3;

      border-top:1px solid #e2e2e2;

      border-bottom:1px solid #e2e2e2;

   }

   

   #posts .post .post-meta li {

      float:left;

      height:14px;

   }

   

   

   /* meta */

   

   #posts .post .post-meta li.meta-author {

      background:url(http://img3.imageshack.us/i/userk.png/) no-repeat 0px -1px;

      padding-left:20px;

      padding-right:10px;

   }

   

   #posts .post .post-meta li.meta-share {

      float:right !important;

   }

   

   #posts .post .post-meta li.meta-date {

      background:url(http://img43.imageshack.us/i/calendars.png/) no-repeat 0px -2px;

      padding-left:20px;

      padding-right:10px;

   }

   

   #posts .post .post-meta li.meta-comment {

      background:url(http://img43.imageshack.us/i/commentg.png/) no-repeat 0px -1px;

      padding-left:20px;

      padding-right:10px;

   }

   

   #posts .post .post-meta li.meta-category {

      background:url(http://img509.imageshack.us/i/category.png/) no-repeat 0px -1px;

      padding-left:20px;

      padding-right:10px;

   }

   

   #posts .post-navigation {

      margin-top:10px;

      padding:15px 10px;

      background:#fff;

      font-size:1.2em;

      border-top:1px solid #e2e2e2;

      border-bottom:1px solid #e2e2e2;

   }

   

   #posts .post .post-content-half {

      padding-top:10px;

      width:430px;

   }

   

/* sidebar */



#sidebar {

   padding-top:30px;

   width:340px;

   margin:0 auto;

   line-height:18px;

}



   #sidebar .widget {

      width:320px;

      padding-top:20px;

      margin-bottom:20px;

      background:url(http://img9.imageshack.us/i/widgetheadbg.png/) no-repeat top center;

   }

   

   #sidebar .widget .widget-body {

      width:280px;

      padding:0 20px 10px 20px;

      background:url(http://img509.imageshack.us/i/widgetbodybg.png/) repeat-y;

   }

   

      #sidebar .widget .widget-body h2.widget-title {

         font-size: 2.0em;

         letter-spacing:-0.04em;

         line-height: 1.05em;

         padding-bottom: 15px;

         font-family: Helvetica, Arial, sans-serif;

         color:#393b3b;

         text-transform:capitalize;

      }

     

      #sidebar .widget .widget-body ul li {

         padding:10px 0;

         border-bottom:1px solid #d1d1d1;

      }

     

      #sidebar .widget .widget-body .rss-subscribe {

         border:3px solid #ccc; padding:8px; width:255px;

         background: #fff url(httpshack.us/i/commentg.png/://img15.imageshack.us/i/emailqg.png/) no-repeat 98% 50%;

         color:#999;

      }

     

      /* search widget */

     

      #sidebar .search_widget fieldset {

         margin: 0;

         padding: 0;

      }

     

      #sidebar .search_widget .search_term {

         display: block;

         margin: 0 auto;

         border: 3px solid #ccc;

         padding: 8px;

         padding-right: 24px;

         width: 240px;

         background: #fff url(http://img197.imageshack.us/i/searchiconk.png/) no-repeat 98% 50%;

      }

   

   #sidebar .widget .widget-foot {

      width:320px;

      height:13px;

      background:url(http://img2.imageshack.us/i/widgetfooterbg.png/) no-repeat top center;

   }

   

   /* widget body elements */



   .widget-body ul li {

      padding:15px 10px 15px 5px;

      background:url(images/hr-image.png) repeat-x bottom center;

   }

   

   .ads125box {

      height:125px; width:125px; background:#CCCCCC; float:left; margin:5px 0 0px 5px;

   }

   

   .ads125box img {

      border:0;

   }



/* Comments

----------------------

*/



#comments {

   padding:20px 10px;

   background:#fff;

   border-top:1px solid #e2e2e2;

   border-bottom:1px solid #e2e2e2;

}



   #comments h3 {

      font-size: 2.0em;

      letter-spacing:-0.04em;

      line-height: 1.05em;

      padding-bottom: 15px;

      font-family: Helvetica, Arial, sans-serif;

      color:#393b3b;

      text-transform:capitalize;

      border-bottom:3px solid #555;

   }

   

   #comments .comment-meta h2 {

      font-size: 1.8em;

      letter-spacing:-0.04em;

      line-height: 1.05em;

      padding-bottom: 15px;

      color:#393b3b;

      text-transform:capitalize;

   }

   

   #comments .comment-meta span {

      font-size: 1.2em;

      letter-spacing:-0.04em;

      line-height: 1.05em;

      padding-bottom: 15px;

      color:#393b3b;

      text-transform:capitalize;

   }

   

   #comments .comment-box {

      padding-top:20px;

   }

   

   #comments .comment-box .comment-body {

      padding:20px 10px 20px 10px;

      line-height:18px;

      border-bottom:1px solid #ccc;

      margin-bottom:20px;

   }

   

   #comments .comment-author-box {

      width:300px;

      border-top:2px solid #9a9a9a;

      border-left:2px solid #9a9a9a;

      border-right:1px solid #dcdcdc;

      border-bottom:1px solid #dcdcdc;

      padding-right:24px;

      background:url(http://img3.imageshack.us/i/userk.png/) no-repeat 98% 50%;

   }

   

   #comments .comment-email-box {

      width:300px;

      border-top:2px solid #9a9a9a;

      border-left:2px solid #9a9a9a;

      border-right:1px solid #dcdcdc;

      border-bottom:1px solid #dcdcdc;

      padding-right:24px;

      background:url(http://img15.imageshack.us/i/emailqg.png/) no-repeat 98% 50%;

   }

   

   #comments .comment-url-box {

      width:300px;

      border-top:2px solid #9a9a9a;

      border-left:2px solid #9a9a9a;

      border-right:1px solid #dcdcdc;

      border-bottom:1px solid #dcdcdc;

      padding-right:24px;

      background:url(http://img171.imageshack.us/i/linkvf.png/) no-repeat 98% 50%;

   }

   

   #comments .comment-textarea-box {

      border-top:2px solid #9a9a9a;

      border-left:2px solid #9a9a9a;

      border-right:1px solid #dcdcdc;

      border-bottom:1px solid #dcdcdc;

   }

   

   #comments .submitbtn, #comments .resetbtn {

      padding:8px 12px;

      margin-right:10px;

      border:0;

      background:#2d2d2d;

      color:#fff;

      font-family: Georgia, "Times New Roman", Times, serif;

      cursor:pointer;

   }

   

   #comments .submitbtn:hover, #comments .resetbtn:hover {

      background:#3c3c3c;

   }



/* Footer

----------------------

*/



#footer .footer-content {

   width:960px;

   margin:0 auto;

   padding:20px;

}



   #footer .foot-box {

      width:320px;

      float:left;

   }



   #footer h2 {

      font-size:1.8em;

      font-weight:bold;

      font-family: Helvetica, Arial, sans-serif;

      color:#fff;

      padding-bottom:15px;

      width:250px;

      border-bottom:1px solid #292827;

   }

   

   #footer div.abouttext {

      padding-top:10px;

      line-height:22px;

      color:#a4a5a1;

   }

   

   #footer ul {

      padding-top:10px;

   }

   

   #footer ul li a {

      display:block;

      padding:12px 0;

      color:#a4a5a1;

      width:250px;

   }

   

   #footer ul li a:hover {

      padding:12px 8px;

      background:#242222;

      text-decoration:none;

   }

   

#footer .credits {

   border-top:1px solid #393837;

   background:#252423;

}



   #footer .credits-content {

      width:980px;

      margin:0 auto;

      padding:10px;

      color:#a4a5a1;

   }

   

/* EXTRA

-----------------------------

*/



/* wp-pagenavi

-------------------------

*/



.wp-pagenavi {

   font-size: 1.1em;

   text-transform: uppercase;

   clear: both;

   font-weight: normal;

   text-align: right;

   margin-bottom: 10px;

}

.wp-pagenavi .current {

   color:#CCC !important;

}

.wp-pagenavi a,

.wp-pagenavi .current {

   padding: 8px !important;

   border: 1px solid #e2e2e2 !important;

   margin-left: 3px;

   color:#b0483b !important;

}

.wp-pagenavi a:hover,

.wp-pagenavi .current {

   background: #e2e2e2;

   color:#000;

}

.wp-pagenavi .pages {

   float: left;

   border:0 !important;

}



/* wordpress css codex

------------------------

*/



.aligncenter,

div.aligncenter {

   display: block;

   margin-left: auto;

   margin-right: auto;

   border:4px solid #dcdcdc;

}



.alignleft {

   float: left;

   margin-right:10px;

   border:4px solid #dcdcdc;

}



.alignright {

   float: right;

   margin:10px 0px 10px 10px;

   margin-left:10px;

   border:4px solid #dcdcdc;

}



.wp-caption {

   border: 1px solid #ddd;

   text-align: center;

   background-color: #f3f3f3;

   padding-top: 4px;

   margin: 10px;

   /* optional rounded corners for browsers that support it */

   -moz-border-radius: 3px;

   -khtml-border-radius: 3px;

   -webkit-border-radius: 3px;

   border-radius: 3px;

}



.wp-caption img {

   margin: 0;

   padding: 0;

   border: 0 none;

}



.wp-caption p.wp-caption-text {

   font-size: 11px;

   line-height: 17px;

   padding: 0 4px 5px;

   margin: 0;

}

______________
.fear{display:none;}
Mesaj19.02.2010, 16:49 (UTC)    
Mesaj konusu:

Kod:
<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'>
<!-- google_ad_section_start(name=default) -->
<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>


tasarımın altına

Kod:

 </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>
<!-- google_ad_section_end -->
</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>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>
</div>
<!-- end content-wrapper -->
<div id='footer-wrapper'>
<div class='footer section' id='footer'></div>
</div>
</div></div>
<!-- end outer-wrapper -->
<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 koduna

Kod:

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


______________
.fear{display:none;}
Mesaj24.02.2010, 13:37 (UTC)    
Mesaj konusu:

Merhaba beyler ben bu kodları dedğiniz yere koyuyorum olmuyor :S
Mesaj24.02.2010, 13:38 (UTC)    
Mesaj konusu:

Birde css kodu nerede onu bulamıyorum yardımcı olurmusunuz?
Mesaj24.02.2010, 14:14 (UTC)    
Mesaj konusu:

kerimdj yazmış:



Kod:
<!-- www.djkresimli.tr.gg tasarim sayfalari kod baslangici ---><center>
<style type="text/css">
<div align="center"><table border="0" width="95%"><tr><td>
<!--
table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;
background-position:center;background-repeat:no-repeat; }
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 15% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;}
td.edit_rechts_cbg{width:100%;}
-->
</style> 

<style type="text/css">
<!--

td.edit_rechts_sbg{visibility:hidden;}

/* Allgemein*/
body {background-color:#000000;}
body{background-image:url(http://80.190.202.79/pic/k/kerimdj07/arkaplarka.jpg);background-attachment: fixed;}
td.headline{visibility:hidden;}
td.edit_header_full{height: 215px; width: 1000px;background-image:url(http://80.190.202.79/pic/k/kerimdj07/headarka.jpg);background-repeat:no-repeat;}
object.objekt{position: absolute;center: 5px;top: 0px;}


/* Navigation*/
td.nav_heading{background-image: url(http://80.190.202.79/pic/k/kerimdj07/arkabu1.jpg);height: 33px;padding-left: 27px;font-size: 14px;font-weight: bold;width:185px;}
td.nav{background-image: url(http://80.190.202.79/pic/k/kerimdj07/arkabu1.jpg);background-color: #ffffff;width:185px;}
td.nav:hover{background-image: url(http://80.190.202.79/pic/k/kerimdj07/arkabu2.jpg);width:185px;}
td.edit_below_nav{visibility: hidden;visibility:transparent; }
td.edit_navi_headbg{background-image: url(http://80.190.202.79/pic/k/kerimdj07/arkyann.jpg);background-repeat:repeat;}
td.nav{color: #ffffff;}
td.nav a{color: #ffffff;}
td#nav_lalala{visibility:hidden;height:25px;}
td#nav_lalala2{visibility:hidden;height:25px;}
td#nav_lalala3{visibility:hidden;height:25px;}
tr.checked_menu td{background-image:url(http://80.190.202.79/pic/k/kerimdj07/arkatikka.jpg);}
td#nav_AllesfuerdeineHomepage{background-image: url(http://80.190.202.79/pic/k/kerimdj07/arkatikka.jpg);height:33px;text-align:center;}
td#nav_Community{background-image: url(http://80.190.202.79/pic/k/kerimdj07/arkatikka.jpg);height:33px;text-align:center;}
td#nav_Multimedia{background-image: url(http://80.190.202.79/pic/k/kerimdj07/arkatikka.jpg);height:33px;text-align:center;}


/* Content*/
td.edit_content font{color:;font-size: 11px;}
td.edit_content_bottom2{background-image: url();height: 34px;weight:632px;visibility:transparent;}
td.edit_content_bottom{background-image: url(http://80.190.202.79/pic/k/kerimdj07/arkaltust.jpg);}
td.edit_content_bottom:hover{background-image: url(http://80.190.202.79/pic/k/kerimdj07/akratanidjk.jpg);}
td.edit_content{background-image: url(http://80.190.202.79/pic/k/kerimdj07/graphic1j.jpg);}
td.edit_content div{color:;font-size: 11px;}
td.edit_content p{color:;font-size: 11px;}
td.edit_content_top{height: 34px;background-image: url(http://80.190.202.79/pic/k/kerimdj07/arkaltust.jpg);font-size:14px;font-weight:bold;text-align: center;width:632px;}


/* Rechte Boxen*/
td.sidebar_heading{background-image: url(http://80.190.202.79/pic/k/kerimdj07/arkabu1.jpg);height: 33px;font-size: 14px;font-weight: bold;text-align: center;width:185px;}
#sidebar_heading_1,#sidebar_heading_2,#sidebar_heading_3,#sidebar_heading_4,#sidebar_heading_5{background-image: url();background-color: transparent;width:185px;background-repeat:no-repeat;}
td.edit_rb_footer{visibility:hidden;}
td.edit_rechts_bottom{background-image: url();background-repeat:repeat;}
td.shouty, td.shouty2, td.shouty3, td.shouty4, td.shouty5{color:#000000;background-image: url(http://80.190.202.79/pic/k/kerimdj07/arkyann.jpg);background-color: transparent;visibility:transparent;}


/* Hintergrund*/
td.edit_rechts_cbg{background-repeat: repeat;background-image: url();}


table.rb_neu{position:absolute;left:131px;top:1200px;}

-->
</style>

<!-- www.djkresimli.tr.gg tasarim sayfalari kod bitisi --->

Mesaj03.03.2010, 18:50 (UTC)    
Mesaj konusu:

Gzel paylaşımlar Bunlar Wink Very Happy
Mesaj06.03.2010, 09:08 (UTC)    
Mesaj konusu: Yeşil İce Blue Tasarim



Kod:
<center><style type="text/css"> <!--
/* www.cixoyun55.tr.gg web tasarim kod baslangici.*/
td.edit_below_nav{visibility:hidden;}
body {color: #FFFFFF; background-image:url(http://abidin.gen.tr/resimler/duvarkagidi/yesil_balon.jpg); background-color: ;}
td.nav{color: #000000; background-image:url(http://img118.imageshack.us/img118/4926/103yb0.jpg); background-color: ;}
td.nav:hover{color: #000000; background-image:url(http://img118.imageshack.us/img118/1571/121kd3.jpg); background-color: ;}
td.edit_header_full{color: ; background-image:url(http://img103.imageshack.us/img103/410/hosgeldiniz20ax4.jpg); background-color: ;}
td.edit_rechts_sbg{visibility:hidden;}
td.edit_content{color: #000000; background-image:url(); background-color: ;}
td.edit_navi_headbg{background-image:url(); background-color:transparent;}
td.edit_rechts_bottom{background-image: url(URL);}
td.nav_heading{color: #000000; background-image:url(http://img118.imageshack.us/img118/4926/103yb0.jpg); background-color: ; height:33px;}
td.sidebar_heading{color: #000000; background-image:url(http://img118.imageshack.us/img118/944/103af8.jpg); background-color: ; height:33px;}
td.edit_content_top{color: #000000; background-image:url(http://img118.imageshack.us/img118/4896/ustbaruy5.jpg); background-color: ; height:33px;}
td.edit_rechts_cbg{background-image:url(); background-color:transparent;}
td.edit_content_bottom{color: #000000; background-image:url(); background-color: ;}
td.edit_content_bottom2{color: #000000; background-image:url(http://img118.imageshack.us/img118/4896/ustbaruy5.jpg); background-color: ; height:33px;}
td.shouty{color: #000000; background-image:url(http://img118.imageshack.us/img118/944/103af8.jpg); background-color: ;}
td.shouty2{color: #000000; background-image:url(http://img118.imageshack.us/img118/944/103af8.jpg); background-color: ;}
td.shouty3{color: #000000; background-image:url(http://img118.imageshack.us/img118/944/103af8.jpg); background-color: ;}
td.shouty4{color: #000000; background-image:url(http://img118.imageshack.us/img118/944/103af8.jpg); background-color: ;}
td.shouty5{color: #000000; background-image:url(http://img118.imageshack.us/img118/944/103af8.jpg); background-color: ;}
td.edit_rb_footer{background-image:url(); background-color:transparent;}
--> </style>
Mesaj06.03.2010, 09:12 (UTC)    
Mesaj konusu: Re: MİLLET TASARIMGÖRSÜN


Kod:
<style type="text/css"><!--
body{background-image:url(http://80.190.202.79/pic/g/gezerdin/garka.jpg);background-repeat: repeat;}
td.edit_rechts_sbg{background-image:url();}
td.headline{visibility: hidden;}
td.shouty{background-image:url(http://80.190.202.79/pic/g/gezerdin/gsagalt.jpg);background-repeat: repeat;}
td.shouty2{background-image:url(http://80.190.202.79/pic/g/gezerdin/gsagalt.jpg);background-repeat: repeat;}
td.shouty3{background-image:url(http://80.190.202.79/pic/g/gezerdin/gsagalt.jpg);background-repeat: repeat;}
td.shouty4{background-image:url(http://80.190.202.79/pic/g/gezerdin/gsagalt.jpg);background-repeat: repeat;}
td.shouty5{background-image:url(http://80.190.202.79/pic/g/gezerdin/gsagalt.jpg);background-repeat: repeat;}
td.edit_rb_footer{background-image:url(http://80.190.202.79/pic/g/gezerdin/gsagalt2.jpg);background-repeat: no-repeat;}
td.edit_rechts_bottom{background-image:url();}
td.edit_content_bottom2{background-image:url(http://80.190.202.79/pic/g/gezerdin/galtbar.jpg); height: 33px;}
td.edit_rechts_cbg{background-image:url();}
td.edit_below_nav img{visibility: hidden;}
td.edit_below_nav{background-image:url(http://80.190.202.79/pic/g/gezerdin/gmenualt.jpg);}
td.edit_navi_headbg{background-image:url();}
td.nav{background-image:url(http://80.190.202.79/pic/g/gezerdin/gmn1.jpg);}
td.nav a{color: 800000;}
td.nav:hover{background-image:url(http://80.190.202.79/pic/g/gezerdin/gmn2.jpg);}
td.nav_heading{height: 33px;background-image:url('http://80.190.202.79/pic/g/gezerdin/gmenu.jpg');color: 800000}
td.sidebar_heading{height: 33px;color: 800000; background-image:url('http://80.190.202.79/pic/g/gezerdin/gsagmenu.jpg');}
td.edit_content_top{background-image:url(http://80.190.202.79/pic/g/gezerdin/gustbar.jpg);height: 33px;}
td.edit_content{background-image:url(http://80.190.202.79/pic/g/gezerdin/ganaalt.jpg);background-repeat: repeat;}
td.edit_content_bottom{background-image:url(http://80.190.202.79/pic/g/gezerdin/gsagalt.jpg);height: 0px;}
table.edit_main_table{width: 80% !important;}
td.edit_main_tr{width: 80% !important;}
table.edit_second_table{width: 80% !important;}
td.edit_header_full{width: 80% !important;background-position:center;background-repeat:no-repeat; }
td.edit_header_full table{width: 80% !important;}
table.edit_third_table{width: 80% !important;}
td.edit_navi_headbg{width: 15% !important;}
table.edit_rechts_tabelle{width: 80% !important;}
td.edit_rechts_bottom{width: 15% !important;}
td.edit_rechts_cbg{width:80%;}
tr.checked_menu td{background-image:url(http://80.190.202.79/pic/g/gezerdin/gmn2.jpg);}
tr.checked_menu td:hover{background-image:url(http://80.190.202.79/pic/g/gezerdin/gmn2.jpg);}
--></style>
<style type="text/css">
<!--

td.edit_header_full{background-image: url(
http://80.190.202.79/pic/g/gezerdin/gbaslk.gif);
-->
</style> <style type="text/css">
<!--
html, body {
text-align: center;
}
-->
</style>
Mesaj13.03.2010, 12:58 (UTC)    
Mesaj konusu: The Fences / Free Css Template - Uyarlamadır

Önizleme:
Kod:
http://www.freecsstemplates.org/preview/thefences/


Tasarım Kodları:

Tasarım Üstü:
Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
 
Name       : The Fences
Description: A two-column, fixed-width design for 1024x768 screen resolutions.
Version    : 1.0
Released   : 20100308
 
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>The Fences  by Free CSS Templates</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="http://www.freecsstemplates.org/previews/thefences/style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
   <div id="logo">
      <h1><a href="#">DJ Ceeyme  </a></h1>
      <p><em> Tasarım uyarlama: <a href="http://www.frmceeyme.tk">frmceeyme.tk</a></em></p>
   </div>
   <hr />
   <!-- end #logo -->
   <div id="header">
      <div id="menu">
         <ul>
            <li><a href="#" class="first">Home</a></li>
            <li class="current_page_item"><a href="#">Blog</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#">Contact</a></li>
         </ul>
      </div>
      <!-- end #menu -->
      <div id="search">
         <form method="get" action="">
            <fieldset>
            <input type="text" name="s" id="search-text" size="15" />
            <input type="submit" id="search-submit" value="GO" />
            </fieldset>
         </form>
      </div>
      <!-- end #search -->
   </div>
   <!-- end #header -->
   <!-- end #header-wrapper -->
   <div id="page">
      <div id="content">
        <div class="post">
            <h2 class="title"><a href="#">Welcome to The Fences </a></h2>
            <p class="meta">Sunday, April 26, 2009 7:27 AM Posted by <a href="#">Someone</a></p>
            <div class="entry">
               <p>


Tasarım Altı:
Kod:
</p>
           </div>
         </div>
      </div><!-- end #content -->
      <div id="sidebar">
         <ul>
            <li>
               <h2>Aliquam tempus</h2>
               <p>Mauris vitae nisl nec metus placerat perdiet est. Phasellus dapibus semper urna. Pellentesque ornare, orci in consectetuer hendrerit, volutpat.</p>
            </li>
            <li>
               <h2>Pellenteque ornare </h2>
               <ul>
                  <li><a href="#">Nec metus sed donec</a></li>
                  <li><a href="#">Magna lacus bibendum mauris</a></li>
                  <li><a href="#">Velit semper nisi molestie</a></li>
                  <li><a href="#">Eget tempor eget nonummy</a></li>
                  <li><a href="#">Nec metus sed donec</a></li>
                  <li><a href="#">Velit semper nisi molestie</a></li>
                  <li><a href="#">Eget tempor eget nonummy</a></li>
                  <li><a href="#">Nec metus sed donec</a></li>
               </ul>
            </li>
            <li>
               <h2>Turpis nulla</h2>
               <ul>
                  <li><a href="#">Nec metus sed donec</a></li>
                  <li><a href="#">Magna lacus bibendum mauris</a></li>
                  <li><a href="#">Velit semper nisi molestie</a></li>
                  <li><a href="#">Eget tempor eget nonummy</a></li>
                  <li><a href="#">Nec metus sed donec</a></li>
                  <li><a href="#">Nec metus sed donec</a></li>
                  <li><a href="#">Magna lacus bibendum mauris</a></li>
                  <li><a href="#">Velit semper nisi molestie</a></li>
                  <li><a href="#">Eget tempor eget nonummy</a></li>
                  <li><a href="#">Nec metus sed donec</a></li>
               </ul>
            </li>
         </ul>
      </div>
      <!-- end #sidebar -->
      <div style="clear: both;">&nbsp;</div>
   </div>
   <!-- end #page -->
   <div id="footer">
      <p>Copyright (c) 2010 DJ Ceeyme. All rights reserved. Design by <a href="http://www.djceeyme.tr.gg">Free CSS Templates</a>.</p>
   </div>
   <!-- end #footer -->
</body>
</html>


Css Kod:
Kod:
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;}

______________
old good days bro..
Mesaj14.03.2010, 11:01 (UTC)    
Mesaj konusu:

Bıktık aynı tasarımdan yeni tasarımlar yok mu yaaa Mad
Mesaj14.03.2010, 11:07 (UTC)    
Mesaj konusu: İceblue Tasarım

Kod:
<style type="text/css">
<!--
table {margin-left: auto;margin-right: auto}
body {
background-color:#343434;
background-image:url(http://www.backgroundlabs.com/backgrounds/285.gif);
}
td {
color:#000000;
font-size:14px;
text-align:left;
font-family: arial,verdana; }
a:link {
color:#0479D0;
font-size:14px;
font-family:arial,verdana;
text-decoration:none; }
a:visited {
color:#10A4B4;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;}
a:hover{
color:#04467B;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;}
td.edit_header_full {
background-color:#c0c0c0;
background-image:url(http://img.webme.com/pic/i/iceblueking/oyunbaslik.gif);
background-repeat:no-repeat; }
td.headline {visibility:hidden;}
td.nav_heading {
padding-left:5px;
color:#FFFFFF;
font-size:14px;
font-family:arial,verdana;
font-weight:600;
height:27px;
background-color:#2b4f7a;
background-image:url(http://img.webme.com/pic/i/iceblueking/oyunsagsol.gif);
border:1px solid #000; }
td.nav {
background-color:#ccc;
background-image: url(http://img.webme.com/pic/i/iceblueking/oyunmenuilk.gif);
border:1px solid #000; }
td.nav:hover {
background-color:#ccc;
background-image:url(http://img.webme.com/pic/i/iceblueking/oyunmenu.gif);
border:1px solid #000;}
td.nav a {
color:#000000;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;
font-weight:500;
text-align:left; }
td.nav a:hover{
color:#000000;
font-weight:500;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;
text-align:left; }
td.edit_below_nav {display:none;}
td.edit_main_tr {
height: 50% !important; }
td.edit_navi_headbg {
height: 50%;
background-color:#XXXXXX ;
background-image:url();
border:0px solid #000000; }
td.edit_content_top {
height:27px;
background-color:#2f4b7a;
background-image:url(http://img.webme.com/pic/i/iceblueking/oyunsagsol.gif);
border:1px solid #000; }
td.headline2 {
color:#FFFFFF;
font-size:12px;
font-family:arial,verdana;
text-align:left; }
td.edit_content {
width:610px;
background-color:#FFFFFF;
background-image: url();
border:1px solid #000; }
td.edit_content_left_spacer {
background-color:#f3f3f3;
background-image:url(); }
td.edit_content_right_spacer {
background-color:#f3f3f3;
background-image:url(); }
td.edit_content_bottom {
height:29px;
background-color:#000000;
background-image: url(http://img.webme.com/pic/i/iceblueking/oyunsagsol.gif);
border:1px solid #000000; }
td.edit_content_bottom:hover {
background-color:#ccc;
background-image:url(http://img.webme.com/pic/i/iceblueking/copyrgiht2.gif);
border:1px solid #000;}
td.edit_content_bottom2 {
background-color:#XXXXXX ;
background-image: url();
border:0px solid #000000; }
td.edit_content_bottom2_counter {
font-family:arial,verdana;
font-size:14px;
color:#000;
background-color:#c9c9c9;
border:1px solid #000000; }
td.edit_rechts_cbg {
background-color:#XXXXXX;
background-image: url();
border:0px solid #000000; }
td.edit_rechts_sbg {display:none;}
td.sidebar_heading {
padding-right:5px;
color:#FFFFFF;
font-size:14px;
font-family:arial,verdana ;
text-align:center;
font-weight:600px;
height:27px;
background-color:#000000;
background-image: url(http://img.webme.com/pic/i/iceblueking/oyunsagsol.gif);
border:1px solid #000000; }
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
color:#000080;
font-size:14px;
font-family.arial,verdana;
text-align:left;
background-color:#F2F2F2;
background-image: url();
border:1px solid #000000; }
td.edit_rb_footer{display:none; }
td.edit_rechts_bottom {
background-color:#XXXXXX ;
background-image: url();
border:0px solid #000000; }
-->
</style>
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu