phpBB Türkiye - phpBB3 Türkçe destek ve geliştirme

İçeriği atla

profesyonel phpBB3 hizmetleri

Sitemiz sadece phpBB 3.0 sürümüne destek vermektedir. Konu açmadan, ileti yazmadan önce lütfen site kuralları sayfamıza göz atınız.

Çerçeve

Cevap gönder

Çerçeve

İleti dursuni 01 Tem 2007 12:16

Merhana sistemi sağdan soldan wrap'ını sıkıştırdım ve şimdi çerçeveye almak istiyorum.
Yardım edebilecek olan yok mu?
Yardımlarınızı bekliyorum..
dursuni
genel yetkili
genel yetkili

Kullanıcı avatarı

İleti: 126
Kayıt: 09 Haz 2007 13:19
HTML: Orta
CSS: Başlangıç
PHP: Başlangıç
phpBB3: Orta
Sürüm: phpBB3 RC7
Sayfa başı
 

Re: Çerçeve

İleti IcEman 01 Tem 2007 13:31

dursuni yazdı:Merhana sistemi sağdan soldan wrap'ını sıkıştırdım ve şimdi çerçeveye almak istiyorum.
Yardım edebilecek olan yok mu?
Yardımlarınızı bekliyorum..



Sitenin Çevresine Border ve Arkaplan diye bir konu var sizin açmış olduğunuz bu konunun 5/10 tane aşağısında... sizin istediğiniz bilgi o konuda mevcut ... resimleri de var wrapper vs diye.. kodlar var neyi nereye atılacağı yazıyor..

kolay gelsin.
IcEman
yetkili
yetkili

Kullanıcı avatarı

İleti: 742
Kayıt: 08 Nis 2007 13:25
HTML: Başlangıç
CSS: Başlangıç
PHP: Başlangıç
phpBB3: Başlangıç
Sürüm: phpBB 3.0.3
Sayfa başı

Re: Çerçeve

İleti dursuni 01 Tem 2007 15:47

Hocam onu gördüm de orada kodları vermişsiniz de
onları ne yapacaz yani değiştirecez mi birşeyin altına mı ekleyecez üstüne mi onları anlayamadım bide senin verdiğin çerçevelerin rengini nasıl değiştirirz onları anlayamadım...
Bi yardım edersen
sevinirim hocam...
dursuni
genel yetkili
genel yetkili

Kullanıcı avatarı

İleti: 126
Kayıt: 09 Haz 2007 13:19
HTML: Orta
CSS: Başlangıç
PHP: Başlangıç
phpBB3: Orta
Sürüm: phpBB3 RC7
Sayfa başı

Re: Çerçeve

İleti dursuni 01 Tem 2007 16:08

Hocam benimki çerçeveyi ekleyince böyle şekilsiz oluyor. Hiçbirşey anlamadım bi yardım ederseniz sevinirim.
dursuni
genel yetkili
genel yetkili

Kullanıcı avatarı

İleti: 126
Kayıt: 09 Haz 2007 13:19
HTML: Orta
CSS: Başlangıç
PHP: Başlangıç
phpBB3: Orta
Sürüm: phpBB3 RC7
Sayfa başı

Re: Çerçeve

İleti perfectman 03 Tem 2007 10:19

link Bu tema belki bir fikir verir.
PHPbb 3 RC5 Release Candidate Duyuruldu,Vatana Millete Hayırlı Olsun...Not: Son sürüme çok yakşaltık.:)Sanırım...
perfectman
kullanıcı
kullanıcı

İleti: 25
Kayıt: 04 Haz 2007 13:20
İsim: serkandiker
HTML: İyi
CSS: Orta
PHP: Başlangıç
phpBB3: Orta
Sürüm: phpBB3.RC5
Sayfa başı

Re: Çerçeve

İleti IcEman 04 Tem 2007 18:55

kusura bakma işlerimin yoğunluğundan dolayı gelemedim .. aşağıdaki değişiklikler orjinal resimlere göre yapılmış farklı bir uygulama yaparsan kendin düzenleme yapacaksın photoshop da ..

büyük ihtimal olur ben böyle kullanıyorum RC2 de.. koaly gelsin..

overall_header.html

bul
Kod: Tümünü seç
<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">


değiştir
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

"en alta ekle" .. fazladan body olabilir tam hatırlamıyorum bakarak düzenlersin..

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

dosyanın en altına ekle

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;
           }



-----


hiç değişiklik yapılmamış dosya ya göre değişiklik yaparsın..

Kod: Tümünü seç
/* Main blocks
---------------------------------------- */
#wrap {
   padding: 0 20px;
   min-width: 650px;
}



değiştir..

Kod: Tümünü seç
#wrap {
   padding: 0 20px;
   min-width: 650px;
   width: 900px;
   margin: 0 auto;
}



-----------

tweaks.css

bul ve sil..

Kod: Tümünü seç
* html #search-box {
   margin-right: 35px;
}
IcEman
yetkili
yetkili

Kullanıcı avatarı

İleti: 742
Kayıt: 08 Nis 2007 13:25
HTML: Başlangıç
CSS: Başlangıç
PHP: Başlangıç
phpBB3: Başlangıç
Sürüm: phpBB 3.0.3
Sayfa başı

Re: Çerçeve

İleti dursuni 08 Tem 2007 14:49

Hocam çok teşekkür ederim de alt kısım da şöyle bir sorunum var ve nedendir anlayamadım.
Gerekli ayarlamaları overall_footer da ama neyi düzelteceğimi anlayamadım.
Bir yardım etseniz....
dursuni
genel yetkili
genel yetkili

Kullanıcı avatarı

İleti: 126
Kayıt: 09 Haz 2007 13:19
HTML: Orta
CSS: Başlangıç
PHP: Başlangıç
phpBB3: Orta
Sürüm: phpBB3 RC7
Sayfa başı

Re: Çerçeve

İleti dursuni 08 Tem 2007 14:55

Aslında bu sorun sadece ie 7.0 da oluyor 6'da alt kısım normal iken 7.0 da böyle gözüküyor...
dursuni
genel yetkili
genel yetkili

Kullanıcı avatarı

İleti: 126
Kayıt: 09 Haz 2007 13:19
HTML: Orta
CSS: Başlangıç
PHP: Başlangıç
phpBB3: Orta
Sürüm: phpBB3 RC7
Sayfa başı

Re: Çerçeve

İleti dursuni 08 Tem 2007 17:34

Ayrıca genişliğini(widht) düşürüsek sağda yani bg_body resmi gözükmüyor..
Bi yardımcı olacak yok mu?
dursuni
genel yetkili
genel yetkili

Kullanıcı avatarı

İleti: 126
Kayıt: 09 Haz 2007 13:19
HTML: Orta
CSS: Başlangıç
PHP: Başlangıç
phpBB3: Orta
Sürüm: phpBB3 RC7
Sayfa başı

Re: Çerçeve

İleti ALEXIS 08 Tem 2007 18:51

Konuyu kaçırmışım sorunları anlayamıyorum, ya her tarayıcıya uyumlu kod yazacak, ya "css h*ck" olayına girecek, ya da şöyle bir yöntem var, IE sürümüne göre css çağırma:

Kod: Tümünü seç
<!--[if lte IE 6]><link href="ie6.css" rel="stylesheet" type="text/css" /><![endif]-->
<!--[if IE 7]><link href="ie7.css" rel="stylesheet" type="text/css" /><![endif]-->
ALEXIS
kullanıcı
kullanıcı

Kullanıcı avatarı

İleti: 2859
Kayıt: 03 Arl 2006 08:57
Konum: İstanbul
İsim: Sevdin Filiz
HTML: Çok iyi
CSS: Çok iyi
PHP: İyi
phpBB3: Çok iyi
Sürüm: phpBB 3.0.3-RC1
Sayfa başı
Sonraki
Cevap gönder

Tema Sorunlar & Yardım


Kimler çevrimiçi

Bu forumu görüntüleyenler: Kayıtlı kullanıcı yok ve 1 misafir

phpBB3 Portal • hava durumu • chat • Burun estetiği • plastik cerrahi •

Geliştirme ve tasarım: Canver Software • Powered by phpBB © 2007 phpBB Group • URL rewrite: phpBB SEO