Eredmény: 1 - 7 (7) összesen

Téma: CSS két háttér - blog.hu

  1. #1
    Törzsvendég rajoco logója
    Csatlakozott
    09-08-26
    Hely
    Budapest
    Hozzászólás
    150
    Begyűjtött 0 köszönetet
    0 hozzászólásával

    Alapbeállítás CSS két háttér - blog.hu

    sziasztok!
    Bloghu-s blogomhoz készítettem egy egyedi kinézetet. Most már csak?? egy problémám maradt: van a banner, és a banner után ismétlődő háttér. ezt szeretném én CSS-ben rendesen megoldani, ami nem sikerül. Jelenleg annyit értem el, hogy a banner jó helyen jelenik meg, és sajnos a tetején, takarva a bannert jelenik meg az ismétlődő háttér. Tudnátok segíteni? a Css rész a következő:


    html {
    background:#608653 url('images/body-bg.jpg') no-repeat center;

    }

    body {
    margin:0px;
    padding:0px;
    font-size: 12px;
    font-family: Verdana, Arial, Georgia, Helvetica, sans-serif;
    color: #2F2F2F;
    width:770px;
    position: relative;
    background: transparent url('images/body-rp.jpg') position: 30% 30%;
    }



    #body_wrap {

    }

    #page {
    text-align: left;
    margin:0 auto;


    }

    #page-top {

    }

    #page-body {

    }



    #content {

    line-height: 1.4em;
    }




  2. #2
    Adminisztrátor BagiZoli logója
    Csatlakozott
    07-04-26
    Hely
    8200, Királynék városa
    Hozzászólás
    3.855
    Begyűjtött 320 köszönetet
    154 hozzászólásával

    Alapbeállítás re: CSS két háttér - blog.hu

    Egy URL-t szabad kérnem,? Eléggé nehéz elképzelni a html kódot.



  3. #3
    Törzsvendég rajoco logója
    Csatlakozott
    09-08-26
    Hely
    Budapest
    Hozzászólás
    150
    Begyűjtött 0 köszönetet
    0 hozzászólásával

    Alapbeállítás re: CSS két háttér - blog.hu

    Szia!
    Bocsi, persze!

    Szóval: www[pont]csabafigyelo[pont]blog[pont]hu

    Amit a Bloghu megad és enged módosítani az a következő kódrészlet:

    Kód:
    <blh:head_required />
    <blh:body_required />
    
    <div id="base">
    <div id="base2">
    <div id="header">
    </div>
    
    <div id="container"><div id="content">
    <div class="spacer"></div>
    <blhc:postloop>
    <div class="post vis_{blh:post_visibility}" lang="{blh:post_lang}">
    
    <div class="title"><h1><a href="{blh:post_permalink}" rel="bookmark" title="Permanent Link to {blh:post_title}"><blh:post_title /></a></h1></div><br />
    <div class="date">
    <blh:post_date format="Y.m.d. H:i" /> | Szerző: <blh:post_author /><br>	 </div><br>
    
    <div class="entry">
    <blh:post_content />
    </div>
    <div class="clear"></div>
    <div class="info">
    <span class="tags"><b><blh:post_comments /></b> <br><blh:post_tags /></span>&nbsp; <span></span></span>
    
    </div>
    </div>
    <blh:post_feedback />
    </blhc:postloop>
    <div class="navigation">
    <blh:pager />
    </div>
    <blh:nonpost />
    
    </div>
    <div id="sidebar">
    
    <blh:rightboxes />
    </div></div>
    
    </div>
    <div id="footer">
    </div>
    </div>
    </div>
    </div>
    <blh:end />




  4. #4
    Adminisztrátor BagiZoli logója
    Csatlakozott
    07-04-26
    Hely
    8200, Királynék városa
    Hozzászólás
    3.855
    Begyűjtött 320 köszönetet
    154 hozzászólásával

    Alapbeállítás re: CSS két háttér - blog.hu

    Hú ez a blog.hu-s forrás kicsit meglepett. Alapvetően az lenne nagyon hatékony, ha lenne egy div, aminek a hátterének beállítod a tetszőleges képet, tetszőlegesen ismétlődve, majd ennek a divnek a gyerek elementjeként tennéd be a bannert img tagként.



  5. #5
    kow
    kow nem elérhető
    KowDerMei$ter kow logója
    Csatlakozott
    07-05-09
    Hely
    Budapest
    Hozzászólás
    1.447
    Begyűjtött 0 köszönetet
    0 hozzászólásával

    Alapbeállítás re: CSS két háttér - blog.hu

    Elég vadul kezeled a backgroundokat. Így a helyes:
    background: [#színkód|transparent] url( ../images/file.jpg ) [no-]repeat[-x|-y] vízszintes_rendezés vertikális_rendezés;




  6. #6
    Törzsvendég rajoco logója
    Csatlakozott
    09-08-26
    Hely
    Budapest
    Hozzászólás
    150
    Begyűjtött 0 köszönetet
    0 hozzászólásával

    Alapbeállítás re: CSS két háttér - blog.hu

    Az lehet, hogy vadul, különböző oldalakról néztem ki.
    Azóta már feladtam, újra kezdtem az alapoktól.
    A végeredmény már tűrhető, a gondom "csak" a következő:

    ha a böngészőablakot lekicsinyítem, akkor a banner elcsúszik. A tartalom viszont nem csúszik vele. Itt szokott bejönni az absolute meg a relative hivatkozás, de nekem most ez így nem jött össze.



  7. #7
    kow
    kow nem elérhető
    KowDerMei$ter kow logója
    Csatlakozott
    07-05-09
    Hely
    Budapest
    Hozzászólás
    1.447
    Begyűjtött 0 köszönetet
    0 hozzászólásával

    Alapbeállítás re: CSS két háttér - blog.hu

    Akkor kicsit konkrétabban:

    #header div-et töröld ki.

    #wrapper-nek a left, top értékeket töröld,
    legyen neki:
    margin: auto;
    margin-top: 226px;

    A törölt #header háttere pedig menjen a body{ ... }-nak "center top" végződéssel.



A téma címkéi:

Könyvjelzők

Hozzászólás szabályai

  • Új témákat nem hozhatsz létre
  • Válaszokat nem küldhetsz
  • Fájlokat nem csatolhatsz
  • A hozzászólásaidat nem módosíthatod
  •