Cikkajánló
Igazából tanácsot szeretnék adni a G-Portálosoknak, (akik bármilyen rajongói vagy másféle oldalt vezetnek) arról, hogy milyen modulba írják a napi/heti/stb frissítéseket. Sok helyen látom, hogy vannak olyan szerkesztők, akik
Végre volt időm és kedvem is, így az elmaradt leírásokat most bepótoltam. Elhoztam az eddigi összes leírást a Disqus hozzászólás rendszerhez, ami tervben volt. Most már bátran használhatjátok, mert
Először is mindenkinek nagyon boldog új évet kívánok :), mivel idén még nem tudtam frisst hozni :( Sok rendelés jött össze és azokat kellett megcsinálnom. Még van pár rendelés,
Blog téma G-Portálra 2.0 Betűtípus kereső Teszteld oldalad felbontását URL cím értelmezése CSS kód beillesztése G-Portálra
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
879 megtekintés

Hozzászólások