0
Kayıt Ol

CSS Yardım ..

9

●

856

  • 15-11-2006, 01:35:50
    #1
    DEKAN
    DEKAN
    Ben bıkmadım bu soruyu sormaktan , bir cevap bulana kadar sorarım

    Benim kullandığım forumda CSS içinde arkaplanı belirlemek için aşağıdaki kod kullanılmakta ;
    background: #000000   url(images/main-bg.jpg) repeat-x; 
   text-align: center; 
   line-height:18px; 
   background-attachment: fixed;
    Şimdi bu kod üzerinden 1. sorum bu arkaplana küçük bir resim eklersem bunu ortalama kodu olarak ne yazmalıyım ? nasıl yazmalıyım? .. ekleyeceğim küçük resim yanyana 20-30 tane değil de sadece ortada 1 tane çıksın derdim..





    2. sorum ise bildiğiniz gibi html sayfalarda java script ile resmi tüm sayfaya yayabiliyoruz.. pencere boyutuna göre küçülüp büyüyerek tüm pencereyi kaplayıp resmin tamamının görünmesini sağlıyor.. Aşağıdaki kod bir örnek ;
    </head>
<style type="text/css">
body {margin:0px;}
#bg_image {
width: 100%;
height: 100%;
left: 0px;
top: 0px;
position: absolute;
z-index: 0;
}
#contents {
z-index: 1;
position: absolute;
}
</style>
</head>

<body>

<!-- this creates the background image -->
<div id="bg_image"> 
<img src="http://www.muzikfakultesi.com/enter.jpg" style="width: 100%; height: 100%;"> 
</div>

<!-- this puts the contents of the page ontop of the background image -->
<div id="contents"> 

</div>
    www.muzikfakultesi.com/enter.jpg resmin normal hali
    www.muzikfakultesi.com/java.htm resmin bu kodla eklenmiş hali

    Şimdi sorum bu java kodundaki mantığı üstte verdiğim css'ye nasıl uyarlayabiliriz?
  • 15-11-2006, 02:01:07
    #2
    deli dana
    deli dana
    2.sorunun cevabı resime pixel cinsinden değilde % cinsinden değer vererek yapabilirsin, height:100% width:100% gibi

    1.sorunun cevabını unuttum o kodu hatırlayım, yazarım birazdan
  • 15-11-2006, 02:04:33
    #3
    DEKAN
    DEKAN
    onu yazana kadar ben bi soru daha sorayım % olarak ver demişsin de tam olarak ilk verdiğim cssyi de dahil ederek ne yazmam gerektiğini de söyleyebilir misin?
  • 15-11-2006, 02:07:27
    #4
    deli dana
    deli dana
    background-image : url ("resim_adi.gif");
    background-position : center;
    background-repeat : no-repeat;
  • 15-11-2006, 02:09:59
    #5
    deli dana
    deli dana
    DEKAN adlı üyeden alıntı: mesajı görüntüle
    onu yazana kadar ben bi soru daha sorayım % olarak ver demişsin de tam olarak ilk verdiğim cssyi de dahil ederek ne yazmam gerektiğini de söyleyebilir misin?
    yukardaki java kodunda uygulandığı gibi, dikkat edersen ordada % cinsinden verilmiş
  • 15-11-2006, 02:18:50
    #6
    DEKAN
    DEKAN
    deli_dana adlı üyeden alıntı: mesajı görüntüle
    background-image : url ("resim_adi.gif");
    background-position : center;
    background-repeat : no-repeat;

    Bu çok iyi oldu sağol.. denedim sorunsuz çalıştı.. rep verdim ama kesmezki seni derecen 4 olmuş zaten


    2.sorumdaki konu içinse dediğin gibi o koddaki mantıktan yola çıkarak çok denemeler yaptım ama fayda etmedi.. css bilgim de olmayınca..
  • 15-11-2006, 04:18:20
    #7
    sempaty
    sempaty
    Kimlik doğrulama veya yönetimden onay bekliyor.
    background: #000000 url(images/main-bg.jpg) center center repeat-x;

    şeklinde de yapabilirsin.
  • 15-11-2006, 13:53:20
    #8
    DEKAN
    DEKAN
    teşekkr ederm bunu da denicem.. şimdi deneme amaçlı arkafonu beyaz yapıp, ortasına dikey bir resim ekledim sorunsuz şu an.. ama asıl sorunum 2.sorum ile ilgili idi
  • 15-11-2006, 17:49:55
    #9
    sempaty
    sempaty
    site içeriğini

    <div id="contents">
    buraya
    </div>

    içine atmayı denedin mi