Kod3

TASARIM ALTINA

</div> <div class="post_b"> Link 1 | Link 2 | Link 3</div> </div>     <div id="pagination"> <span class="alignleft"><a href="#" _fcksavedurl="#">« Önceki Sayfa</a></span> <span class="alignright"><a href="#" _fcksavedurl="#">Sonraki Sayfa »</a></span></div> </div> <div id="sidebar"> 		 			<h3>Categories</h3> 			<ul>				 	<li class="cat-item cat-item-4"><a href="#" _fcksavedurl="#" title="cat">Lorem Ipsum </a></li> 	<li class="cat-item cat-item-5"><a href="#" _fcksavedurl="#" title="cat">Apple Macintosh </a></li> 	<li class="cat-item cat-item-3"><a href="#" _fcksavedurl="#" title="cat">Linux Ubuntu </a></li> 	<li class="cat-item cat-item-1"><a href="#" _fcksavedurl="#" title="cat">Wordpress Themes</a></li> 			<li class="cat-item cat-item-1"><a href="#" _fcksavedurl="#">XHTML Themes</a></li> 			<li class="cat-item cat-item-1"><a href="#" _fcksavedurl="#">Free Releases  </a></li> 			</ul>  			<h3>Archives</h3> 			<ul>				 	<li><a href='#' _fcksavedurl='#' title='March 2008'>March 2008</a></li> 	<li><a href='#' _fcksavedurl='#' title='February 2008'>February 2008</a></li> 	<li><a href='#' _fcksavedurl='#' title='January 2008'>January 2008</a></li>  	<li><a href='#' _fcksavedurl='#' title='December 2007'>December 2007</a></li> 			</ul>	 				 			<h3>Links</h3> 			<ul>                    <li><a href="http://wordpress.org/development/" _fcksavedurl="http://wordpress.org/development/">Development Blog</a></li> <li><a href="http://codex.wordpress.org/" _fcksavedurl="http://codex.wordpress.org/">Documentation</a></li> <li><a href="http://wordpress.org/extend/plugins/" _fcksavedurl="http://wordpress.org/extend/plugins/">Plugins</a></li> <li><a href="http://wordpress.org/extend/ideas/" _fcksavedurl="http://wordpress.org/extend/ideas/">Suggest Ideas</a></li>  <li><a href="http://wordpress.org/support/" _fcksavedurl="http://wordpress.org/support/">Support Forum</a></li> <li><a href="http://wordpress.org/extend/themes/" _fcksavedurl="http://wordpress.org/extend/themes/">Themes</a></li> <li><a href="http://planet.wordpress.org/" _fcksavedurl="http://planet.wordpress.org/">WordPress Planet</a></li> 		 			</ul> 			 			<h3>Meta</h3> 			<ul> 								<li><a href="#" _fcksavedurl="#">Log in</a></li> 					<li><a href="#" _fcksavedurl="#" title="This page validates as XHTML 1.0 Transitional">Valid <abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a></li>  				<li><a href="#" _fcksavedurl="#"><abbr title="XHTML Friends Network">XFN</abbr></a></li>  					<li><a href="#" _fcksavedurl="#" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">WordPress</a></li> 	  </ul>	 			 			<h3>Search Box</h3>	 <form action="http://demo.themelab.com/" class="searchform"> 				<p> 				<input name="s" class="textbox" type="text" />    				<input class="button" value="Search" type="submit" /> 				</p>			 	  </form>  </div> <div class="clear"></div> </div> <div id="pagebottom"></div>  <div id="footer"> <p>© All Contents are Copy-righted 2006 - 2008</p> <p><a href="#" _fcksavedurl="#">Put</a> | <a href="#" _fcksavedurl="#">Some More</a> | <a href="#" _fcksavedurl="#">Links</a> | <a href="#" _fcksavedurl="#">In the</a> | <a href="#" _fcksavedurl="#">Bottom</a> | <a href="#" _fcksavedurl="#">Of the </a>| <a href="#" _fcksavedurl="#">Page </a></p> <p><a href="http://ramblingsoul.com" _fcksavedurl="http://ramblingsoul.com">CSS Template</a> by Ramblingsoul </p>  </div> </div><TEXTAREA>

TASARIM ÜSTÜNE

CSS KODUNA

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;}
#wrap #header #sitename {
	display: block;
	font: normal 28px Georgia, "Times New Roman", Times, serif;
	padding-left: 45px;
	padding-top: 15px;
	color: #000000;
	width: 300px;
	float: left;
}
#wrap #header .intro {
	display: block;
	float: right;
	width: 500px;
	padding-right: 55px;
	padding-top: 20px;
	font: italic normal 18px Georgia, "Times New Roman", Times, serif;
	color: #005979;
}
#wrap #header #breadcrumb a {
	color: #CCCCCC;
	text-decoration: none;
}
#wrap #header #breadcrumb a:visited, #wrap #header #breadcrumb a:active {
	color: #CCCCCC;
	text-decoration: none;
}#wrap #header #breadcrumb a:hover {
	color: #fff;
	text-decoration: none;
}
#wrap #header #sitename .caption {
	font-size: 12px;
	display: block;
}

ul {list-style:none}
a {
	color: #069;
}

html {
	background: #14222b url(http://ramblingsoul.com/preview/rs12/images/bodybg.jpg);
}
.clear {clear:both;}
body {background:url(http://ramblingsoul.com/preview/rs12/images/bgtop.jpg) repeat-x; font:11px Verdana, Arial, Helvetica, sans-serif; color:#000;}
#wrap {background:url(http://ramblingsoul.com/preview/rs12/images/pagebg.jpg) repeat-y; width:953px; margin:auto;}
#header {background:url(http://ramblingsoul.com/preview/rs12/images/header3.jpg) no-repeat; height:210px;}
#contents {
	background:url(http://ramblingsoul.com/preview/rs12/images/pageheader.jpg) no-repeat top;
	padding-left: 35px;
	padding-right: 35px;
	padding-top: 15px;
}
#footer{
	background:url(http://ramblingsoul.com/preview/rs12/images/footer.jpg) no-repeat;
	height:130px;
	text-align: center;
	color: #9AACB8;
	padding-top: 50px;
}
#wrap #footer a {
	color: #C7D9E5;
	text-decoration: none;
}

#left {width:652px; float:left;}
#left .post {
	width: 639px;
	margin-left: 4px;
	margin-bottom: 15px;
	background: url(http://ramblingsoul.com/preview/rs12/images/postbg.jpg) repeat-y;
}
#left .post .post_h {
	background: url(http://ramblingsoul.com/preview/rs12/images/postheader.jpg) no-repeat;
	height: 17px;
}
.post .post_b {
	background: url(http://ramblingsoul.com/preview/rs12/images/postfooter.jpg) no-repeat;
	height: 30px;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
}
.post_b .permalink {
	display: block;
	float: left;
	background: url(http://ramblingsoul.com/preview/rs12/images/readmore.jpg) no-repeat;
	height: 16px;
	padding-left: 20px;
	padding-top: 2px;
	margin-right: 5px;
	margin-left: 5px;
}

.post .postcontent {
	padding: 5px 25px;
}
.post .date {
	font-size: 10px;
	color: #999999;
	display: block;
	background: url(http://ramblingsoul.com/preview/rs12/images/posticon.jpg) no-repeat;
	padding-left: 20px;
	height: 16px;
	padding-top: 4px;
}
.post  h5 {
	font: normal 18px Georgia, "Times New Roman", Times, serif;
	color: #007993;
	display: block;
	margin-bottom: 18px;
	padding-top: 5px;
}

#pagebottom {background:url(http://ramblingsoul.com/preview/rs12/images/paginationbg.jpg) no-repeat; height:44px; clear:both;}
#topnav {
	height:50px;
	padding-top: 32px;
	padding-left: 30px;
}#breadcrumb {
	color: #CCCCCC;
	padding-left: 135px;
	padding-top: 6px;
}
#wrap #contents #left #pagination {
	background: #9AACB8;
	margin-right: 15px;
	margin-left: 15px;
	padding: 8px;
	margin-bottom: 15px;
}
#pagination .alignleft {
	display: block;
	float: left;
	width: 200px;
}
#pagination .alignright {
	text-align: right;
	display: block;
	margin-left: 400px;
}
#topnav li {
	display: inline;
	text-transform: uppercase;
	font: bold 14px "Trebuchet MS", Arial, Halvetica, sans-serif;
}
#topnav a {
	display: block;
	height: 35px; width: 137px; float: left; margin:0 3px 0 3px; text-align:center; padding-top:15px; color:#ccc; text-decoration:none;}
#topnav .active a {background:url(http://ramblingsoul.com/preview/rs12/images/menuhover.png) no-repeat; color:#fff;}
#topnav a:hover {background:url(http://ramblingsoul.com/preview/rs12/images/menunormal.png) no-repeat; color:#333;}#wrap #contents #sidebar {
	margin-left: 665px;
}
#wrap #contents #sidebar h3 {
	background: url(http://ramblingsoul.com/preview/rs12/images/sidebarheading.jpg) no-repeat;
	display: block;
	width: 195px;
	height: 30px;
	color: #FFFFFF;
	padding-top: 6px;
	padding-right: 10px;
	padding-left: 10px;
	font: 16px "Trebuchet MS", Arial, Halvetica, sans-serif;
	text-transform: uppercase;
	margin-bottom: 8px;
}
#sidebar .cat-item {
	display: block;
	height: 24px;
	border:none!important; padding:0!important; 
}
#sidebar li {
	margin-left: 10px;
	margin-right: 10px;
}
#sidebar li {
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #91B5CC;
}
#sidebar ul li a {
	text-decoration: none;
	color: #15222B;
}

.cat-item  a {
	display: block;
	height: 19px;
	padding-top: 5px;
	text-decoration: none;
	color: #15222B;
	border-bottom: 1px solid #91B5CC;
}
#sidebar ul {
	margin-bottom: 15px;
}

.post p {
	line-height: 18px;
	margin-bottom: 18px;
}
.post_b .category {
	display: block;
	float: left;
	background: url(http://ramblingsoul.com/preview/rs12/images/category.jpg) no-repeat;
	height: 16px;
	padding-left: 20px;
	padding-top: 2px;
	margin-right: 5px;
	margin-left: 5px;
}
.post_b  a {
	color: #FFFFFF;
	text-decoration: none;
}

.post_b .comment {

display: block;
	float: left;
	background: url(http://ramblingsoul.com/preview/rs12/images/comment.jpg) no-repeat;
	height: 16px;
	padding-left: 24px;
	padding-top: 2px;
	margin-right: 5px;
	margin-left: 5px;
}
.post_b a:visited, .post_b a:active {
	color: #FFFFFF;
	text-decoration: none;
}
.post_b a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
a:visited, active {
	color: #000033;
}
a:hover {
	color: #000000;
	text-decoration: none;
}
#pagination a {
	text-decoration: none;
}
#sidebar ul li a:visited, #sidebar ul li a:active {
	text-decoration: none;
	color: #15222B;
}
#sidebar ul li a:hover {

text-decoration: none;
	color: #000000;
}
.cat-item a:visited .cat-item a:active {

display: block;
	height: 19px;
	padding-top: 5px;
	text-decoration: none;
	color: #15222B;
	border-bottom: 1px solid #91B5CC;
}
.cat-item a:hover {
	display: block;
	height: 19px;
	padding-top: 5px;
	text-decoration: none;
	color: #000000;
	border-bottom: 1px solid #91B5CC;
	background: #DEE9EF;
}
#wrap #contents #sidebar .searchform p {
	padding: 8px;
}
#wrap #contents #sidebar .searchform .button {
	display: block;
	float: left;
}
#wrap #contents #sidebar .searchform .textbox {
	display: block;
	border: 1px solid #15222B;
	float: left;
	width: 140px;
	margin-right: 3px;
	padding: 2px;
}
#wrap #footer a:visited {

color: #C7D9E5;
}
#wrap #footer a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
img.alignleft {
	float: left;
	margin: 5px;
	padding: 5px;
	display: block;
	background: #C7D9E5;
	border: 1px solid #8E98A1;
}
img.alignright {
	float: right;
	margin: 5px;
	padding: 5px;
	display: block;
	background: #C7D9E5;
	border: 1px solid #8F9EA5;
}
#wrap #header #sitename a {
	text-decoration: none;
	color: #000;
}
blockquote {
	font: 14px Georgia, "Times New Roman", Times, serif;
	color: #006699;
	display: block;
	padding: 5px;
	border-top: 1px solid #C7D9E5;
	border-bottom: 1px solid #C7D9E5;
	margin-top: 10px;
	margin-bottom: 10px;
}
h1 a {
	text-decoration: none;
}
h5 a {
	text-decoration: none;
}

blockquote p {
	margin-bottom: 0!important;
}
.post ul, .post ol {
	margin-bottom: 15px;
}
.post ol {
	list-style: decimal outside;
	padding-left: 15px;
}
.post ol li {
	padding: 4px;
}

#wrap #contents #left .post .postcontent code {
	display: block;
	margin-bottom: 15px;
	padding: 10px;
	background: #C7D9E5 url(http://ramblingsoul.com/preview/rs12/images/codebg.jpg) no-repeat right bottom;
	color: #000000;
	font: 11px "Courier New", Courier, monospace;
	white-space: pre;
}
#wrap #contents #left #comments {
	width: 639px;
	margin-left: 6px;
}
#wrap #contents #left #comments  ol {
	list-style: none;
}
#wrap #contents #left #comments  ol li {
	display: block;
	padding: 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid #D4D0C8;
	background: #f4f4f4;
}
#wrap #contents #left #comments  ol.odd {
	background: #fff!important;
}
h3 a {
	text-decoration: none;
}
h3 {
	font-size: 16px;
	margin-bottom: 15px;
}

#wrap #contents #left #comments #commentop {
	background: url(http://ramblingsoul.com/preview/rs12/images/commenttop.jpg) no-repeat;
	height: 64px;
}
#wrap #contents #left #comments #commentcontent {
	background: url(http://ramblingsoul.com/preview/rs12/images/commentbg.jpg) repeat-y;
	padding: 5px 15px;
}
#wrap #contents #left #comments #commentbtm {
	background: url(http://ramblingsoul.com/preview/rs12/images/commentbtm.jpg) no-repeat;
	height: 38px;
}
#wrap #contents #left #comments .text {
	border: 1px solid #C7D9E5;
	margin-bottom: 15px;
	padding: 3px;
	display: block;
	width: 200px;
}
#wrap #contents #left #comments #commentcontent form {
	padding-left: 45px;
}
#comment {
	border: 1px solid #C7D9E5;
	margin-bottom: 15px;
}
<textarea/><div class="OUTBRAIN" data-ob-contenturl="https://superrcity.tr.gg/Kod3.htm" data-widget-id="AR_1" data-ob-installation-key="DEDER1336F53KG67MGDL4PLCO"> </div>				</div>
				<div id="counter"><span></span></div>
				<div id="post_content"></div>
								<div id="sidebar_container">
					<h2 id="sidebar_heading"><span></span></h2>
					<div id="sidebar_content"></div>
				</div>
			</div>
		</div>
		</div>
</div>
<div id="alttaraf"></div>
</div>
				<a id="selfpromotionOverlay" href="https://www.bedava-sitem.com/?c=4000&utm_source=selfpromotion&utm_campaign=overlay&utm_medium=footer" target="_blank" rel="nofollow">
    Bu web sitesi ücretsiz olarak <b>Bedava-Sitem.com</b> ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?

<div class="btn btn-1">Ücretsiz kaydol</div>

</a>
<style>
    body {
        padding-top: 124px;
    }
    #forFixedElement {
        top: 124px;
    }
    @media (min-width: 365px) {
        body {
            padding-top: 103px;
        }
        #forFixedElement {
            top: 103px;
        }
    }
    @media (min-width: 513px) {
        body {
            padding-top: 82px;
        }
        #forFixedElement {
            top: 82px;
        }
    }
    @media (min-width: 936px) {
        body {
            padding-top: 61px;
        }
        #forFixedElement {
            top: 61px;
        }
    }

/* General button style */
    #selfpromotionOverlay .btn {
        border: none;
        font-size: inherit;
        color: inherit;
        background: none;
        cursor: pointer;
        padding: 6px 15px;
        display: inline-block;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 700;
        outline: none;
        position: relative;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
        margin: 0px;
    }

/* Button 1 */
    #selfpromotionOverlay .btn-1, #selfpromotionOverlay .btn-1:visited {
        background: rgb(0, 85, 204);
        color: #fff;
    }

#selfpromotionOverlay .btn-1:hover {
        background: #2980b9;
    }

#selfpromotionOverlay .btn-1:active {
        background: #2980b9;
        top: 2px;
    }

#selfpromotionOverlay {
        font: 400 12px/1.8 "Open Sans", Verdana, sans-serif;
        text-align: center;
        opacity: 1;
        transition: opacity 1s ease;
        position: fixed;
        overflow: hidden;
        box-sizing: border-box;
        font-size: 14px;
        text-decoration: none;
        line-height: 1.5em;
        flex-wrap: nowrap;
        z-index: 5000;
        padding: 14px;
        width: 100%;
        left: 0;
        right: 0;
        top: 0;
        color: rgb(35,35,35);
        background-color: rgb(246,246,246);
        border-bottom: 1px solid #5a5a5a;
    }

#selfpromotionOverlay:hover {
        background: white;
        text-decoration: none;
    }
</style>		<div id="extraDiv1"><span></span></div>
		<div id="extraDiv2"><span></span></div>
		<div id="extraDiv3"><span></span></div>
		<div id="extraDiv4"><span></span></div>
		<div id="extraDiv5"><span></span></div>
		<div id="extraDiv6"><span></span></div>
	</body>
</html>

SuperrCity

Kod3

TASARIM ALTINA

TASARIM ÜSTÜNE

CSS KODUNA