Prosilverde arkaplan rengi (yardım)

rhtgltkn · Mesaj gönderen **rhtgltkn** » 14.06.2007, 18:01

Arkadaşlar
Prosilver Teması üzerinde çalışma yapıyorum. daraltma ve ortalam işlemini aşağıdaki gibi yaptım...
overall_header.html

Kod: Tümünü seç

    <body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">

    <div class="outside">
       <div class="top-left"></div><div class="top-center"></div><div class="top-right"></div>
          <div class="inside">
             <div class="notopgap">

overall_footer.html

Kod: Tümünü seç

                    </div>
                 <div class="nobottomgap"></div>
              </div>
           <div class="bottom-left"></div><div class="bottom-center"></div><div class="bottom-right">
        </div>

        </body>

common.css

Kod: Tümünü seç

        /* additional proSilver Markup Styles outside rouded
        ----------------------------------------------------------- */
        .top-left, .top-right, .bottom-left, .bottom-right {
           height: 20px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
           weidth: 20px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
           font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
           }
           
        .top-left {
           background-image: url("{T_THEME_PATH}/images/corners_top.gif"); background-repeat:no-repeat; /* CHANGE: path and name of your image */
           background-position: 0 -20px; /* CHANGE: replace second number by negative height of one of your corners */
           margin-left: 1px;  /* CHANGE: replace by the width of one of your corners */
           margin-top: 0px;  /* CHANGE: replace by the height of one of your corners */
           margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
           }
        .top-right {
           background-image: url("{T_THEME_PATH}/images/corners_top.gif"); background-repeat:no-repeat; /* CHANGE: path and name of your image */
           background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
           margin-left: 0px;  /* CHANGE: replace by the width of one of your corners */
           margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
           margin-right: 1px; /* CHANGE: replace by the width of one of your corners */   
           }
        .top-center {
           background-image: url("{T_THEME_PATH}/images/bg_headers.gif"); /* CHANGE: path and name of your image */
           background-position: 0 0px; /* CHANGE: replace second number by negative height of one of your corners */
           height: 20px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
           weidth: 20px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
           font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
           margin-left: 20px;  /* CHANGE: replace by the width of one of your corners */
           margin-top: -20px;  /* CHANGE: replace by the height of one of your corners */
           margin-right: 20px; /* CHANGE: replace by the width of one of your corners */
           margin-bottom: -20px; /* CHANGE: replace by the width of one of your corners */
           }
           
        .bottom-left  {
           background-image: url("{T_THEME_PATH}/images/corners_bottom.gif"); background-repeat:no-repeat; /* CHANGE: path and name of your image */
           background-position: 0 0px; /* CHANGE: replace second number by negative height of one of your corners */
           margin-right: 0px; /* CHANGE: replace by the width of one of your corners */
           margin-left: 1px;  /* CHANGE: replace by the width of one of your corners */
           margin-top: 0px;  /* CHANGE: replace by the height of one of your corners */
           }
        .bottom-right {
           background-image: url("{T_THEME_PATH}/images/corners_bottom.gif"); background-repeat:no-repeat; /* CHANGE: path and name of your image */
           background-position: 100% -20px; /* CHANGE: replace second number by negative height of one of your corners */
           margin-right: 1px; /* CHANGE: replace by the width of one of your corners */
           margin-left: 0px;  /* CHANGE: replace by the width of one of your corners */
           margin-top: -20px;  /* CHANGE: replace by the height of one of your corners */
           }
        .bottom-center {
           background-image: url("{T_THEME_PATH}/images/bg_footers.gif"); /* CHANGE: path and name of your image */
           background-position: 0 0px; /* CHANGE: replace second number by negative height of one of your corners */
           height: 20px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
           weidth: 20px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
           font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
           margin-left: 20px;  /* CHANGE: replace by the width of one of your corners */
           margin-top: -20px;  /* CHANGE: replace by the height of one of your corners */
           margin-right: 20px; /* CHANGE: replace by the width of one of your corners */
           margin-bottom: -20px; /* CHANGE: replace by the width of one of your corners */
           }

        .inside {
           border-left: 0px solid #000000; /* YCC: color & properties of the left-borderline */
           border-right: 0px solid #000000;/* YCC: color & properties of the right-borderline */
           background: #FFFFFF;            /* YCC: background-color of the inside */
           color: #000000;                 /* YCC: default text-color of the inside */
           padding-left: 0px;              /* YCC: all texts at some distance of the left border */
           padding-right: 0px;             /* YCC: all texts at some distance of the right border */
           background-image: url("{T_THEME_PATH}/images/bg_body.gif"); /* CHANGE: path and name of your image */
           }
           
        .notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
        .nobottomgap { margin-bottom: 0; } /* DNC: to avoid splitting of the box */

        .outside {
           margin: 0 auto;
           width : 950px;
           }

Kod: Tümünü seç

    #wrap {
       padding: 0 20px;
       min-width: 650px;
       width: 900px;
       margin: 0 auto;
    }

http://www.easytutorials.org/prosilver_fixed_width.html

yukarıdaki verilen width: 900px; değerini değiştirmeden easytutorials.org daki değerleri karşılaştırmak gerekiyor bir de tweaks.css deki kodları sildik mi şablon oturuyor

şimdi bunların yanında biraz acemi bir soru olacak ama prosilverde bu beyaz olan arkaplan rengini naaptıysam değiştiremedim.. bunu bi zahmet söyleyebilecek varsa sevinirim...

topakli · Mesaj gönderen **topakli** » 14.06.2007, 18:27

slm...

prosilver da tema daraltma nasıl oluyor... tüm anlatılanları denedim ama hala aynı.. cache temizledim bideğişiklik olmadı... bide temaların dosya sisteminde saklanması gerekiyormuş onu da denedim ama hala bi değişiklik yok.. yardımlarınızı bekliyorum...

SELAM VE DUA İLE...

rhtgltkn · Mesaj gönderen **rhtgltkn** » 14.06.2007, 20:20

topakli yazdı:slm...

prosilver da tema daraltma nasıl oluyor... tüm anlatılanları denedim ama hala aynı.. cache temizledim bideğişiklik olmadı... bide temaların dosya sisteminde saklanması gerekiyormuş onu da denedim ama hala bi değişiklik yok.. yardımlarınızı bekliyorum...

SELAM VE DUA İLE...

yukarda yazılanları yap olur.
overall ları ilk satırı belirtilen sayfada bul geriye kalanları altına yapıştır.

common.css ayarlarını ise ACP den
Stiller>Tema oradan prosilver karşısında üzenleye bas.
yukarda common.ss için verilen kodu olduğu gibi en başa veya en alta yapıştır. daha sonra

Kod: Tümünü seç

#wrap {
       padding: 0 20px;
       min-width: 650px;
 }

bu kodu bul ve bu kodla değiştir.

Kod: Tümünü seç

#wrap {
       padding: 0 20px;
       min-width: 650px;
       width: 900px;
       margin: 0 auto;
    }

eğer bir kayma olursa padding: 0 20px; de 20px değerini 0 yap.
son olarak yukarda verdiğim linkte belirtilen işlemi yap..

xalo21 · Mesaj gönderen **xalo21** » 09.09.2007, 01:02

arkdaşım biraz daha açabilirmisin bu konuyu. mesela overal_footer doyasında neden sonra ne ekleycem anlamadım diğerleri içinde geçerli bu

rhtgltkn · Mesaj gönderen **rhtgltkn** » 09.09.2007, 11:37

#wrap kodları dışında belirttiğim kodları ?> önce veya <? sonra ekleyebilirsiniz. yani sayfanın altına veya başına ekleyebilirsiniz. #wrap ile başlayan kodlarda common.css içinde onuda belirttiğim gibi değiştirebilirsiniz. biraz css bilginiz varsa zaten çok klolay... esasında zor bişey yok... ama herhangi bir bilginiz yoksa tema düzenleme ile ilgili prosilver in hazır temaları var internetten bakarsanız bulabilirsiniz...

xalo21 · Mesaj gönderen **xalo21** » 09.09.2007, 13:42

rhtgltkn yazdı:#wrap kodları dışında belirttiğim kodları ?> önce veya <? sonra ekleyebilirsiniz. yani sayfanın altına veya başına ekleyebilirsiniz. #wrap ile başlayan kodlarda common.css içinde onuda belirttiğim gibi değiştirebilirsiniz. biraz css bilginiz varsa zaten çok klolay... esasında zor bişey yok... ama herhangi bir bilginiz yoksa tema düzenleme ile ilgili prosilver in hazır temaları var internetten bakarsanız bulabilirsiniz...

kardeş verdiğin değerlerle yaptım çok sağol....

phpBB Türkiye • phpBB Türkçe Destek

Prosilverde arkaplan rengi (yardım)

Prosilverde arkaplan rengi (yardım)

Re: Prosilverde arkaplan rengi (yardım)

Re: Prosilverde arkaplan rengi (yardım)

Re: Prosilverde arkaplan rengi (yardım)

Kimler çevrimiçi