• 03-01-2009, 23:59:48
    #1
    Merhaba arkadaşlar benm site realoyuncu.com ;
    Bannerin altında y ekseni boyunca uzanan arkaplanım şu (resimde belirrttim)
    Alıntı
    body {

    font-size: 10pt;

    font-family: arial,"Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;

    color: #FFE;

    text-align: left;

    margin: 0;

    padding: 0;

    line-height: 130%;

    background: #000 url(images/bg1.jpg) top left repeat-x;


    }
    Ben ise bunun haricinde resimde de belirttiğim gibi bu birince arkaplandan hariç anasayfaya hakim olan bir arkaplan nasıl yapabilirm teşekkürler.



    Style.css:
    Alıntı
    /*

    Theme Name: GamexSp 1.0

    Theme URI: artstil interactive - redesigning (Artstil Interactive)

    Author: Safa Paksu

    Author URI: Spaksu Blog

    Description: GamexSP 1.0 Theme by Spaksu

    */



    /* -------------------[ Main Page Elements ]------------------- */

    body {

    font-size: 10pt;

    font-family: arial,"Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;

    color: #FFE;

    text-align: left;

    margin: 0;

    padding: 0;

    line-height: 130%;

    background: #000 url(images/bg1.jpg) top left repeat-x;


    }



    #header {

    clear: both;

    width: 100%;

    padding: 20px 0 10px;

    margin: 0 auto;

    background: #0066cc;

    }



    #header h1.blogtitle {

    width:960px;

    color: #F2EBDA;

    text-align:center;

    font-size:24px;

    line-height:100%;

    padding: 5px 0 5px;

    margin: 0 auto;

    }



    #header p {

    width:960px;

    margin: 0 auto;

    text-align:center;

    color: #F2EBDA;

    }





    #nav {

    height:28px;

    line-height:28px;

    margin: 0 auto;

    padding:0;

    border:none;

    background: url(images/mbg.jpg);

    }



    #wrap {

    clear:both;
    margin:0 auto;
    padding:0;
    width:100%;
    }



    #page {

    background: url(images/arkaplan.gif) repeat absolute left top;

    clear: both;

    width: 960px;

    margin: 0 auto;

    padding: 50 px 0 0 0;

    }





    .clearfix:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

    }



    .clearfix {display: inline-block;}



    /* Hides from IE-mac \*/

    * html .clearfix {height: 1%;}

    .clearfix {display: block;}

    /* End hide from IE-mac */



    #contentleft {

    width: 690px;

    float:left;

    padding: 20px 0;

    margin: 0;

    }



    #content {

    width: 510px;

    float: right;

    margin: 0;

    padding: 0;

    }



    #midcontent {

    font-size: 8pt;

    width: 170px;

    float: left;

    margin: 0 0 10px 0;

    padding: 0;

    }



    #contentright {

    width: 260px;

    float:right;

    padding: 20px 0;

    margin: 0;

    }



    #sidebar {

    font-size: 8pt;

    width: 260px;

    float: right;

    margin: 0 0 10px 0;

    padding: 0;

    }



    #footer {

    border-top:1px solid #fff;

    font-size: 8pt;

    line-height: 190%;

    color:#000000;

    background: #000;

    clear: both;

    margin: 0px auto 0 auto;

    padding: 0px 0;

    text-align: center;

    }



    #footer p {

    width:960px;

    padding: 0px;

    margin: 0 auto;

    }



    /* -------------------[ Headings ]------------------- */



    h1, h2, h3, h4, h5, h6, h7 {

    line-height: 110%;

    margin: 0;

    padding: 0;

    letter-spacing: 1px;

    text-align: left;

    color: #ccc;

    }



    h1 {

    font-size: 16pt;

    }



    h2 {

    font-size: 14pt;

    }



    h3 {

    font-size: 12pt;

    }



    h4,h5,h6,h7 {

    font-size: 10pt;

    }



    h1.pagetitle {

    margin: 0 0 10px 0;

    }



    h2#comments, h2#trackbacks, h2#respond {



    }





    h2.sectionhead, #sidebar h2, #midcontent h2 {

    font-weight: bold;

    line-height: 16px;

    height:16px;

    background: url(images/heading-bg.gif) top left repeat-x;

    padding: 4px 5px;

    font-size: 9pt;

    letter-spacing: 0;

    margin: 0 0 10px 0;

    }



    .entry h1,.entry h2,.entry h3, .entry h4, .entry h5, .entry h6, .entry h7 {

    margin-bottom: 10px;

    }





    /* -------------------[ Links ]------------------- */



    a, a:link, a:visited {

    color: #ccc;

    text-decoration: none;

    padding: 0;

    font-size: bold;

    }

    a:hover , a:active {

    color: #eee;

    text-decoration:none;

    }



    .entry a, .entry a:link, .entry a:visited {

    text-decoration: underline;

    color:#ccc;

    }



    .entry a:hover {

    text-decoration: underline;

    color:#eee;

    }



    .postinfo a, .postinfo a:link, .postinfo a:visited, .postinfo2 a, .postinfo2 a:link, .postinfo2 a:visited {








    text-decoration: underline;

    }



    #footer a {

    color: #ccc;

    text-decoration: none;

    }



    #footer a:hover {

    border-bottom: 1px #eee dashed; color: #eee; text-decoration:none

    }



    h1 a, h1 a:link, h1 a:visited, h2 a, h2 a:link, h2 a:visited {

    color: #ccc;

    text-decoration: none;

    }



    h1 a:hover, h2 a:hover {

    color: #eee;

    text-decoration:none;

    }







    /* -------------------[ Images ]------------------- */



    img.alignright {

    float: right;

    clear: right;

    margin: 0 0 5px 10px;

    background: #fff;

    padding: 2px;

    border: 1px solid #ccc;

    }



    img.alignleft {

    float: left;

    clear: left;

    margin: 0 10px 5px 0px;

    background: #fff;

    padding: 2px;

    border: 1px solid #ccc;

    }



    img.centered {

    display: block;

    padding: 2px;

    margin: 0 auto 20px auto;

    border: 1px solid #ccc;

    float: none;

    clear: both;

    }





    /* -------------------[ Sidebar ]------------------- */



    #sidebar ul {

    list-style-type: none;

    margin: 0 ;

    padding: 0;

    }



    #sidebar ul li {

    list-style-type: none;

    margin: 0 0 5px 0;

    padding: 0;

    }



    #sidebar ul li ul {

    list-style-type: square;

    margin: 0px;

    padding: 0 5px;

    }



    #sidebar ul li ul li {

    list-style-type:none;

    background: transparent url(images/bullet2.gif) no-repeat 0 4px;

    padding: 0px 0px 2px 14px;

    border: 0;

    margin: 0;

    }



    #sidebar p {

    padding: 0 5px;

    }



    /* -------------------[ Middle Content ]------------------- */



    #midcontent ul {

    list-style-type: none;

    margin: 0 ;

    padding: 0;

    }



    #midcontent ul li {

    list-style-type: none;

    margin: 0 0 15px 0;

    padding: 0;

    }



    #midcontent ul li ul {

    list-style-type: square;

    margin: 0;

    padding: 0 0 0 5px;

    }



    #midcontent ul li ul li {

    list-style-type:none;

    background: transparent url(images/bullet-orange.gif) no-repeat 0 2px;

    padding: 0 0 0 15px;

    border: 0;

    margin: 0 0 1px;

    }



    #midcontent p {

    padding: 0 5px;

    }





    /* -------------------[ Comment Form ]------------------- */



    h3#comments {

    background: url(images/comments.gif) no-repeat;

    padding-left: 22px;

    font: normal 140%/120% Tahoma, sans-serif;

    clear: both;

    }

    h3#respond {

    background: url(images/respond.gif) no-repeat;

    padding-left: 22px;

    font: normal 140%/120% Tahoma, sans-serif;

    margin: 20px 0px 0px;

    clear: both;

    }



    #commentform {

    margin-top: 10px;

    }

    #commentform label {

    font-weight: bold;

    color:#666;

    font-size: 100%;

    padding-left: 0px;

    }

    #commentform small {

    color: #999999;

    font-size: 90%;

    }

    #commentform input {

    font: 110% Arial, Helvetica, sans-serif;

    width: 220px;

    padding: 5px 3px 3px 7px;

    background: url(images/form-field-bg.gif) no-repeat;

    border-top: 1px solid #e6e6e6;

    border-right: 1px solid #E2E2E2;

    border-bottom: 1px solid #E2E2E2;

    border-left: 1px solid #e6e6e6;

    }

    #commentform textarea {

    font: 110% Arial, Helvetica, sans-serif;

    width: 480px;

    height: 140px;

    background:url(images/form-field-bg.gif) no-repeat;

    border: solid 1px #e6e6e6;

    padding: 5px 3px 3px 7px;

    }

    #commentform #submit {

    font: 12px/100% Arial, Helvetica, sans-serif;

    color: #fff;

    background: url(images/submit-btn.gif) no-repeat top left;

    border: none;

    width: 135px;

    height: 25px;

    padding-bottom: 6px;

    margin-left: 355px;

    }

    #commentform #submit:hover {

    background: url(images/submit-btn.gif) no-repeat bottom left;

    }

    #commentform textarea:focus, #commentform input[type="text"]:focus {

    border: solid 1px #3b9acc;

    }



    /* -------------------[ Comments ]------------------- */



    .commentlist {

    margin: 10px 0px;

    padding-left: 45px;

    line-height: 130%;

    }

    .commentlist li{

    padding: 5px 10px;


    }

    .commentlist .alt {




    background: #000;



    }



    .commentlist cite {

    font-weight: bold;

    font-style: normal;

    font-size: 110%;

    color: #ccc;

    }

    .commentlist cite a, .commentlist cite a:visited {

    color: #ccc;

    }

    .commentlist small {

    margin-bottom: 5px;

    display: block;

    font-size: 87%;

    }

    .commentlist small a, .commentlist small a:visited{

    color: #ccc;

    }



    /* -------------------[ Misc Tags and Classes ]------------------- */







    table {

    border: 0;

    }



    .post ul, .singlepost ul, .post ol, .singlepost ol {

    margin: 15px 30px;

    padding: 0;

    list-style-type: none;

    }



    .post img {

    background:#111; padding:5px ;border:1px dashed #333;

    background-repeat: no-repeat;

    background-position: center center;

    }





    .post ul li, .singlepost ul li {

    list-style-type:none;

    background: transparent url(images/oupbullet.gif) no-repeat 0 2px;

    padding: 0 0 2px 15px;

    border: 0;

    margin: 0;

    }



    .post ol li, .singlepost ol li {

    list-style-type:decimal;

    background: transparent;

    padding: 0 0 2px 0px;

    line-height: 1.4em;

    border: 0;

    margin: 0 0 0 20px;

    _height: 1em;

    }



    p {

    margin-top: 0px;

    margin-bottom: 15px;

    }



    .alinti {

    font-family: "Courier New", Courier, monospace;

    font-size: 12px;

    background-color: #E6E6E6;

    border: 1px;

    padding: 5px;

    border-color: #CCCCCC;

    }





    acronym, abbr, span.caps {

    cursor: help;

    }



    acronym, abbr {

    border-bottom: 1px dotted #999;

    }



    * html acronym, abbr {

    border-bottom: 1px dashed #999;

    }



    blockquote {

    padding-left: 10px;

    border-left: 5px solid #000;

    color: #333;

    }



    .center {

    text-align: center;

    }



    a img {

    border: none;

    }



    .navigation {

    text-align: center;

    margin: 0

    padding: 10px 0;

    }



    .navigation .alignright {

    float: right;

    margin: 0;

    }



    .navigation .alignleft {

    float: left;

    margin: 0;

    }



    .entry {

    padding: 10px 0 0 0;

    margin: 0;

    }



    .postinfo {

    clear: both;

    margin: 0px;

    font-size: 8pt;

    padding: 3px;

    }



    .postinfo2 {

    clear: both;

    font-size: 8pt;

    margin: 10px 0 0 0px;

    }



    .post {

    margin: 0 0 10px 0;

    padding: 0 5px 10px;

    line-height: 130%;

    background: url(images/dot.gif) bottom left repeat-x;

    }



    code {

    font: 1.1em 'Courier New', Courier, Fixed;

    }



    hr {

    display: block:

    clear:both;

    }



    a.more-link {

    padding-right:17px;

    background: transparent url(images/hotbullet.gif) 100% 80% no-repeat;

    }







    /* -------------------[ Search ]------------------- */





    #searchform {

    height:19px;

    line-height:19px;

    float:right;

    margin: 0;

    padding: 0;

    }



    #searchform #s {

    width: 121px;

    margin-right: 2px;

    margin-left: 2px;

    }



    #searchform #submit {

    font-family:Tahoma;

    font-size:7pt;

    }



    .searchbox{

    background-image:url(http://spaksu.com/images/srch_bg.gif);

    width:121px;

    height:19px;

    padding:0px;

    border-width:0px;



    }

    /* -------------------[ Navigation ]------------------- */

    ul.nav {

    height:26px;

    line-height:26px;

    float:left;

    list-style: none;

    padding: 0px 0 0 0;

    margin: 0;

    font-family:Tahoma;

    font-size:10px;

    }



    ul.nav li {

    float: left !important;

    margin: 0;

    padding: 0;

    list-style-type: none;

    }

    ul.nav li a, ul.nav li a:link, ul.nav li a:visited {

    border:none;

    color:#ccc;

    float: left;

    text-decoration:none;

    display: block;

    padding: 0 10px;

    background: url(images/mbg.jpg);

    }



    ul.nav {

    color: #ccc;

    text-decoration: none;

    }



    ul.nav li a:hover{

    color: #fff;

    text-decoration: none;

    background: url(images/mbg2.jpg) top center no-repeat;

    }



    ul.nav li a:active {

    background:#fff;

    color: #000;

    text-decoration: none;

    }





    ul.nav li ul {

    float:left;

    margin:0;

    padding:0;

    }





    /* -------------------[ Feature Post ]------------------- */



    .featurepost {

    margin: 0 0 10px 0;

    padding: 0 5px 10px;

    line-height: 130%;

    background: url(images/dot.gif) bottom left repeat-x;

    }





    .featurepost h1 {

    margin: 0;

    padding: 0;

    }



    /* ---------------[ Tables ]--------------- */



    .entry table {

    margin-bottom:15px;

    padding:0px;

    border:0px;

    }



    .entry tr, .entry td, .entry th {

    margin:auto; padding:0px; border:0px;

    }



    .entry td, .entry th {

    padding:0px;

    vertical-align:top;

    }



    .entry th {

    font-weight:bold;

    background:#E5DFCF;

    }



    .entry td {

    border:0px solid #E5DFCF;

    }
  • 04-01-2009, 00:21:43
    #2
    Üyeliği durduruldu
    spaksu ile yani freeze olması lazım k.adı onunla irtibata geç
  • 04-01-2009, 00:28:38
    #3
    Hocam burdan çözelım olayı işte
  • 04-01-2009, 02:01:19
    #4
    bakacağım biraz sabret lütfen. temaları dağıtımdan kaldırdığımdan biraz bekleteceğim.
  • 04-01-2009, 08:56:30
    #5
    Üyeliği durduruldu
    spaksu halleder sabır diyorsa sabır
  • 04-01-2009, 10:50:39
    #6
    Ne kadar süre beklicem hocam:=)
  • 04-01-2009, 12:10:50
    #7
    #content {
    width: 510px;
    background:url(images/ortabg.jpg) no-repeat top center;
    orta kısmın tamammı için arkaplan kullanmak istiyorsan bunu eklemelisin.
    }

    #midcontent {
    background:url(images/solbg.jpg) no-repeat top center;
    sol tarafın tamammı için arkaplan kullanmak istiyorsan bunu eklemelisin.
    }

    #contentright {
    width: 260px;
    background:url(images/sagbg.jpg) no-repeat top center;
    sağ tarafın tamammı için arkaplan kullanmak istiyorsan bunu eklemelisin.
    }

    #sidebar {
    background:url(images/bg.jpg) no-repeat top center;
    sağ tarafda sidebar başlangıcı için arkaplan kullanmak istiyorsan bunu eklemelisin.
    ama ben sana sağ için sadece üsttekini contentright öneririm

    }

    .post {
    background:url(images/postbg.jpg) no-repeat top center;
    herbir post için arkaplan kullanmak istiyorsan bunu eklemelisin.
    }

    #sidebar ul {
    background:url(images/postbg.jpg) no-repeat top center;
    Sütünlarda bulunan sekmelere arkaplan eklemek istersen bu da onun kodu
    }

    Bu kodları bulundukları yere eklemen ve images klasorune resimlerini atman gerekiyor.


  • 04-01-2009, 12:40:29
    #8
    Teşekkürler hocam Bannerin altndaki bg1.jpg varya onun altındaki bütün alanı kapsayacak arkaplan ve menulerin arkaplanlarını ayarlamak istiyorum hocam hangilerini kullanayaım?
  • 04-01-2009, 13:56:24
    #9
    ul.nav { yada nav {

    tüm arkaplan için olmaz öyle tasarlanan bir tema değil