Mutatós idézet
Híreket írsz, blogolsz (stb.), közben előszeretettel idézel? Ha szeretnéd látványosan megjeleníteni az idézetet, akkor használd ezt a kódot.
Demó:
Ide jön az idézni kívánt szöveged. Idézőjelet nem kell használnod, az automatikusan meg fog jelenni! HD.vilaga.hu
Így csináld:
Először is szükséged van egy CSS kódra. Ezt jobb/bal oldalra rakd, egy egyszerű modul forráskódjába. Ezután akármikor a blockquote kóddal írod be az idézetet, mindig úgy fog megjelenni, mint a demóban. Természetesen, ha ritkán idézel, akkor abba a modulba is rakhatod a CSS-t, amelyikben az idézeted szerepel.
CSS:
<style type="text/css">
blockquote {
font: 1.6em/1.6em Georgia, "Times New Roman", Times, serif;
width: 400px;
background: url(//nevek.gportal.hu/portal/nevek/image/gallery/1242649240_76.png) no-repeat right bottom;
padding-left: 18px;
text-indent: -18px;
}
blockquote:first-letter {
background: url(//nevek.gportal.hu/portal/nevek/image/gallery/1242649257_81.png) no-repeat left top;
padding-left: 18px;
font: italic 1.4em Georgia, "Times New Roman", Times, serif;
}</style>
Ha beillesztetted a CSS-t, nincs más dolgod, mint az idézeted ilyen formában a forráskódhoz írni. Természetesen annak a modulnak a forráskódjába, ahol meg szeretnéd jeleníteni az idézetet:
<blockquote style="width: 377px; height: 77px">Ide jön az idézni kívánt szöveged. Idézőjelet nem kell használnod, az automatikusan meg fog jelenni! HD.vilaga.hu </blockquote>
|