Szövegdobozok



Mint látjátok hoztam nektek újabb szövegdobozokat, hiszen az előző bejegyzés tetszett nektek, én meg gondoltam keresek még jókat. Ez egy nagyon egyszerű szövegdoboz, de ha képet raksz bele akkor elég ütős lehet az egész. Háttérkép nélkül is lehet használni, de szerintem így a legjobb. Főleg akkor jó ez, ha a blognak nem egyszínű a háttere, hanem mintás, mert azt ide is belehet rakni és akkor egész jó lehet a blog kinézete. Remélem feltudjátok használni! :)
Forrás: LindaDesign

KÓD:
<style type="text/css">
.textbox1{
   text-align: justify;
   font-family: book antiqua;
   font-size: 15px;
   line-height: 20px;
   color: #757575;
   background-image: url(AZ ÁLTALAD KIVÁLASZTOTT KÉP LINLJE IDE KERÜL);
   background-repeat: repeat;
   background-attachment: scroll;
   padding: 2px 5px 2px 5px;
   width: 300px;/szélesség/
   height: 300px;/magasság/
   overflow: auto;
   text-shadow: 1px 1px 1px #000000;
}
</style>

<br />
<div align="center">
<div class="textbox1">
IDE JÖN A SZÖVEG
</div>




Itt is belehet állítani egy képet háttérnek, de szerintem ez a szövegdoboz így is nagyon jó!A színt majd változtassátok meg, ha nem ilyet akartok, persze mindenen tudtok változtatni, nehogy így hagyjátok!



KÓD:
<div style="-webkit-box-shadow: black 1px 1px 8px; background-color:  HÁTTÉRSZÍN; border-bottom-left-radius: 80px 80px; border-bottom-right-radius: 80px 80px; border-top-left-radius: 80px 80px; border-top-right-radius: 80px 80px; height: MAGASSÁGA; padding: 15px; width: SZÉLESSÉGE;">
<div style="text-align: center;">
<br />
IDE JÖN A SZÖVEG! </div>
<div style="text-align: center;">
<br /></div>


Remélem ez is tetszett nektek! Jelezzétek , ha még szeretnétek! ;)

Nincsenek megjegyzések:

Megjegyzés küldése