Jump to content

Wordpress Ve Css Hakkında.


Recommended Posts

WordPress ile Bir Blog Yaptım ve internetten Beğendiğim Bir Temayı Yükledim..

Genelde Frefox Kullandığım için Bir Problem Yok Gibiydi Başlarda, ama Tevafuken Birde IE 6 da Açınca Bir Sorun ile Karşılaştım..

IE 6da Backrounddaki Resim Çıkmıyordu, Buda Sitenin Yapsını Bozuyor Tabiki...

Başka Bir Bilgisayarda IE7 Var, ve Onunla Denedim Yine Sorunsuz Çalıştır...

Backrounddaki Resim bg.jpg ve style.css içerinde..

Biraz Oynamama Rağmen IE6 da BackRoundu Gösterebileceğim Kodları Bulamadım..

Kodlar Şöyle :

#content{

background: url(images/bg.jpg) repeat-y;

clear: both;

padding: 10px 0;

overflow: hidden;

}

Bir fikri Olan Varmı Acep..!?

Bütün style.css içeriği ise şöyle :

/*  
Theme Name: Modern Blue Green
Theme URI: http://www.cypherhackz.net/
Description: Modern Blue Green designed by Rochow and coded by <a href="http://www.cypherhackz.net/">CypherHackz</a>.
Version: 1.20070612
Author: Fauzi Mohd Darus @ CypherHackz
Author URI: http://www.cypherhackz.net/
*/

/***********************************************
*    HTML
***********************************************/
body{
    background: url(images/body.jpg);
    padding: 0;
    margin: 0;
    color: #737373;
    font-size: 9pt;
    font-family: verdana;
    }
#wrapper{
    width: 773px;
    margin: 0 auto;
    overflow: hidden;
    }
#content{
    background: url(images/bg.jpg) repeat-y;
    clear: both;
    padding: 0;
        margin: 0;
        color: #737373;
    overflow: hidden;
    }
/***********************************************
*    HEADER
***********************************************/
.subheader{
    height: 115px; /*185*/
    background: url(images/headerbg.jpg) no-repeat;
    padding: 70px 0 0 0;
    text-align: center;
    }
.subheader h1{
    font-size: 25pt;
    color: #ffffff;
    }
.nav{
    background: url(images/nav.jpg) no-repeat;
    height: 55px;
    clear: both;
    }
.search{
    float: right;
    width: 237px; /*247*/
    padding: 17px 0 0 10px;
    color: #ffffff;
    }
#searchform{
    margin: -16px 0 0 50px;
    }
input#searchsubmit{
    background: url(images/go.jpg) no-repeat;
    width: 38px;
    height: 21px;
    border: none;
    }
input#s{
    background: #032b67;
    width: 133px;
    height: 15px; /*19*/
    border: 1px solid #1c7bb7;
    padding: 2px 0;
    color: #ffffff;
    }
.subnav{
    float: left;
    width: 526px;
    padding: 20px 0 0 0;
    }
.subnav ul{
    margin: 0;
    padding: 0 0 0 20px;
    }
.subnav ul li{
    display: inline;
    list-style: none;
    background: url(images/navli.jpg) no-repeat 0 4px;
    padding: 0 10px 0 13px;
    margin: 0;
    }
/***********************************************
*    MAIN
***********************************************/
#main{
    float: left;
    width: 496px; /*562*/
    padding: 0 10px 0 20px;
    }
.posttitle{
    clear: both;
    padding: 0 0 20px 0;
    }
.postdate{
    float: left;
    background: url(images/date.jpg) no-repeat;
    width: 59px;
    height: 57px; /*62*/
    text-align: center;
    color: #ffffff;
    padding: 5px 0 0 0;
    }
.postdate span{
    color: #737373;
    font-size: 16pt;
    display: block;
    padding: 7px 0 0 0;
    }
.posturl{
    background: url(images/posttitle.jpg) no-repeat;
    height: 62px;
    }
.posturl h2{
    margin: 0;
    padding: 5px 0 0 8Px;
    font-size: 11pt;
    }
.post{
    clear: both;
    }
.postmeta{
    padding: 10px 0 0 8Px;
    font-size: 7pt;
    clear: both;
    }
.pauthor{
    background: url(images/pauthor.jpg) no-repeat;
    padding: 0 10px 5px 20px;
    float: left;
    }
.pcat{
    background: url(images/pcat.jpg) no-repeat 0 -2px;
    padding: 0 10px 5px 20px;
    float: left;
    }
.pcom{
    background: url(images/pcom.jpg) no-repeat;
    padding: 0 10px 5px 20px;
    float: right;
    }
.pedit{
    background: url(images/pedit.jpg) no-repeat;
    padding: 0 10px 5px 20px;
    float: left;
    }
.entry{
    float: right;
    width: 419px;
    text-align: justify;
    padding: 0 0 20px 0;
    }
.navigation{
    clear: both;
    font-size: 8Pt;
    }
.alignleft{
    float: left;
    background: url(images/prev.jpg) no-repeat;
    width: 112px; /*117*/
    height: 17px; /*19*/
    padding: 2px 0 5px 5px;
    }
.alignright{
    float: right;
    background: url(images/next.jpg) no-repeat;
    text-align: right;
    width: 101px; /*117*/
    height: 17px; /*19*/
    padding: 2px 16px 5px 0;
    }
/***********************************************
*    COMMENTS
***********************************************/
#comments{
    clear: both;
    }
#comments h3{
    margin: 0;
    padding: 0;
    font-size: 10pt;
    border-bottom: 1px solid #cccccc;
    }
input, textarea{
    font-family: verdana;
    font-size: 8Pt;
    }
ol.commentlist{
    margin: 0;
    padding: 10px 0;
    }
ol.commentlist li{
    margin: 0;
    padding: 0 0 10px 0;
    list-style: none;
    }
.comcontent{
    background: #deebf2;
    padding: 5px 2px;
    }
.comfooter{
    text-align: right;
    font-size: 7pt;
    }
blockquote{
    background: url(images/body.jpg);
    margin: 10px;
    padding: 5px 2px;
    border: 1px solid #f6a911;
    }
input#author, input#email, input#url, textarea#comment{
    background: url(images/body.jpg);
    border: 1px solid #f6a911;
    }
/***********************************************
*    SIDEBAR
***********************************************/
#sidebar{
    float: right;
    width: 222px; /*247*/
    padding: 0 15px 10px 10px;
    }
#sidebar h2{
    font-family: Trebuchet MS;
    border-bottom: 2px dotted #739abe;
    margin: 0;
    padding: 2px 0 2px 0;
    color: #043c7f;
    font-size: 11pt;
    }
#sidebar ul{
    margin: 0;
    padding: 0;
    }
#sidebar ul li{
    margin: 0;
    padding: 0 0 20px 0;
    list-style: none;
    border-bottom: 2px dotted #739abe;
    }
#sidebar ul li ul.noli{
    margin: 0;
    padding: 10px 0 0 0;
    }
#sidebar ul li ul.noli li.login{
    border-bottom: none;
    padding: 0 15px 5px 20px;
    background: url(images/login.jpg) no-repeat 0 2px;
    display: inline;
    }
#sidebar ul li ul.noli li{
    border-bottom: none;
    padding: 0 15px 5px  20px;
    background: url(images/admin.jpg) no-repeat 0 0;
    display: inline;
    }
#sidebar ul li ul{
    margin: 0;
    padding: 10px 0 0 0;
    }
#sidebar ul li ul li{
    border-bottom: none;
    padding: 0 0 5px  20px;
    background: url(images/sidecom.jpg) no-repeat 0 3px;
    }
#sidebar ul li ul.cat li{
    background: url(images/sidecat.jpg) no-repeat;
    padding: 0 0 5px  20px;
    }
#sidebar ul li ul.arch li{
    background: url(images/sidecom.jpg) no-repeat 0 3px;
    padding: 0 0 5px  20px;
    }
#sidebar ul li ul.recentposts li{
    background: url(images/sidepost.jpg) no-repeat 0 3px;
    padding: 0 0 5px  20px;
    }
/***********************************************
*    FOOTER
***********************************************/
#footer{
    clear: both;
    background: url(images/footer.jpg) top no-repeat;
    padding: 8Px 0 5px 5px;
    font-size: 8Pt;
    }
/***********************************************
*    LINKS
***********************************************/
a{
    text-decoration: none;
    color: #094a8b;
    }
a:hover{
    text-decoration: underline;
    color: #094a8b;
    }
.posturl h2 a:hover, .navigation a:hover, .subheader h1 a:hover{
    text-decoration: none;
    }
.subnav a, .subheader h1 a{
    color: #ffffff;
    text-decoration: none;
    }
.subnav a:hover{
    color: #ffffff;
    text-decoration: underline;
    }

Firefox ve IE 7 de Sorunsuz

wp1ei9.png

ama IE 6 da Böyle Çıkıyor..!?

wp2tm7.png

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...