phpBB Türkiye

Prosilver temasına artalan resmi eklemek istiyorum ama ne yazık ki IE7 de farklı Fİrefox , Opera da farklı görünüyor aslında IE7 de tam bulunması gereken noktada ama FF ve Opera da çok farklı (alakasız yerde) .. internette türkçe kaynaklı sitelere baktım ama ne yazık ki doğru düzgün birşey çıkmadı hepsi kopyala yapıştır bilgi .. Aslında yapmak istediğim iki farklı artalan resmini kullanmaktı .. biri sol üst köşede diğeri sağ alt köşede konumlandırmak istiyordum .. Bu sorunu nasıl çözebilirim acaba ? FF ve Opera için CSS konumlandırma hakkında kaynak yazabilecek olursa sevinirim ( anladığım kadarıyla CSS3 de bu sorun olmayacakmış ama herhalde şu an kullanılmıyor ? yada phpbb3 de kullanılmıyor örnek kodlardan denedim olmadı .. ) yada overall_header ve overall_footer a css ile konumlandırma yapılarak bu sorun halledillebilir mi ? Kimseden şunu şöyle yap şablonu istemiyorum sadece fikir yada kaynak ..

örneklendirme yapmak gerekirse http://www.ndesign-studio.com sitesine yakın bir tasarım ...


teşekkürler

Kod: Tümünü seç

background-image: url("{T_THEME_PATH}/images/backs.png" );*/ /* CHANGE: path and name of your image */   
background-repeat: no-repeat;
background-attachment:scroll;
background-position: bottom right;
}

ndesign-studio çift resim kullanmıyor, arka plan resmini üste dayamış resmin alt kısımları koyu bir mor ve de arkaplan rengi de koyu mor olunca orada sanki geçiş varmış gibi....

deneyeyim....

Kod: Tümünü seç

<style type="text/css">
<!--
body {
   background: #181A2F url(http://www.ndesign-studio.com/wp-content/themes/phoenix/images/home-bg.jpg) no-repeat center top;
}
-->
</style>

sorun nedir anlamadım ?

ALEXIS yazdı:ndesign-studio çift resim kullanmıyor, arka plan resmini üste dayamış resmin alt kısımları siyah ve de arkaplan rengi de siyah olunca orada sanki geçiş varmış gibi....

deneyeyim....

Kod: Tümünü seç

    <style type="text/css">
    <!--
    body {
       background: #181A2F url(http://www.ndesign-studio.com/wp-content/themes/phoenix/images/home-bg.jpg) no-repeat center top;
    }
    -->
    </style>

ALEXIS o siteyi sadece tasarım açısından örnek verdim benim aslında mantığını anlamak istediğim olaylardan biri de ndesign-studio home-bg.jpg resminde olduğu gibi tek resimde siteyi o boşluk alana nasıl ortalandığı .. css olmadan olmuyor galiba ..

iyide ben yapınca neden Fİrefox da operada ve IE7 de farklı farklı yerlede çıkıyorlar ? CSS öğrenmeye devam edelim bakalım ))

teşekkür ederim

Ehem, arka plandaki orta yere siteyi nasıl soktu diyorsun.

1. Arkaplanı koymuş ve site genişliğini ayarlamış (width: 770px;)
2. wrap/content diye adlandırdığımız içerik çerçevesinin de genişliğini tam ortadaki beyaz alan kadar yapmış (width:743px;) ve tam ortaya gelmesi için yatay margin e auto vermiş (margin: 0px auto;).
3. padding ile de ince ayar vermiş gibi görünüyor (padding: 10px 12px 40px 15px;)

kaynak: http://www.ndesign-studio.com/wp-conten ... /style.css


Kendi uygulaman için biraz CSS ve birkaç örnek bulman yeterli. Ama bence arkaya koca resim koymana hiç gerek yok.

teşekkürler ALEXIS bu dediklerini benim yapabilmem için nasıl derler tabir-i caizse bir fırın ekmek yemem lazım ama yazdıklarını not aldım denemelere ve CSS çalışmaya devam edelim bakaılm .. elbet bir gün yapabilirim .. inadım tuttu yapmazsam olmaz .. phpBB.com da tema yapanlar abuk sabuk temalar yapınca mecbur kendi zevkimize göre tema yapmamız gerekiyor adamlarda bilgi var ama zevk yok

Zor değil, elinde örnekler varsa:

http://img232.imageshack.us/img232/5231 ... agewg8.png

güzel olmuş eline sağlık elbet birgün ben de buraya atarım örneklerimi