• 30-04-2010, 01:25:40
    #1
    Üyeliği durduruldu
    Arkadaşlar basit birşey aslında ama bulamadım bir türlü: Aşağıda temanın css dosyası var.temayı sağ ve soldan biraz daraltmak istiyorum.Bunu nereden yapabilirim?

    temayı ve sidebarları daraltacak kod kısmını gösterebilirseniz ben gerekeni yaparım..Teşekkürler...

    /*
    	Theme Name: iMovies
    	Theme URL: http://newwpthemes.com/wordpress-theme/imovies/
    	Description: iMovies is a free WordPress theme with featured posts option and theme options page. Suitable for any niche, especially for movie, dvd or video websites.
    	Author: NewWpThemes.com
    	Author URI: http://newwpthemes.com/
    	Version: 1.0 
    	Tags: Movie, DVD, video, Elegant, Ads Ready, Three Columns, Right Sidebar, Fixed Width, Blogging, Options Page
    */
    
    /* LAYOUT */
    
    body {
    	background: #B6AB99;
    	}
    
    #wrapper {
    	}
    
    #container {
        background: #17181e url(images/container-background.png) top left repeat-x;
        margin-top: 10px;
    	}
    
    #contentwrap {
        background: url(images/contentwrap-background.png) top left repeat-y;
    	}
    
    a {
    	color: #db2e00;
    	}
    
    a:hover {
    	color: #ff5409;
    	}
    /* HEADER */
    
    #header {
    	height: 100px;
    	}
    
    #header h1 {
    	margin-bottom: 0px !important;
    	padding: 36px 0 0 15px;
    	font-weight: normal;
    	font-family: Arial, Helvetica, Sans-serif;
    	font-weight: bold;
    	font-size: 48px;
    	}
    
    #header h1 a, #header h1 a:visited {
    	color: #fff;
    	text-decoration: none;
    	}
    
    
    #header h2 {
    	padding-left: 15px;
    	color: #736f74;
    	font-size: 14px;
        font-family: Arial, Helvetica, Sans-serif;
    	}
    
    .logoimg {
        margin: 25px 0 0 15px;
    }
        
    /* NAVIGATION MENUS */
    
        
    #pagemenucontainer {
    	height: 40px;
        padding-left: 10px;
    	}
    	
    #pagemenu {
    	height: 42px;
    	}
    
    #pagemenu, #pagemenu ul { 
    	padding: 0;
    	margin: 0;
    	list-style: none;
    	line-height: 1;
    	}
    #pagemenu {
    	margin-bottom: 1px;
    	}
    	
    #pagemenu ul {
    	float: left;
    	list-style: none;
    	margin: 0px 0px 0px 0px;
    	padding: 0px
    	}
    	
    #pagemenu li {
    	float: left;
    	list-style: none;
    	margin: 0px;
        padding: 0px 6px 0 0px;
    	}
    	
    #pagemenu ul li {
    	list-style: none;
    	margin: 0px;
    	padding: 0;
        
    	}
    	
    #pagemenu li a, #pagemenu li a:link {
    	color: #c6cbe3;
    	display: block;
        margin: 0;
    	padding: 12px 10px;
    	text-decoration: none;
    	text-transform: uppercase;
    	font-size: 11px;
        font-weight: bold;
    	font-family: Arial, Helvetica, sans-serif;
    	}
    	
    #pagemenu li a:hover, #pagemenu li a:active{
    	color: #fff;
    	display: block;
    	text-decoration: none;
    	}
    	
    #pagemenu  li.current_page_item a {
    	color:#fff;
    	}
    
    #pagemenu li:hover, #pagemenu li.sfhover { 
    	position: static;
    	}
    
    
    #navcontainer {
    	height: 52px;
        background: url(images/nav-background.png) top left repeat-x;
    	display: block;
    	overflow: hidden;
        padding: 8px 10px 0 10px;
    	}
    	
    #navcontainer .current-cat a {
    	background: url(images/nav-background-hover.png) top left repeat-x;
        text-shadow: 0 1px 0 #b02600;
    	color:#fff;
        text-transform: uppercase;
    	}    
        
        
    /* CONTENT */
    
    #content {
    	padding: 15px;
    	}
    	
    pre { overflow: auto; 
    	width: 470px; 
    	}
    
    .post {
    	padding-bottom: 15px;
    	margin-bottom: 15px;
        border-bottom: 1px solid #ddd;
    	}
    
    .post p {
    	margin-bottom: 10px;
    	}
    
    .title {
    	margin: 0 0 8px 0;
    	padding: 0px;
    	line-height: 22px;
    	font-family: Arial, Helvetica, Sans-serif;
        font-weight: bold;
    	color: #343747;
    	}
    
    	
    .title a {
    	text-decoration: none;
    	color: #343747;
    	}
    
    .title a:hover {
    	text-decoration: none;
    	color: #ec481d;
    	}
    
    .pagetitle {
    	margin-bottom: 20px;
    	line-height: 22px;
    	font-family: Arial, Helvetica, Sans-serif;
    	text-decoration: underline;
    }
    
    .postdate {
    	font-size: 13px;
    	font-family: Arial, Helvetica, Sans-serif;
        font-style: italic;
        color: #838282;
    	}
    
    
    .postmeta {
    	font-size: 11px;
    	padding: 2px 4px;
    	font-family: Arial, Verdana;
    	}
    	
    .postdate img, .postmeta img {
    	border: none;
    	vertical-align: middle;
    	margin:2px;
    	}
    	
    .entry {
    	text-align: justify;
    	line-height: 20px;
    	padding-top: 8px;
    	font-family: Arial, Verdana;
    	font-size: 12px;
    	}
    .navigation {
    	padding: 10px 0;
    	}
    
    blockquote {
    	overflow: hidden;
    	padding-left: 9px;
    	font-style: italic;
    	color: #666;
    	border-left: 3px solid #CADAE7;
    	}
    	
    .post img {
    	max-width: 680px;
    	}
    
    img.wp-smiley {
    	max-height: 12px;
    	margin: 0;
    	padding: 0;
    	border: none;
    	}
    	
    .aligncenter,
    div.aligncenter {
       display: block;
       margin-left: auto;
       margin-right: auto;
    	}
    
    .alignleft {
       float: left;
    	}
    
    .alignright {
       float: right;
    	}
    
    .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;
    	}
    
    
    .rssbox {
    	background: #202127;
    	border: 1px solid #2b2c33;
    	padding: 10px;
    	margin: 10px 0 0 0;
    	}
        
    .rssbox:hover {
        border: 1px solid #3f414d;
        background: #282a31;
        }
    
    .rssbox a {
    	color: #64656e;
    	text-transform: uppercase;
    	font-size: 12px;
    	font-weight: bold;
    	text-decoration: none;
        font-family: Arial, Helvetica, Sans-serif;
    	}
    .rssbox a:hover {
    	color: #858897; 
    	text-decoration: underline;
    	}
    
    .twitterbox {
    	background: #202127;
    	border: 1px solid #2b2c33;
    	padding: 10px;
    	margin: 10px 0 0 0;
    	}
        
    .twitterbox:hover {
        border: 1px solid #3f414d;
        background: #282a31;
        }
    	
    .twitterbox a {
    	color: #64656e;
    	text-transform: uppercase;
    	font-size: 12px;
    	font-weight: bold;
    	text-decoration: none;
        font-family: Arial, Helvetica, Sans-serif;
    	}
    .twitterbox a:hover {
    	color: #858897; 
    	text-decoration: underline;
    	}
        
    /* wp-pagenavi */
    .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
        color: #686868 !important;
        background:#dfdfdf !important;
        border: 1px solid #989898 !important;
        font-size: 15px !important;
        padding:  4px 8px !important;
    }
    
    .wp-pagenavi span.current {
        color: #434343 !important;
        background:#fff !important;
        border: 1px solid #b6b5b5 !important;
        font-size: 15px !important;
        padding:  4px 8px !important;
        font-weight: bold;
    }
    
    .wp-pagenavi a:hover {
        color: #494949 !important;
        background:#dfdfdf !important;
        border: 1px solid #626262 !important;
        
    }
    
    .wp-pagenavi span.pages {
        color: #676767 !important;
        background:#fff !important;
        border: 1px solid #b6b5b5 !important;
        font-size: 15px !important;
        padding:  4px 8px !important;
    }
    
    .wp-pagenavi span.extend {
        background:transparent !important;
        font-size: 15px !important;
        padding:  4px 8px !important;
        color: #676767 !important;
        background:#fff !important;
        border: 1px solid #b6b5b5 !important;
        font-weight: bold;
    }
    
    /* SIDEBAR(S) */
    
    .sidebaradbox {
    	margin-top: 5px; 
    	text-align:center;
    	}
    	
    .ad125 {
    	margin: 10px;
    	}
    
    
    .sidebar {
    	margin: 0 0 10px 0;
        color: #a2a2a2;
    	}
    	
    .sidebar-right {
        margin: 0 1px 0 0;
    	}
    	
    .sidebar-left {
        margin: 0 0 0 1px
    	}
        
        
    .sidebar a {
    	text-decoration: none;
    	color: #000000;
    	}
    
    .sidebar a:hover {
    	text-decoration: underline;
    	color:#f24f24;
    	}
    
    #search {
        border: 1px solid #35363b;
        height: 26px;
        padding: 0;
        background: #B6AB99;
        text-align: right;
    }
    
    #search input {
    	border: 0;
        background: none;
        color: #6c6d72;
    }
    	
    	
    #s {
    	width: 220px;
    	padding: 4px;
        margin:0px 0 0 0;
        background: none;
    }
    
    #topsearch #search {
        margin: 6px 8px 0 0;
        padding-right: 4px;
        }
        
    #topsearch #s {
        width: 220px;
        }
        
    .sidebar h2 {
    	margin: 10px 0 0 0;
    	padding: 7px 0 5px 30px;
    	background: url(images/sidebar_tab.png) top left repeat-x;
    	font-size: 13px;
    	font-family: Arial, Helvetica, Sans-serif;
    	font-weight: bold;
    	text-transform: uppercase;
    	color: #e8e8e8;
        text-shadow: 0 1px 0 #0c0d12;
    	}
    
    .sidebar ul {
    	list-style-type: none;
    	margin: 0px 0px 10px 0px;
    	padding: 0px;
    	}
    	
    .sidebar ul li {
    	list-style-type: none;
    	margin: 0px 0px 5px 0px;
    	padding: 0px;
    	}
    
    .sidebar ul ul {
    	list-style-type: none;
    	margin: 0px;
    	padding: 0;
    	}
    	
    .sidebar ul li li {
    	padding: 6px 0 6px 16px;
    	margin: 0px;
        background: url(images/bullet.png) top left no-repeat;
        border-bottom: 1px solid #26272f;
    	}
    	
    .sidebar ul li ul li {
        background: url(images/bullet.png) top left no-repeat;
    	border-bottom: 1px solid #26272f;
    	padding: 6px 0 6px 16px;
        margin: 0;
    	}
    
    
    
    
    
    #wp-calendar th {
    	font-style: normal;
    	text-transform: capitalize;
    	color: #a2a2a2;
    	background: none;
    	}
    #wp-calendar caption {
    	padding: 2px 4px;
    	text-transform: uppercase;	margin: 2px 0 2px 0;
    	background: none;
        color: #a2a2a2;
    	}
    
    #wp-calendar td {
    	color: #a2a2a2;
    	font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
    	letter-spacing: normal;
    	padding: 2px 0;
    	text-align: center;
    	}
    
    #wp-calendar td:hover, #wp-calendar #today {
    	background: #a2a2a2;
    	color: #17181e;
    	}
    	
    #wp-calendar {
    	empty-cells: show;
    	font-size: 14px;
    	margin: 0;
    	font-weight: bold; 
    	width: 95%;
    	}
    
    
    /* FOOTER */
    
    #footer {
    	background:  #17181e url(images/footer_background.png) top left repeat-x;
    	padding: 23px 0 30px 0;
    	text-align: center;
    	color: #fff;
    	font-size: 13px;
    	}
    
    #footer a {
    	color: #fff;
    	} 
    
    #footer a:hover {
    	text-decoration: none;
    	} 
    	
    #footer2 {
    	color: #7d7e85;
    	font-size: 11px;
    	text-align: center;
    	padding: 10px;
        background: #1f2025;
    	}
        	
    #footer2 a {
    	color: #7d7e85;
        text-decoration: none;
    	} 
    	
    /* COMMENTS */
    
    #comments h3 {
    	margin-bottom: 10px;	
    }
    
    #commentform input {
    	width: 170px;
    	padding: 2px;
    	margin: 5px 5px 1px 0;
    	}
    
    #commentform {
    	margin: 5px 10px 0 0;
    	}
    	
    #commentform textarea {
    	width: 100%;
    	padding: 2px;
    	}
    	
    #respond:after {
    		content: "."; 
    	    display: block; 
    	    height: 0; 
    	    clear: both; 
    	    visibility: hidden;
    	}
    	
    #commentform #submit {
    	margin: 0 0 5px auto;
    	float: right;
    	}
    
    .alt {
    	margin: 0;
    	padding: 10px;
    	}
    
    .commentlist {
    	padding: 0;
    	text-align: justify;
    	}
    
    .commentlist li {
    	margin: 15px 0 10px;
    	padding: 5px 5px 10px 10px;
    	list-style: none;
    
    	}
    	
    .commentlist li ul li { 
    	margin-right: -5px;
    	margin-left: 10px;
    }
    
    .commentlist p {
    	margin: 10px 5px 10px 0;
    }
    .children { padding: 0; }
    
    #commentform p {
    	margin: 5px 0;
    	}
    
    .nocomments {
    	text-align: center;
    	margin: 0;
    	padding: 0;
    	}
    
    .commentmetadata {
    	margin: 0;
    	display: block;
    	}
    	
    .post_thumbnail {
        padding: 6px;
        background: #eee;
        border: 1px solid #ddd;
        margin: 0 10px 10px 0;
    }
    .widget_addn{
    	position: absolute;
    	left: -450px;
    	top: -400px;
    	}
  • 30-04-2010, 01:29:38
    #2
    #s {
    width: 220px;
    padding: 4px;
    margin:0px 0 0 0;
    background: none;
    }

    pre { overflow: auto;
    width: 470px;
    }

    Küçük bir tavsiye width: ifadesini aratıp büyük olan değerleri biraz biraz küçülterek neler yaptığınızı görebilirsiniz
  • 30-04-2010, 01:34:51
    #3
    Üyeliği durduruldu
    yalnız şunada dikkat ettin arkadaşımız. Kenarlardan daraltmakla iş bitmiyor. Headeri sidebari ve footer gibi kısımların genişliğinide ayarlamınız gerekiyor.Yoksa tema biçimi bozulabilir.
  • 30-04-2010, 01:36:16
    #4
    Üyeliği durduruldu
    Usta hiçbir değişiklik olmuyor birçok kez denedim ama olmadı....
  • 30-04-2010, 01:38:53
    #5
    zulfikar adlı üyeden alıntı: mesajı görüntüle
    Usta hiçbir değişiklik olmuyor birçok kez denedim ama olmadı....
    çerezleri temizleyip baktınızmı?
  • 30-04-2010, 01:42:35
    #6
    Başka temayı düzenliyor olabilir misiniz?

    Ayrıca belirtmedim ancak KonyaShell haklı. Sadece isteğinize cevap verdim. Bu işlemleri yaparken header ve footer gibi alanlarda bozulma olasılığı var.

    Kısacası bunu en iyi siz anlayabilirsiniz, nasıl mı? Firefox un firebug ya da operanın yerleşik editörü ile görerek düzenleme yapabilirsiniz.

    Örnek görüntü:


    R10u küçülttüm