Cikkajánló
A hétvégén megcsináltam 4 darab rendelést. Kettőt G-Portálra és kettő darab Coppermine Galéria kinézetet is készítettem. Így a rendelés megint nyitva van. Igaz van még függőben 1-2 rendelés, de
Ha már elsőnek leírtam a rendes táblázat készítését, gondoltam leírok még egy verziót, mikor nem táblázatban, hanem DIV kódba teszitek a tartalmat. Nekem személy szerint egyre megy. Kinézetre úgy
Igaz, mondhatni senki nem használja a címkéket a WordPress-ben, csak a kategóriákat. Pedig ennek a használatával pl. a Google keresőben még előrébb lehetne az oldal a találati listák között.
Emma Roberts G-Portálos téma Instagram doboz weboldalra Project dobozok és egy Elit csere effekt Elit csere effekt szöveggel és képekkel Lana Del Rey és Kylie Jenner G-Portálos témák
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
902 megtekintés

Hozzászólások