2018. 05. 12.Videó | Kép élénkítése Photoshop-ban
2018. 05. 05.ColorCop színlopó program
2018. 04. 30.Coppermine | Kép és fájlméret megadása az indexképek alatt
2018. 04. 24.Coppermine | Thumbnails képek méretének változtatása egyszerűen
2018. 04. 18.Videó | PNG készítése Photoshop-ban
Coppermine Gallery themes

Coppermine Gallery themes
261 napja
677 néző

WordPress themes

WordPress themes
263 napja
196 néző

G-Portál themes

G-Portál themes
263 napja
112 néző

Tumblr themes

Tumblr themes
263 napja
162 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>


1 048 megtekintés

Hozzászólások