Cikkajánló
Featured Video Play Icon
Éppen rendelésre készítek egy WordPress kinézetet, ahol kaptam egy linket arról, hogy nagyjából hogyan nézzen ki a téma. Azon az oldalon láttam, hogy egyes kiemelt képek helyén videó jelenik
Ez a tartalom regisztrációhoz kötött. Ha már regisztrált tag vagy, akkor a Bejelentkezés alatt tudsz belépni, ellenkező esetben regisztrálnod kell a tartalom megtekintéséhez.Regisztrált felhasználó belépéseFelhasználónévJelszó Emlékezzen rám  RegisztrációFelhasználónév*Email cím*E-mail cím újra*Honlap**Kötelezően
2. rész   Ebben a részben a .site kódrészről írok kicsit bővebben. Maga a kód így néz ki   .site { /* oldal szélessége */ width: 1018px; }  
Prémium téma | Zendaya Coleman G-Portálos téma Sosugary Gallery | Jennifer Lawrence téma Szövegdoboz | Kattintásra kijelöli és másolja a szöveget Ingyenes téma | Coppermine Gallery free theme Prémium téma | Sophie Turner WordPress theme
Idézetblokk képpel együtt

Címet is adhatsz neki, de törölhető

 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed venenatis lobortis est, eget molestie eros pharetra a. Nullam fermentum, nisl vel sodales dapibus, felis augue aliquam sem, eget pharetra dui risus sed massa. Aenean egestas quis urna sit amet laoreet. Aliquam venenatis eu urna porta mollis. Donec vitae augue varius, posuere arcu in, feugiat purus. Donec adipiscing enim vitae diam lacinia scelerisque. Nullam aliquet dui odio, nec tempus eros aliquam in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed venenatis lobortis est, eget molestie eros pharetra a. Nullam fermentum, nisl vel sodales dapibus, felis augue aliquam sem, eget pharetra dui risus sed massa.

 

Kód
 

<p>
    <img class="imagediv" src="/graphics-gallery/albums/png/women/Dakota_Fanning/thumb_8.png" /> <strong class="cimdiv">Címet is adhatsz neki, de törölhető</strong>
</p>
<p>
    &nbsp;
</p>
<blockquote class="idezet">
    <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed venenatis lobortis est, eget molestie eros pharetra a. Nullam fermentum, nisl vel sodales dapibus, felis augue aliquam sem, eget pharetra dui risus sed massa. Aenean egestas quis urna sit amet laoreet. Aliquam venenatis eu urna porta mollis. Donec vitae augue varius, posuere arcu in, feugiat purus. Donec adipiscing enim vitae diam lacinia scelerisque. Nullam aliquet dui odio, nec tempus eros aliquam in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed venenatis lobortis est, eget molestie eros pharetra a. Nullam fermentum, nisl vel sodales dapibus, felis augue aliquam sem, eget pharetra dui risus sed massa.
    </p>
</blockquote>

 

CSS kód
WordPress használóknak: Ha például csak az oldalsávban szeretnéd ezt használni, akkor a CSS kódban a blockquote kiemelt rész helyett ezt írd be: #sidebar .idezet
Ha a fő modulban fogod használni, akkor ezt kell írnod: #content .idezet
De vigyázat! Így csak akkor működik, ha a sablonod úgy is van felépítve, hogy ezek a kódok hassanak rá. Mindenesetre a sima blockquote mindehova jó :)
 

<style type="text/css">
.cimdiv { /* a cím kinézete */
    font-family: Arial;
    background: #A91129;
    color: #f2f2f2;
    padding: 5px;
    position: absolute;
    width: 470px;
}
.imagediv{ /* a kép kinézete, elhelyezkedése */
    background: #292929;
    padding: 10px;
    float: left;
}
.idezet { /* a szöveg kinézete */
    background-color: #292929;
    color: #6A6A6A;
    text-shadow: 1px 1px #000000;
    text-align: justify;
    padding: 15px;
    font-family: Arial;
    font-size: 12px;
    line-height: 18px;
    border: 0px;
}
</style>

lindadesign Hozzászólások
920 megtekintés

Hozzászólások