AR Design
CSS
CSS : Mutatós idézet

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>

 
Menü Plusz

 Üdvözlés
 Regisztráció
 Bejelentkezés
 Honlaptérkép
 Oldal: infó, vk
  AR mackók
 Szabályzat
 Hirdess ingyen!
 Linkcserék
 Buttoncserék
 ALL szövetség

 
AR ajánló

 Design-szettek
 CSS kódok
 Üzenőfal portálodra
 Több kinézet CSS-vel
 Képváltós menü
 Kérdezz-Felelek script
 Különleges frissítés
 Egy modulban több
 Képeffekt CSS-vel
 CSS magyarázat
 Különleges modulstílus
 Különleges modulstílus div

 
Chat


 
Online
2 látogató van itt
 
   
                                   

 

                                                              


Dryvit, hõszigetelés! Vállaljuk családi házak, nyaralók és egyéb épületek homlokzati szigetelését! 0630/583-3168 Hívjon!    *****    A legfrissebb hírek a Super Mario világából és a legteljesebb adatbázis a Mario játékokról.Folyamatosan bõvülõ tartalom.    *****    Gigágá! Márton napján is gyertek a Mesetárba! Nemcsak libát, de kacsát is kaptok! Játsszatok velünk!    *****    A Nintendo a Nintendo Music-kal megint valami kiváló dolgot hozott létre! Alaposan nagyító alá vettem, az eredmény itt.    *****    Leanderek, Parfümök, Olajok, és Szépségápolási termékek! Használd a LEVI10 kupont és kapj 10% kedvezményt!Megnyitottunk    *****    Megjelent a Nintendo saját gyártású órája, a Nintendo Sound Clock Alarmo! Ha kíváncsi vagy, mit tud, itt olvashatsz róla    *****    Megnyílt a webáruházunk! Parfümök, Szépségápolási termékek, Olajok mind egy helyen! Nyitási akciók, siess mert limitált!    *****    Az általam legjobbnak vélt sportanimék listája itt olvasható. Top 10 Sportanime az Anime Odyssey-n!    *****    Pont ITT Pont MOST! Pont NEKED! Már fejlesztés alatt is szebbnél szebb képek! Ha gondolod gyere less be!    *****    Megnyílt a webáruházunk! NYITÁSI AKCIÓK! Tusfürdõ+Fogkrém+Sampon+Izzadásgátló+multifunkcionális balzsam most csak 4.490!    *****    Új mese a Mesetárban! Téged is vár, gyere bátran!    *****    Veterán anime rajongók egyik kedvence a Vadmacska kommandó. Retrospektív cikket olvashatsz róla az Anime Odyssey blogban    *****    Parfümök, Olajok, Párologtatók mind egy weboldalon! Siess mert nyitási AKCIÓNK nem sokáig tart! Nagy kedvezmények várnak    *****    Dryvit, hõszigetelés! Vállaljuk családi házak, nyaralók és egyéb épületek homlokzati szigetelését! 0630/583-3168 Hívjon!    *****    Aki érdeklõdik a horoszkópja után, az nem kíváncsi, hanem intelligens. Rendeld meg most és én segítek az értelmezésben!    *****    A Múzsa, egy gruppi élményei a színfalak mögött + napi agymenések és bölcseletek    *****    KARATE OKTATÁS *** kicsiknek és nagyoknak *** Budapest I. II. XII.kerületekben +36 70 779-55-77    *****    Augusztus 26-án Kutyák Világnapja! Gyertek a Mesetárba, és ünnepeljétek kutyás színezõkkel! Vau-vau!    *****    A horoszkóp elemzésed utáni érdeklõdés, nem kíváncsiság hanem intelligencia. Rendeld meg és nem fogod megbánni. Katt!!!    *****    Cikksorozatba kezdtem a PlayStation történelmérõl. Miért indult nehezen a Sony karrierje a konzoliparban?