• 04-12-2012, 20:19:33
    #1
    İyi akşamlar, Wordpress'in ADSimple temasını düzenliyorum fakat sidebarları birini sağa birini sola yerleştiremedim. Css bilgim pek olmadığı için bir şey yapamıyorum, yardımınızı bekliyorum.

    Style.css kodları

    /*
    Theme Name: ADSimple
    Theme URI:
    Description: Simple Wordpress theme based on HTML5 using red, black & white colors.
    Version: 1.2.1
    Author: Dimox
    Author URI: http://dimox.name/
    Tags: red, brown, white, black, silver, three-columns, right-sidebar, fixed-width, threaded-comments
    .
    Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.
    .
    */
    
    * {margin: 0; padding: 0}
    header, nav, section, article, aside, footer {display: block}
    body {
    	font: 13px/18px "Trebuchet MS", Tahoma, Arial, sans-serif;
    	color: #444;
      background: #F8F8F8;
    }
    a {
    	color: #E60000;
    }
    a:hover {
    	color: #AA0001;
    }
    p {margin: 0 0 18px;}
    img {border: 0}
    input {vertical-align: middle}
    blockquote {
    	margin: 0 0 18px 20px;
    	padding: 1px 12px;
    	border-left: 3px solid #DE8D8D;
    	background: #F2F2F2;
    	height: 1%;
    }
    blockquote p {
    	padding: 8px 0;
    	margin: 0;
    }
    .aligncenter,
    div.aligncenter {
    	display: block;
    	margin: 0 auto;
    }
    img.aligncenter {margin: 0 auto}
    .alignleft {float: left}
    img.alignleft {margin: 5px 10px 3px 0}
    .alignright {float: right}
    img.alignright {margin: 5px 0 3px 10px}
    .wp-caption {
    	border: 1px solid #ddd;
    	text-align: center;
    	background-color: #f3f3f3;
    	padding-top: 4px;
    	margin: 10px;
    }
    .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;
    }
    table {
    	width: 99%;
    	margin: 0 0 20px 3px;
    	border-collapse: collapse;
    }
    th, td {
      border: 1px solid #CCC;
    	padding: 4px 8px;
    }
    th {
      text-align: left;
    	background: #F3F3F3;
    }
    pre {
    	margin: 0 0 20px;
    }
    
    #wrapper {
    	width: 978px;
    	margin: 0 auto;
    	padding: 0 10px;
    	background: #FFF;
      border: 1px solid #DDD;
      border-width: 0 1px;
    	border-top: 5px solid #EEE;
      border-bottom: 1px solid #FFF;
    }
    
    
    /* Header
    -----------------------------------------------------------------------------*/
    header {
    	height: 137px;
    	border-bottom: 3px solid #EAEAEA;
    	margin-bottom: 28px;
    	position: relative;
    }
    
    #logo {
    	position: absolute;
    	top: 23px;
    	left: 25px;
    	color: #808080;
    	line-height: 1;
    	font-size: 33px;
    	text-shadow: 2px 2px 1px #DDD;
    }
    #logo a {
      text-decoration: none;
    }
    #logo span {
    	display: block;
    	font-size: 13px;
    	font-weight: normal;
    	margin: 5px 0 0;
    	text-shadow: none;
    }
    
    #nav {
    	position: absolute;
    	top: 105px;
    	left: 0;
    	width: 100%;
    	height: 24px;
    	padding: 7px 0 0 0;
    	clear: both;
    	background: url(i/smalldot.gif) repeat-x;
    	border-bottom: 1px solid #CCC;
    	position: relative;
    }
    #nav li {
    	float: left;
    	font-size: 13px;
    	text-transform: uppercase;
    	list-style: none;
    }
    #nav li a {
    	float: left;
    	margin: 0 20px 0 10px;
    	color: #808080;
      text-decoration: none;
    }
    #nav li a:hover {
    	color: #444;
    	text-decoration: underline;
    }
    #nav li.current_page_item {
    	background: url(i/arrow.gif) 0 7px no-repeat;
    }
    #nav li.current_page_item a {
    	color: #444;
    }
    
    #search {
    	position: absolute;
    	top: 43px;
    	right: 0;
    }
    #search input {
    	font: 11px "Trebuchet MS", Arial, Sans-Serif;
    	float: left;
    }
    #s {
    	width: 175px;
    	padding: 3px 6px;
    	border: 1px solid #CCC;
    	margin-right: 5px;
    }
    #s:hover {
    	border-color: #AAA;
    }
    #s:focus {
    	border-color: #E60000;
    }
    #searchsubmit {
    	background: #E60000;
    	border: 0;
    	padding: 2px 7px;
    	color: #fff;
    	font-weight: bold !important;
    	overflow: visible;
    	height: 24px;
    	cursor: pointer;
    }
    #searchsubmit:hover {
    	background: #AA0001;
    }
    
    
    /* Content
    -----------------------------------------------------------------------------*/
    section {
    	width: 100%;
    	overflow: hidden;
    	background: url(i/dots.gif) 550px 0 repeat-y;
    	margin-bottom: 10px;
    }
    #content {
    	width: 540px;
    	float: left;
    	padding: 0 0 20px 0;
    	overflow: hidden;
    }
    #content h2 {
    	font: 23px/24px "Trebuchet MS", Arial, Sans-Serif;
    	padding: 1px 0 6px;
    	border-bottom: 1px solid #E5E5E5;
    	margin-bottom: 12px;
    	text-shadow: 2px 2px 1px #DDD;
    }
    #content h2 a {
      text-decoration: none;
    }
    #content h2 a:hover {
      text-decoration: underline;
    }
    #content h3 {
    	font: normal 20px/1.5 "Trebuchet MS", Arial, Sans-Serif;
    	padding: 0 0 3px;
    	margin-bottom: 18px;
    	border-bottom: 1px solid #E5E5E5;
    	text-shadow: 2px 2px 1px #DDD;
    }
    #content .post {
    	margin: 0 0 45px;
    }
    #content .post h2,
    #content .post h3 {
    	font-size: 23px;
    	margin: 0 0 18px;
    }
    .pmeta {
    	font-size: 12px;
      line-height: 16px;
    	margin: -13px 0 15px;
    	color: #888;
    }
    .pmeta span {
      margin: 0 3px;
    }
    .pmeta a,
    .ptags a {
    	color: #888;
    	text-decoration: underline;
    }
    .pmeta a:hover,
    .ptags a:hover {
    	color: #AA0001;
    }
    .entry {
      text-align: justify;
    }
    #content .entry h2,
    #content .entry h3,
    #content .entry h4,
    #content .entry h5,
    #content .entry h6 {
    	font: normal 23px/1.4 "Trebuchet MS", Arial, Sans-Serif;
    	padding: 0 0 4px;
    	margin: 25px 0 18px;
    	text-shadow: 2px 2px 1px #DDD;
      background: url(i/smalldot.gif) 0 100% repeat-x;
    	border: none;
    }
    #content .entry h3 {font-size: 20px}
    #content .entry h4 {font-size: 18px}
    #content .entry h5 {font-size: 17px}
    #content .entry h6 {font-size: 15px}
    .ptags {
    	font-size: 12px;
      line-height: 16px;
    	color: #999;
    	padding: 3px 5px;
    	overflow: hidden;
    	height: 1%;
    }
    .comments {
    	float: right;
    }
    
    .line {
    	clear: both;
    	padding: 3px;
    	margin: 0 0 15px;
    	background: url(i/smalldot.gif) repeat-x;
    }
    
    .post ol {
    	margin: -4px 0 18px 35px;
    }
    .post ul {
    	margin: -4px 0 18px 18px;
    }
    .post li {
    	padding: 3px 0 4px;
      border-bottom: 1px solid #EEE;
    }
    .post ul li {
    	list-style: none;
    	background: url(i/arrow.gif) 0 11px no-repeat;
    	padding: 3px 0 4px 12px;
    }
    .post li ul {
    	margin: 4px 0 -5px;
      border-top: 1px solid #EEE;
    }
    .post li ol {
    	margin: 4px 0 -5px 18px;
      border-top: 1px solid #EEE;
    }
    
    div.pagetitle {
    	font: normal 19px "Trebuchet MS", Arial, Sans-Serif;
    	padding: 3px 0 4px;
    	margin-bottom: 30px;
    	border: 1px solid #E5E5E5;
    	text-shadow: 1px 1px 0 #FFF;
      text-align: center;
    	background: #F4F4F4;
    }
    
    .commentlist {
    	margin: 18px 0 0;
    }
    .commentlist li {
    	list-style: none;
    }
    .commentlist li .commentdiv {
    	margin: 0 0 25px;
    	height: 1%;
    }
    li.bypostauthor .commentdiv {
    	padding: 3px 3px 7px;
    	border: 1px solid #AAA;
    }
    .commentlist ul.children {
    	margin: 13px 0 0 18px;
    }
    .comment-author {
    	background: #F2F2F2;
    	border: 1px solid #E9E9E9;
    	padding: 4px 4px 3px 4px;
    	min-height: 39px;
    	height: auto !important;
    	height: 39px;
    }
    .fn {
    	font-style: normal;
    	font-weight: bold;
    }
    .avatar {
    	border: 1px solid #DDD;
    	padding: 2px;
    	float: left;
    	background: #FFF;
    	margin: 0 5px 0 0;
    }
    .commentmetadata {
    	font-size: 11px;
    	color: #888;
    	padding: 3px 0 0;
    }
    .commentmetadata a {
    	color: #888;
      text-decoration: none;
    }
    .commentmetadata a:hover {
    	color: #AA0001;
      text-decoration: underline;
    }
    .ctext {
    	padding: 10px 7px 0;
    }
    .reply {
    	width: 100%;
    	overflow: hidden;
    	text-transform: lowercase;
    	margin: -3px 0 0 7px;
    }
    .reply a {
    	background: #F4F4F4;
    	float: left;
    	color: #AA0001;
    	text-decoration: none;
    	padding: 0 6px 2px;
    	border: 1px solid #CCC;
    	font-size: 13px;
    	line-height: 16px;
    }
    .reply a:hover {
    	background: #E60000;
    	color: #FFF;
    	border: 1px solid #E60000;
    }
    #cancel-comment-reply {
    	float: right;
    	position: relative;
    	top: -43px;
    }
    #cancel-comment-reply small {
    	font-size: 13px;
    }
    
    #respond h3 {
      margin-top: 35px;
    }
    
    #commentform {
    	padding: 0 0 20px;
    }
    #commentform p {
    	margin: 0 0 7px;
    	white-space: nowrap;
    }
    #author, #email, #url, #comment, #submit {
    	font: 13px "Trebuchet MS", Tahoma, Arial, Sans-Serif;
    	padding: 3px 5px;
    	width: 200px;
    	border: 1px solid #CCC;
    }
    #author:focus, #email:focus, #url:focus, #comment:focus, #submit:focus {
    	border-color: #999;
    }
    #comment {
    	width: 97%;
    	height: 150px;
    }
    #submit {
    	width: 128px;
    	height: 26px;
    	padding: 0;
    	background: #E60000;
    	cursor: pointer;
    	border: none;
    	color: #FFF;
      font-weight: bold;
    }
    #submit:hover {
    	background: #AA0001;
    }
    
    .navigation {
      background: url(i/smalldot.gif) repeat-x;
    	padding: 15px 0 0;
    }
    .navigation a {
    	display: inline-block;
    	width: 20px;
    	margin: 0 2px 0 0;
      border: 1px solid #C01D36;
    	color: #C01D36;
      text-decoration: none;
      text-align: center;
    }
    .navigation a:hover {
      border: 1px solid #4A4A4A;
    	color: #4A4A4A;
    	background: #EEE;
    }
    .navigation span {
    	display: inline-block;
    	width: 20px;
    	margin: 0 2px 0 0;
      text-align: center;
    }
    .navigation span.pages {
      margin-right: 10px;
    	width: auto;
    }
    .navigation span.current {
      border: 1px solid #4A4A4A;
    	background: #888;
    	color: #FFF;
    }
    .navigation.first {
    	background: none;
    	padding: 0;
    }
    .navigation.com a {
    	margin: 0 -2px 0 0;
    }
    .navigation.com span.dots {
    	margin: 0 -4px 0 0;
    }
    .navigation.com span.current {
    	margin: 0 -2px 0 0;
    }
    
    
    /* Sidebars
    -----------------------------------------------------------------------------*/
    aside {
    	float: right;
    	width: 427px;
    	font-size: 12px;
    	line-height: 15px;
    	padding: 8px 0 0;
    }
    
    #sidebar1 {
    	float: left;
    	width: 228px;
    	padding: 0 10px;
    }
    #sidebar2 {
    	float: left;
    	width: 168px;
    	padding: 0 0 0 11px;
    }
    
    .section {
    	margin: 0 0 25px;
    }
    aside ul {
    	margin: 0 0 15px;
    }
    aside li {
    	list-style: none;
    	border-bottom: 1px solid #EEE;
    	padding: 3px 4px 4px 12px;
    	margin: 0;
    	background: url(i/arrow.gif) 3px 9px no-repeat;
    }
    aside li ul {
      margin: 0 0 2px;
    }
    aside li li {
      padding: 3px 0 0 12px;
    	border: none;
    }
    aside a {
    	color: #808080;
      text-decoration: none;
    }
    aside a:hover {
      text-decoration: underline;
    }
    aside h3 {
    	font: 17px/1 "Trebuchet MS", Arial, Sans-Serif;
    	padding: 0 0 6px;
    	margin: 0 0 10px;
    	border-bottom: 1px solid #E5E5E5;
    	text-shadow: 1px 2px 1px #DDD;
    }
    
    #tagCloud a,
    .widget_tag_cloud a {
    	margin: 0 4px 0 0;
      line-height: 24px;
    }
    
    #wp-calendar {
      width: 100%;
    	margin: 0 0 12px;
    }
    #wp-calendar td {
      text-align: center;
    }
    
    
    /* Footer
    -----------------------------------------------------------------------------*/
    footer {
    	padding: 7px 10px;
    	margin: 0 0 8px;
    	font-size: 11px;
    	line-height: 16px;
    	color: #666;
    	background: #EEE;
    }
  • 04-12-2012, 20:25:37
    #2
    Üyeliği durduruldu
    Hocam cssten ziyade sidebar-left.php ve sidebar-right.php diye iki dosyan olmalı. Onlardan birini header çağırma kodunun altına diğerini de footer çağırma kodunun üstüne koyman gerekiyor ki sonrasında css ile istediğin ayarı verebilirsin..
  • 05-12-2012, 00:21:24
    #3
    Metin_can adlı üyeden alıntı: mesajı görüntüle
    Hocam cssten ziyade sidebar-left.php ve sidebar-right.php diye iki dosyan olmalı. Onlardan birini header çağırma kodunun altına diğerini de footer çağırma kodunun üstüne koyman gerekiyor ki sonrasında css ile istediğin ayarı verebilirsin..
    Sadece sidebar.php dosyası mevcut hocam.
  • 05-12-2012, 01:37:12
    #4
    Üyeliği durduruldu
    biliyorum hocam o temayı zamanında ben de bayağı bir çalışmıştım o temayla. en son bambaşka bir tema çıkmıştı ortaya. Ama sidebar.php için bir tane daha oluşturman gereiyor..