Ana sayfada konular alt alta.
Yan yana 2 konu halinde görünmesini istiyorum fakat beceremedim.
Bu konuda yardımcı olabilir misiniz ?
Tema : Curved
style.css kodları
/*
Theme Name: Curved
Theme URI: http://www.justskins.com
Description: Curved is a Web 2.0 style widget ready Wordpress theme crafted by TextNData.
Version: 1.0
Author: Just Skins
Author URI: http://www.justskins.com
This theme is released under Creative Commons Attribution 2.5 License.
*/
body {
font: 80%/150% "Trebuchet MS", Tahoma, Arial;
color: #333333;
background: #FFFFFF;
margin: 0px;
padding: 0px;
}
a {
color: #006699;
text-decoration: none;
}
a:visited {
color: #006699;
text-decoration: none;
}
a:hover {
color: #56bdea;
}
img {
border: none;
}
p {
padding: 0px 0px 15px;
margin: 0px;
}
h1 {
margin: 0px;
font: lighter 2.4em/1.2em "trebuchet MS", "Lucida Sans Unicode", Georgia;
color: #FFFFFF;
}
h1 a, h1 a:visited{
color: #FFFFFF;
text-decoration: none;
}
h1 a:hover{
color: #FFFFFF;
text-decoration: none;
border: none;
background: none;
}
h2 {
color: #006699;
margin: 0px 0px 2px;
width: 100%;
font: lighter 1.5em/1em "trebuchet MS", "Lucida Sans Unicode", Georgia;
padding-bottom: 3px;
}
h2 a, h2 a:visited {
color: #006699;
text-decoration: none;
}
h2 a:hover {
color: #56bdea;
text-decoration: none;
}
h3 {
font: bold 125%/100% "Trebuchet MS", Tahoma, Arial;
color: #56bdea;
margin: 10px 0px 5px;
}
h4 {
font: normal 130%/100% "Trebuchet MS", Tahoma, Arial;
color: #758d38;
margin: 10px 0px 5px;
}
form {
margin:0px;
padding:0px;
}
#wrapper {
background: #e0f4f9;
}
#page {
margin: 0px auto;
width: 850px;
background:#fff;
border-top: 2px solid #b9e8f4;
}
/* header area */
#header {
background: #000 url(images/head-bg.gif) repeat-x;
height: 126px;
position: relative;
color: #D16683;
}
#headerimg {
position: relative;
padding: 10px 0px 0px 10px;
margin: 0px auto;
width: 850px;
}
#headerimg h1 {
line-height: 40px;
padding-right: 10px;
margin-right: 10px;
float:left;
border-right: 1px solid #669966;
}
#headerimg h1 a, #headerimg h1 a:visited{
display: block;
color: #C0DF72;
}
#headerimg h1 a:hover{
color: #a6e5f4;
}
#headerimg .description{
float:left;
margin-top:15px;
color: #a6e5f4;
font: 14px Georgia, "Times New Roman", Times, serif;
}
#navi {
position:relative;
height: 26px;
width: 850px;
margin: 0px auto;
top: 19px;
text-align: center;
line-height: normal;
}
#nav {
list-style: none;
margin: 0 3px;
padding: 0px;
float: left;
clear:both;
}
#nav li {
float: left;
height: 26px;
background: url(images/navtabr.gif) top right no-repeat;
margin: 0 3px;
white-space: nowrap;
}
#nav .page_item a{
color: #13475f;
display: block;
background: url(images/navtabl.gif) top left no-repeat;
text-decoration: none;
padding: 0px 10px 0px 10px;
font: bold 12px Arial, Helvetica, sans-serif;
line-height: 26px;
}
#nav li:hover {
background-position: 100% -36px;
}
#nav .page_item a:hover {
background-position: 0px -36px;
border: none;
}
#nav li.current_page_item {
color: #13475f;
text-decoration: none;
background: url(images/navtabactiver.gif) top right no-repeat;
}
#nav .current_page_item a, #nav .current_page_item a:visited{
color: #13475f;
text-decoration: none;
background: url(images/navtabactivel.gif) top left no-repeat;
}
/* content area */
#content {
padding: 10px 0px 30px 13px;
float: left;
width: 610px;
overflow: hidden;
}
#content img {
border: 1px solid #D3EAF3;
padding: 5px;
}
.post {
clear:both;
padding-top: 15px;
}
.entry {
background:url(images/crv_btm.gif) no-repeat bottom;
padding-bottom:7px;
width: 700px;
display: table;
}
.entrytop{
background:url(images/crv_top.gif) no-repeat top;
padding-top: 9px;
width: 600px;
display: table;
}
.entry h2{
width: 630px;
margin: 0 auto !important;
}
.inpost-date{
float: right;
background: url(images/post-date.gif) no-repeat left center;
color:#9ec13f;
font:bold 11px "trebuchet MS", "Lucida Sans Unicode", Georgia;
padding-left: 38px;
}
.post-date {
width: 45px;
height: 49px;
float:left;
background: url(images/date-bg.gif) no-repeat;
}
.post-month {
font-size: 11px;
text-transform: uppercase;
color: #FFFFFF;
text-align: center;
display:block;
line-height: 11px;
padding-top: 2px;
margin-left: -3px;
}
.post-day {
font-size: 18px;
text-transform: uppercase;
color: #999999;
text-align: center;
display:block;
line-height: 18px;
padding-top: 7px;
margin-left: -3px;
}
.post-meta {
background: url(images/vcard.gif) no-repeat left center;
padding-left: 20px;
float: left;
margin: 10px 0 0 10px;
font: 12px "Trebuchet MS", "Tahoma", sans-serif;
}
.post-cat {
background: url(images/page.gif) no-repeat left center;
padding-left: 20px;
float: left;
}
.post-comments {
background: url(images/mini-comments.gif) no-repeat left center;
padding-left: 20px;
float: right;
}
.post-calendar {
float:left;
background: url(images/post-date.gif) no-repeat left center;
color:#9ec13f;
font: bold 11px "trebuchet MS", "Lucida Sans Unicode", Georgia;
padding-left: 38px;
}
.post-content {
clear: both;
padding: 10px;
text-align:justify;
}
.post-info {
padding: 0px 15px;
height: 15px;
color: #3e98ad;
font: bold 12px "Trebuchet MS", "Tahoma", sans-serif;
}
.post-info a {
color: #006699;
text-decoration: none;
}
.post-info a:hover {
color: #56bdea;
text-decoration: underline;
border: none;
background: none;
}
.post-content blockquote {
background: #f2f8fb;
border-right: 2px solid #dbeff6;
border-bottom: 2px solid #dbeff6;
padding: 8px;
}
.navigation {
clear: both;
padding: 10px 0px;
}
.navigation a, .navigation a:visited {
color: #59770e;
}
.previous-entries a {
float: left;
padding-left: 18px;
background: url(images/mini-nav-left.gif) no-repeat left center;
}
.next-entries a {
float: right;
padding-right: 18px;
background: url(images/mini-nav-right.gif) no-repeat right center;
}
/* comments area */
#comments, #respond {
border-bottom: 1px dotted #4395BC;
clear: both;
}
.commentlist {
margin:0; padding:0;
line-height: 130%;
width: 610px;
}
.commentlist li{
margin:10px 0; padding:0;
list-style:none;
background:url(images/crv_btm.gif) no-repeat bottom;
width: 610px;
}
.comment-btm{
background:url(images/crv_top.gif) no-repeat top;
padding:10px 20px;
}
.commentlist cite, .commentlist cite a, .commentlist cite a:visited {
font-weight: bold;
font-style: normal;
font-size: 120%;
}
.commentlist small {
margin-bottom: 5px;
display: block;
font-size: 87%;
}
#commentform {
margin-top: 10px;
font: 110% Arial, Helvetica, sans-serif;
}
#commentform p {
padding: 6px 0px;
margin: 0px;
}
#commentform label{
color: #787878;
font-size: 87%;
}
#commentform input{
width: 200px;
background:#f2f8fb;
border: 1px solid #dbeff6;
padding: 3px;
margin-top: 3px;
}
#commentform textarea{
width: 585px;
height: 115px;
background:#f2f8fb;
border: 3px solid #dbeff6;
padding: 2px;
margin-top: 3px;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
background: #ffffff;
}
#commentform #submit{
background: url(images/btn-bg.gif) no-repeat;
border: 1px solid #7FD4F4;
font: bold 12px Arial, Helvetica, sans-serif;
color: #006699;
float: left;
width: 144px;
height: 28px;
cursor: pointer;
}
/*sidebar */
#sidebar {
float: right;
padding: 20px 10px 20px 0px;
width: 200px;
color: #666666;
overflow: hidden;
}
/*sidebar title (h2) */
#sidebar h2, #sidebar .sidebartitle{
font: lighter 1.3em/1em "trebuchet MS", "Lucida Sans Unicode", Georgia;
color: #006699;
border-bottom: 1px dotted #1888B8;
padding-bottom: 5px;
margin-bottom: 5px;
}
/*sidebar text styles */
#sidebar a:hover{
border: none;
}
#sidebar a, #sidebar a:visited{
color: #000;
text-decoration: none;
}
#sidebar li a:hover{
color: #1888B8;
text-decoration: none;
}
/*sidebar list level1 */
#sidebar ul {
margin: 0;
padding: 0;
}
#sidebar ul li {
list-style: none;
margin: 5px 0;
padding: 0;
border: none;
}
/*sidebar list level2 */
#sidebar ul li ul {
padding: 0;
margin-bottom: 20px!important;
}
#sidebar ul li ul li{
padding: 2px 0 2px 0px;
}
/*sidebar list level3 */
#sidebar ul li ul li ul li{
padding: 1px 0 1px 10px;
border: none;
}
/*blogroll */
ul.linkcat li, .linkcat li{
background: url(images/mini-blogroll.gif) no-repeat left center !important;
padding-left: 20px !important;
}
/*category widget */
ul.list-cat li, li.widget_categories li{
background: url(images/mini-category.gif) no-repeat left center !important;
padding-left: 20px !important;
}
/*archives widget */
ul.list-archives li, li.widget_archives li{
background: url(images/mini-monthly-archive.gif) no-repeat left center !important;
padding-left: 20px !important;
}
/*pages widget */
ul.list-page li, li.widget_pages li, li.widget_recent_entries li{
background: url(images/mini-monthly-archive.gif) no-repeat left center !important;
padding-left: 20px !important;
}
/*sub-pages */
ul.list-page li ul div, li.widget_pages li ul li{
background: url(images/mini-blogroll.gif) no-repeat !important;
padding-left: 10px !important;
}
/*calendar widget */
li.widget_calendar td {
padding: 1px 6px;
}
div.widget_calendar h2 {
display:none;
}
/*text widget */
.textwidget {
padding-top: 5px;
}
/*search form */
#search {
float: right;
position:relative;
background: url(images/search-bg.png) no-repeat;
width: 220px;
height: 48px;
margin-right: 5px;
text-align: center;
top: 45px;
clear:right;
}
#searchform {
margin: 13px 0 0;
}
#searchform br {
display: none;
}
#searchform #s {
width: 150px;
height: 20px;
padding: 3px 5px 0px 5px;
border: 1px solid #2bbbdc;
background: #fff;
margin-right: 2px;
color: #000000;
font-weight: normal;
}
/* search form button - to specify button only use input[type="submit"] */
#searchform input {
background: none;
border: none;
height: 25px;
width:27px;
font: bold 12px Arial, Helvetica, sans-serif;
color: #FFF;
background:url(images/search_button_arrow.png);
vertical-align: middle;
}
/* footer area */
#footerbg {
clear: both;
background:#132f3c url(images/footer-bg.gif) repeat-x;
border-top: 1px solid #7FD4F4;
height: 50px;
}
#footer {
width: 850px;
margin: 0px auto;
color: #56bdea;
}
#footer a, #footer a:visited {
color: #56bdea;
}
#footerbg a:hover {
color: #ffffff !important;
}
/* credits */
#credits {
margin: 0px auto;
width: 850px;
color: #56bdea;
line-height: 50px;
font-size: 100%;
}
#credits a, #credit a:visited {
color: #56bdea;
}
.valid {
background:url(images/valid.gif) no-repeat left;
padding-left:20px;
margin:0 5px;
}
.rss {
background:url(images/mini-rss.gif) no-repeat left;
padding-left:20px;
margin:0 5px;
}
/* alignments */
.center {
text-align: center;
}
img.center, img[align="center"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
}
img.alignleft, img[align="left"] {
float:left;
margin: 2px 10px 5px 0px;
}
.alignright {
float: right;
}
img.alignright, img[align="right"] {
float:right;
margin: 2px 0px 5px 10px;
}
.clear {
clear:both;
}
hr.clear {
clear:both;
visibility: hidden;
margin: 0px;
padding: 0px;
}
index.php kodları ;
Ayrıca index.php'de daralttığımda single.php'de de daralıyor.
Çok bilgim olmadığından sormak istedim.
Yardımcı olursanız sevinirim.
