WordPress.org

Ready to get started?Download WordPress

Forums

[REQ] Some help (3 posts)

  1. 4iriks
    Member
    Posted 4 years ago #

    Can someone help me to edit this style.css , i want it in 3 colums

    Like , Content , sidebar 1 , sidebar 2 !

    Now its only content and sidebar !

    *{margin: 0; padding: 0;}
    body{
    	background: #000 url("images/background.jpg") no-repeat top center;
    	font: 12px Trebuchet MS, Verdana, Arial;
    	color: #787878;
    	text-align: center;
    }
    .inv{display: block; visibility: hidden;}
    p{padding: 5px 0;}
    a{text-decoration: none; color: #0bf;}
    a:hover{color: #000;}
    img{
    	float: left;
    	margin-right: 10px;
    	margin-bottom: 2px;
    	border: 8px solid #000;
    }
    
    #container{
    	width: 901px;
    	margin: 0 auto;
    	text-align: left;
    }
    #navigation{
    	width: 901px;
    	height: 32px;
    	position: relative;
    }
    #navigation ul{
    	width: 800px;
    	height: 32px;
    	position: absolute;
    	left: 0px;
    	top: 0px;
    	overflow: hidden;
    }
    #navigation ul li{
    	height: 32px;
    	list-style-type: none;
    	margin: 0 1px;
    	float: left;
    }
    #navigation ul li a{
    	height: 24px;
    	display: block;
    	padding: 8px 10px 0 10px;
    	text-decoration: none;
    	text-transform: uppercase;
    	color: #fff;
    	float: left;
    }
    #navigation ul li a:hover{
    	background: url("images/hover.gif") repeat-x 0 0;
    }
    #navigation ul .current_page_item a, #navigation ul .current_page_item a:hover{
    	background: url("images/active.gif") repeat-x 0 0;
    }
    #navigation .skip{
    	position: absolute;
    	right: 0px;
    	top: 0px;
    	color: #fff;
    	text-transform: uppercase;
    }
    #navigation .skip a{
    	height: 24px;
    	float: left;
    	padding-top: 8px;
    	padding-right: 25px;
    	display: block;
    	text-decoration: none;
    	color: #fff;
    	background: url("images/skip.gif") no-repeat right 6px;
    }
    #navigation .skip a:hover{color: #fff600;}
    
    #header{width: 901px; height: 213px; position: relative;}
    #header h1{font: 30px Tahoma;line-height: 30px; position: absolute; top: 70px; right: 0px;}
    #header h1 a{text-decoration: none; color: #0bf;}
    #header h1 a:hover{text-decoration: none; color: #fff;}
    #header .description{
    	font: 24px Tahoma;
    	position: absolute;
    	right: 0px;
    	top: 97px;
    	color: #fff;
    }
    #main-content-lvl-0{
    	width: 901px;
    	background: url("images/main-bgr.gif") repeat-y 0 0;
    }
    #main-wrapper{
    	width: 901px;
    	padding: 20px 0;
    	overflow: hidden;
    	background: url("images/main.gif") no-repeat 0 0;
    }
    #left{
    	width: 625px;
    	padding: 0 12px 0 27px;
    	float: left;
    }
    #left h2{
    	font: 24px Tahoma;
    	font-weight: normal;
    	padding-left: 80px;
    	padding-bottom: 5px;
    	background: url("images/title-ico.gif") no-repeat 0 5px;
    	color: #3e3e3e;
    }
    #left h2 a{text-decoration: none; color: #3e3e3e;}
    #left h2 a:hover{color: #0bf;}
    #left h3{
    	font: 18px Tahoma;
    	font-weight: normal;
    	color: #fff;
    	background-color: #000;
    	padding: 5px 0 5px 10px;
    }
    
    .meta-data{
    	width: 625px;
    	height: 41px;
    	background: url("images/meta-bgr.gif") no-repeat 0 0;
    	position: relative;
    }
    .meta-data a{color: #787878;}
    .meta-data a:hover{color: #000;}
    .meta-data .date{position: absolute; left: 10px; top: 4px;}
    .meta-data .category{position: absolute; left: 10px; top: 19px;}
    .meta-data .comments-no{position: absolute; right: 10px; top: 4px;}
    .meta-data .blue{color: #0bf;}
    .entry{padding: 10px 0 25px 0;}
    #post-links{
    	width: 625px;
    	height: 23px;
    	position: relative;
    }
    #post-links .prev-entries{
    	position: absolute;
    	left: 0;
    }
    #post-links .next-entries{
    	position: absolute;
    	right: 0;
    }
    #post-links .prev-entries a, #post-links .next-entries a{
    	width: 120px;
    	height: 18px;
    	display: block;
    	color: #fff;
    	text-align: center;
    	padding-top: 5px;
    	background: #000;
    }
    #post-links .prev-entries a:hover, #post-links .next-entries a:hover{background: #c7c7c7;}
    .commentlist{width: 625px; padding: 10px 0 20px 0;}
    .commentlist li{
    	width: 565px;
    	list-style-type: none;
    	padding-left: 60px;
    	padding-bottom: 15px;
    	background: url("images/comment.gif") no-repeat 0 0;
    }
    #commentform{width: 625px; padding-top: 10px;}
    #commentform input{
    	width: 350px;
    	background-color: #fff;
    	border: 1px solid #ccc;
    }
    #commentform #comment{
    	width: 500px;
    	height: 150px;
    	background-color: #fff;
    	border: 1px solid #ccc;
    }
    #commentform #submit{
    	width: 55px;
    	height: 22px;
    	border: 0;
    	background: url("images/send.gif") no-repeat 0 0;
    	cursor: pointer;
    }
    
    #right{
    	width: 206px;
    	padding: 0 16px 0 15px;
    	font: 12px Tahoma;
    	float: left;
    }
    #right a{color: #000;}
    #right a:hover{color: #555;}
    .sdb-content{
    	width: 206px;
    	padding-bottom: 15px;
    }
    .sdb-content h3{
    	width: 181px;
    	height: 29px;
    	background: url("images/sdb-title.gif") no-repeat 0 0;
    	font: 18px Tahoma;
    	font-weight: normal;
    	color: #fff;
    	padding: 5px 0 0 25px;
    }
    .sdb-content ul li{
    	width: 206px;
    	height: 32px;
    	list-style-type: none;
    	border-bottom: 1px dotted #888 ;
    }
    .sdb-content ul li a{
    	width: 196px;
    	height: 23px;
    	display: block;
    	text-decoration: none;
    	padding-top: 9px;
    	padding-left: 10px;
    }
    .sdb-content ul li a:hover{
    	width: 191px;
    	background: url("images/sdb-hover.gif") no-repeat 0 11px;
    	padding-left: 15px;
    }
    .sdb-content ul .recentcomments{
    	height: 23px;
    	padding-top: 7px;
    }
    .sdb-content ul .recentcomments a{text-decoration: none; color: #0bf;}
    .sdb-content ul .recentcomments a:hover{color: #000; background: transparent;}
    #searchform{
    	width: 206px;
    	padding-top: 5px;
    	overflow: hidden;
    }
    #searchform input{float: left;}
    #searchform #s{
    	width: 161px;
    	height: 17px;
    	border: 1px solid #555;
    	font: 12px Tahoma;
    	color: #ccc;
    	padding-left: 5px;
    	padding-top: 3px;
    }
    #searchform #searchsubmit{
    	width: 33px;
    	height: 22px;
    	background: url("images/search-submit.gif") no-repeat 0 0;
    	border: 0;
    	cursor: pointer;
    	margin-left: 5px;
    }
    .center{width: 206px; text-align: center;}
    #wp-calendar, #wp-calendar caption{margin: 10px auto 0 auto;}
    #wp-calendar td{padding: 0 5px;}
    
    #footer{
    	width: 901px;
    	height: 66px;
    	background: url("images/footer.gif") no-repeat 0 0;
    	position: relative;
    	padding-top: 47px;
    	font: 12px Tahoma;
    	color: #353534;
    }
    #footer a{text-decoration: none; color: #353534;}
    #footer a:hover{color: #fff;}
    #footer #f-left{
    	position: absolute;
    	left: 0px;
    }
    #footer #f-right{
    	position: absolute;
    	right: 0px;
    }
  2. Samuel B
    moderator
    Posted 4 years ago #

  3. 4iriks
    Member
    Posted 4 years ago #

    Hmm , its not working for me , the new sidebar appears in appearance -> widgets , but when i put something in there , its not working , nothing shows in the index.php

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.