• 21-07-2007, 20:43:02
    #1
    Merhaba şuan bir joomla sitesi kurdum yalniz tema sayfayi tam olarak kaplamıyor yan taraflari beyaz oralara arkaplan eklemek istiyorum
    css kodlari üzerinde resim urlsi vererek bir oynama yaptim ancak birşey değişmedi

    /* CSS Document */
    
    .banner {
        background-image: url(../images/baner.gif);
        background-repeat: no-repeat;
        background-position: left bottom;
    }
    /*.baner {
        background-image: url(../images/baner.gif);
        background-repeat: no-repeat;
        background-position: left bottom;
    }*/
    .path {
        background-color:ffffff;
    
    }
    .sag_alt {
        background-image: url(../images/sagalt.gif);
        background-repeat: no-repeat;
        background-position: left top;
    }
    
    .sag_ust {
        background-image: url(../images/sagust.gif);
        background-repeat: no-repeat;
        background-position: left bottom;
    }
    .sol_ust {
        background-image: url(../images/solust.gif);
        background-repeat: no-repeat;
        background-position: right bottom;
    }
    .sol_alt {
        background-image: url(../images/solalt.gif);
        background-repeat: no-repeat;
        background-position: right top;
    }
    
    /*.alt_orta {
        background-image: url(../images/alt_orta.gif);
        background-repeat: repeat-x;
        background-position: left top;
    }*/
    .sol {
        background-image: url(../images/sol.gif);
        background-repeat: repeat-y;
        background-position: left top;
    }
    .sag {
        background-image: url(../images/sag.gif);
        background-repeat: repeat-y;
        background-position: right top;
    }
    .alt {
        background-image: url(../images/alt.gif);
        background-repeat: repeat-x;
        background-position: left bottom;
    }
    .ust {
        background-image: url(../images/ust.gif);
        background-repeat: repeat-x;
        background-position: left top;
    }
    .mod {
        background-color: #ffffff;
        
    }
    .ana {
        background-color: #ffffff;
    }
    .date{
        font-family            : Geneva, Arial, Helvetica, sans-serif;
        color                : #000000;
        font-size            :12px;
        font-weight: bold;
    }
    .path{
        font-family            : Geneva, Arial, Helvetica, sans-serif;
        font-size            :12px;
    }
    
    /* ##################### arka plan ##################### */
    body {
        margin                : 0px 0px 0px 0px;
        background-color    :#ffffff;
        font-family            : Verdana, Arial, Helvetica, sans-serif;
        font-size            : 11px;
        color                : #000000;     
    }
    /* ##################### ana sayfa yazısı ve başlıklar ##################### */
    
    td, tr, p, div {
        font-family            : Geneva, Arial, Helvetica, sans-serif;
        color                : #000000;
        font-size            : 11px;
    }
    /* ##################### giriş arkası ##################### */
    .inputbox  {
      border           : 1px #ffffff;
      background-color : #c20015;
      margin-bottom    : 4px;
      font-size        : 12px;
      font-weight:bold;
      font-family: Arial, Verdana;
      color         : #ffffff;
     /* background: #c4c7cf url(../images/input.gif) repeat;*/
    }
    
    /* ##################### giriş üst font ##################### */
    table.moduletable td{
      font-size        : 12px;
      font-family: Arial, Verdana;
      color         : #1e1f24;
      }
    
    /* ##################### anket arkası ##################### */
    
    .poll {
      font-family: Arial, Verdana, Helvetica, sans-serif;
      font-size: 11px;
      font-weight: bold;
      color: #ffffff;
      line-height: 14px;
    }
    .pollstableborder {
      border: 1px  #ff0000;
    }
    .sectiontableentry2 {
      background-color: #cc6666;
      color: #091f36;
    }
    
    .sectiontableentry1 {
      background-color : #c20015;
      color: #1a395b;
    }
    .sectiontableheader {
    background : #000000;
    color : #ffffff;
    font-weight : bold;
    padding: 3px;
    }
    
    /* ##################### yazar yazısı ##################### */
    
    .small {
    
      font-family: Arial, Verdana, Helvetica, sans-serif;
      font-size: 11px;
      color: #ff0000;
      text-decoration: none;
      font-weight: bold;
    }
    /* ##################### devamı yazısı ##################### */
    
    a.readon:link, a.readon:visited {
    
      color: #000000; 
      text-decoration: underline;
      font-family: Arial, Verdana, Helvetica, sans-serif;
      font-size: 11px;
    }
    a.readon:hover {
      color: #ff0000;
      text-decoration: underline;
      font-weight: bold;
      font-family: Arial, Verdana, Helvetica, sans-serif;
      font-size: 11px;
    }
    /* ##################### ana haberlerin yazısı ##################### */
    
    td,tr,p,div {
      font-family: Geneva, Arial, Helvetica, sans-serif;
      font-size: 11px;
      color: #192030;
    }
    /* ##################### /*   ?    ##################### */
    
    .u1{
        width:100%;
    }
    .u1 .moduletable{
        width:100%;
    }
    .u1 .moduletable th{
        background-image: url(../images/tematback.gif) ;
    }
    /* ##################### linklerin rengi ##################### */
    
    a:link, a:visited {
        color                : #000000;
        text-decoration        : none;
        font-weight            : bold;
        text-decoration: underline;
    }
    a:hover {
        color                : #ff0000;
        text-decoration      : underline;
    }
    a.category:link, a.category:visited {
        font-weight          : bold;
    }
    ul {
        margin                : 10px;
        padding                : 10px;
        list-style            : none;
    }
    li {
        line-height            : 15px;
        padding-left        : 20px;
        padding-top            : 0px;
        background            : url(../images/arrow.png) 8px no-repeat;
    }
    /* ##################### haber baneer vs. ##################### */
    
    .back_button {
    
      float: left;
      text-align: center;
      font-size: 11px;
      font-weight: bold;
      border: 3px double #9ca3b4;
      width: auto;
      background: url(../images/tematback.gif) repeat-x;
      padding: 0px 10px;
      line-height: 20px;
      margin: 1px;
    }
    .button {
      color: #ffffff;
      font-family: Arial, Hevlvetica, sans-serif;
      text-align: center;
      font-size: 11px;
      font-weight: bold;
      border: 3px double #999999;
      width: auto;
      background: url(../images/tematback.gif) repeat-x;
      padding: 0px 5px;
      line-height: 18px !important;
      line-height: 16px;
      height: 26px !important;
      height: 24px;
      margin: 1px;
    }
    .contentpagetitle {
        font-size: 13px;
        font-weight: bold;
        color: #999999;
        text-align:left;
    }
    table.searchinto {
        width: 100%;
    }
    table.searchintro td {
        font-weight: bold;
    }
    table.moduletable {
      width            : 100%;
      margin-bottom    : 10px;
    }
    table.moduletable th {
      font-size        : 12px;
      font-weight      : bold;
      
      color            : #ffffff;
      text-align       : center;
      /*padding          : 3px;*/
       height:19px;
       background-repeat: repeat-x;
      background-image : url("../images/modul.gif");
     
    }
    
    table.moduletable td {
        font-size  : 11px;
        padding    : 0px;
        margin     : 0px;
        font-weight: bold;
        color      : #000000;
    }
    /* ##################### haber başlığı arkası ve rengi ##################### */
    table.contentpaneopen .contentheading{
        color:#ffffff;
        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
        margin:12px;
        height:24px;
        background: url(../images/tematback.gif) repeat-x;
        width:100%;
        text-indent: 18px;
        font-weight: bold;
        text-align:center;
    }
    
    form div.componentheading{
        background-image:none;
        height:5px;
        font-size:5px;
    }
    div.componentheading{
        color:#ffffff;
        font-family:Arial, Helvetica, sans-serif;
        font-size:11px;
        margin:0px;
        height:26px;
        background: url(../images/tematback.gif) repeat-x;
        width:100%;
        text-indent: 18px;
        font-weight:bold;
        line-height:27px;
    }
    .contentpaneopen {
        text-align: left;
        width: 100%;
        padding: 0px;
    }
    
    /* ##################### menüler ##################### */
    
    a.mainlevel:link, a.mainlevel:visited, a.mainlevel:active {    
        text-decoration:none;
        text-align:justify;
        color:#000000;
        font-weight:bold;
        display:block;
        width:156px;
        height:22px;
        display:block;
        text-indent:25px;
        line-height:18px;
        background-image:url(../images/but1.gif);
        margin-left:0px;
    }
    a.mainlevel:hover {
        color:#ffffff;
        text-decoration:none;
        font-weight:bold;
        display:block;
        width:156px;
        height:22px;
        border:0px;
        display:block;
        background-image:url(../images/but2.gif);
        text-indent:25px;
        line-height:18px;
        margin-left:0px;
    }
    
    a.sublevel:link, a.sublevel:visited, a.sublevel:active {    
    
        text-decoration:none;
        font-weight:bold;
        padding-left:0px;
        margin-left:0px;
    }
    arkaplanin backraund.jpg olarak gözükmesini istiyorum
    Eski Taraftar - Anasayfa temada bu yardimlarinizi bekliyorum arkadaşlar
  • 21-07-2007, 21:36:04
    #2
    Üyeliği durduruldu
    body { } tagı arasına

    background: url(../images/bg.jpg);
    yazman gerekir.