2018. 01. 02.Mi lesz a G-Portállal?
2018. 01. 01.Coppermine | Magyar nyelvű galéria (hungarian.php)
2017. 12. 23.Saját videó beágyazása weboldalba
2017. 12. 18.Coppermine vagy Sosugary galéria?
2017. 12. 18.Coppermine | Egyedi főoldali tartalom
Eliza Taylor

Eliza Taylor
37 napja
7 néző

Little Mix

Little Mix
37 napja
15 néző

Gal Gadot

Gal Gadot
37 napja
7 néző

Girls' Generation

Girls' Generation
37 napja
10 néző

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>


955 megtekintés

Hozzászólások