-->

Kódolt szövegdoboz 1# | Sötét textúrák 2#

Mivel az utóbbi napokban eléggé lelassultunk, így úgy gondoltam, hozok egy magyarázós bejegyzést, mely reményeim szerint hasznotokra válhat (na meg az oldalamon is kérdezték már az ott használt szövegdobozomnak a kódját, úgyhogy gondoltam, miért is ne?). A szövegdobozt szabadon felhasználhatod, de megkérlek, hogy ne tüntesd fel sajátodként!
(Egyébként hálás lennék, ha a csere/kritika/egyéb mást kérők megtisztelnének minket azzal, hogy nem E/2-ben írnának nekünk, ugyanis - akármilyen meglepő - öt különálló személy vagyunk! Ezer köszönet)


Ide írd be a kívánt szöveget.Ide írd be a kívánt szöveget.Ide írd be a kívánt szöveget.Ide írd be a kívánt szöveget.Ide írd be a kívánt szöveget.Ide írd be a kívánt szöveget.Ide írd be a kívánt szöveget.Ide írd be a kívánt szöveget.Ide írd be a kívánt szöveget.Ide írd be a kívánt szöveget.Ide írd be a kívánt szöveget.Ide írd be a kívánt szöveget.Ide írd be a kívánt szöveget.Ide írd be a kívánt szöveget.Ide írd be a kívánt szöveget.Ide írd be a kívánt szöveget.Ide írd be a kívánt szöveget.Ide írd be a kívánt szöveget.
<div class="forum-description"   style="background-  ;font-family:Georgia;color:#969696;"><div class="téma1"><center><span class="genmed"  style="font-size:9px;"><div class="téma" style="-webkit-box-shadow: #000000 5px 1px 5px; border-bottom-color: #666666; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-bottom-style: solid; border-top-color: #000000; border-top-left-radius: 10px; border-top-right-radius: 10px; border-top-style: solid; border-width: 3px 1px 3px 0px; box-shadow: #000000 5px 1px 5px; height: 100px; overflow: auto; padding: 5px; text-align: justify; width: 160px;">Ide írd be a kívánt szöveget.</i></div></span></center></div></div>

Magyarázat:

A rózsaszínnel jelölt rész a szöveged helye, mely meg fog jelenni a szövegdobozodban. A vörössel jelölt rész jelzi a szöveg árnyékát: szóval ha pl. fehér árnyékot szeretnél, akkor a #666666 helyett értelemszerűen #FFFFFF-t kell beírni. Az 5px 1px 5px jelzi az árnyék "mennyiségét". Minél nagyobb a szám, annál inkább jobbra dől az árnyék: és ha például a számok így állnak: 1px 1px 5px, akkor a jobbra dőlt árnyék sima vonalból fog állni. Míg ha így: 5px 1px 5px, a vonal elhalványul, és eléri azt a bizonyos "árnyék" hatást. A számoknak mindkét helyen ugyanannyinak kell lenniük, különben az egész nem érvényes.
A halványlila jelzi a szövegdobozunk magasságát, míg a sötétebb lila a szélességét. Minél nagyobb a szám, annál szélesebb ésvagy magasabb lesz az adott szövegdoboz. A mustársárgán virító rész a szövegdobozunk alján lévő kis csík színét határozza meg: így értelemszerűen a másik sárga a szövegdobozunk tetején függeszkedő csíkot jelzi. A kék színűnél lehet variálni a szövegdobozban lévő betűnek a típusát, illetve a színét. A "radius" (ezt nem jelöltem ki) pedig a lekerekítést jelzi: minél nagyobb számot írsz be, annál lekerekítettebb lesz.


Nincsenek megjegyzések:

Megjegyzés küldése