2014. aug. 5.

#Szövegdobozok

Sziasztok!!:)) Mint láthatjátok haza értem a nyaralásból és igen rögtön neki ültem a blognak hogy minél hamarabb hozhassak bejegyzést, igazából ezt már régóta szerettem volna megcsinálni szóval itt is volna:) Ha bármi féle kódot szeretnétek akkor e-mailcímen vagy itt kommentbe írjátok meg:) Még fogok hozni párat ilyen egyedi szövegdobozokat csak most egyenlőre ezt a kettőt hoztam:)  Ha viszitek szóljatok/léci írjatok forrást!:)
Csak egyszerűen be kell illeszteni egy html modulba:)
Egyik szövegdoboz (a képet és a méreteket én alakítottam át!)


blah blah.blah blah.blah blah. blah blah.blah blah.blah blah. blah blah.blah blah.blah blah. blah blah.blah blah.blah blah. blah blah.blah blah.blah blah. blah blah.blah blah.blah blah. blah blah.blah blah.blah blah. blah blah.blah blah.blah blah. blah blah.blah blah.blah.blah blah.blah blah.blah blah.blah blah.blah blahblah.blah blah. blah blah.blah blah.blah blah. blah blahblah.blah blah.blah blah.blah blah.blah blah.blah blahblah.blah blah.blah blah. blah blah.blah blah.blah

Üdvözöllek a blogomon!


Forrás:(Caution)





html kód:
<center>
<div style="background: #FEFEFE; border: 10px solid #EFEFEF; padding: 10px; width: 180px;">
<div style="font: 10px/95% arial;" id="skdjhfasdfbr">
<div class="sdjfkh24jkhrv"> <img src="http://37.media.tumblr.com/abd3e88c01de56a221451966a24408bb/tumblr_n986r2DXMb1qap2x6o8_250.gif" width="180" /> </div>

<div class="iurth54i3ufne">
blah blah.blah blah.blah blah.
blah blah.blah blah.blah blah.
blah blah.blah blah.blah blah.
blah blah.blah blah.blah blah.
blah blah.blah blah.blah blah.
blah blah.blah blah.blah blah.
blah blah.blah blah.blah blah.
blah blah.blah blah.blah blah.
blah blah.blah blah.blah.blah
blah.blah blah.blah blah.blah
blah.blah blahblah.blah blah.
blah blah.blah blah.blah blah.
blah blahblah.blah blah.blah
blah.blah blah.blah blah.blah
blahblah.blah blah.blah blah.
blah blah.blah blah.blah
</div>

<div class="djkfhaksf2346"><hr /><b>Üdvözöllek a blogomon!</b></div>
</div>
</div><a href="http://z10.invisionfree.com/CAUTIONTOTHEWIND/index.php?showuser=5382" style="display: block; font: 6px arial; letter-spacing: 1px; line-height: 90%; text-align: right; text-decoration: none; text-transform: uppercase; width: 180px;"></a></center>

<style type="text/css">
pwnmu { color: #a42626; font-weight: bold; }
#skdjhfasdfbr .djkfhaksf2346 { margin-top: 130px; }
#skdjhfasdfbr { height: 147px; overflow: hidden; position: relative; }
#skdjhfasdfbr .sdjfkh24jkhrv { left: 0px; position: absolute; top: 0px; -ms-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s; }
#skdjhfasdfbr:hover .sdjfkh24jkhrv { left: -250px; -ms-transition-duration: 1s;  -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s; }
#skdjhfasdfbr .iurth54i3ufne { border: 10px solid #FEFEFE; height: 105px; left: 180px; overflow: auto; padding-right: 3px; position: absolute; text-align: justify; top: 0px; width: 230px; -ms-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s; }
#skdjhfasdfbr:hover .iurth54i3ufne { left: 0px; -ms-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s; }
.iurth54i3ufne::-webkit-scrollbar { width: 6px; }
.iurth54i3ufne::-webkit-scrollbar-thumb { background: #a42626; }
</style>


Egy másik szövegdoboz











IDE JÖN A SZÖVEG!IDE JÖN A SZÖVEG!IDE JÖN A SZÖVEG!IDE JÖN A SZÖVEG!IDE JÖN A SZÖVEG!IDE JÖN A SZÖVEG!IDE JÖN A SZÖVEG!IDE JÖN A SZÖVEG!IDE JÖN A SZÖVEG!IDE JÖN A SZÖVEG!IDE JÖN A SZÖVEG!IDE JÖN A SZÖVEG!IDE JÖN A SZÖVEG!IDE JÖN A SZÖVEG!IDE JÖN A SZÖVEG!IDE JÖN A SZÖVEG!IDE JÖN A SZÖVEG!IDE JÖN A SZÖVEG!IDE JÖN A SZÖVEG!IDE JÖN A SZÖVEG!IDE JÖN A SZÖVEG!IDE JÖN A SZÖVEG!IDE JÖN A SZÖVEG!IDE JÖN A SZÖVEG!IDE JÖN A SZÖVEG!


Forrás:(Caution)






html kód

<style type="text/css">.mainie { width: 250x; height: 250px; background-color: #f8f8f8; border: 25px solid #f8f8f8; box-shadow: 0px 0px 2px #ccc; overflow: hidden;
}.mainie1 { width: 250px; height: 250px;

background-image:url(http://placehold.it/250x250);

overflow: hidden; }.mainie .iconie {width: 150px; height: 150px; border-radius: 50%;margin-top: 50px;

background-image:url(http://placehold.it/150x150);

box-shadow: 1px 1px 12px; #ccc;
transition:width 1s, height 1s, transform 1s;
-webkit-transition:width 1s, height 1s, -webkit-transform 1s;
}.mainie:hover .iconie {width: 0px;height: 0px;transform:rotate(360deg);-webkit-transform:rotate(360deg);
}.mainie .boxy1 { margin-left: -250px; margin-top: -20px;position: relative; width: 150px; border: 20px solid #f8f8f8;padding: 5px; height: 140px; background-color: #f8f8f8; opacity: 0;box-shadow: 1px 1px 2px #ccc; text-align: justify; line-height: 125%; overflow: auto;letter-spacing: 1px;font-family: helvetica; font-size: 9px; color: #333;-webkit-transition:width 1s, height 1s, -webkit-transform 1s;   -webkit-transition: all 1s ease-in-out;  -moz-transition: all 1s ease-in-out;  -o-transition: all 1s ease-in-out;  transition: all 1s ease-in-out;}.mainie:hover .boxy1 { margin-left: 0px;margin-top: -20px;opacity: 1;  -webkit-transition: all 1s ease-in-out;  -moz-transition: all 1s ease-in-out;  -o-transition: all 1s ease-in-out;  transition: all 1s ease-in-out;}.boxy1 b {color: #6C86A2; }.boxy1 i {color: #6C86A2; }.boxy1 s {color: #6C86A2; }.boxy1::-webkit-scrollbar { width: 3px; height: 5px; }.boxy1::-webkit-scrollbar-track { background-color: #f8f8f8; -webkit-border-radius: 0px; border-radius: 0px; }.boxy1::-webkit-scrollbar-thumb { -webkit-border-radius: 0px; border-radius: 0px; background-color: #6C86A2; }</style><center><div class="mainie"> <div class="mainie1"><div class="iconie"></div><div class="boxy1">


IDE JÖN A SZÖVEG!IDE JÖN A SZÖVEG!IDE JÖN A SZÖVEG!IDE JÖN A SZÖVEG!IDE JÖN A SZÖVEG!IDE JÖN A SZÖVEG!IDE JÖN A SZÖVEG!IDE JÖN A SZÖVEG!IDE JÖN A SZÖVEG!IDE JÖN A SZÖVEG!IDE JÖN A SZÖVEG!IDE JÖN A SZÖVEG!IDE JÖN A SZÖVEG!IDE JÖN A SZÖVEG!IDE JÖN A SZÖVEG!IDE JÖN A SZÖVEG!IDE JÖN A SZÖVEG!IDE JÖN A SZÖVEG!IDE JÖN A SZÖVEG!IDE JÖN A SZÖVEG!IDE JÖN A SZÖVEG!IDE JÖN A SZÖVEG!IDE JÖN A SZÖVEG!IDE JÖN A SZÖVEG!IDE JÖN A SZÖVEG!


</div></div></div><a href="http://shine.b1.jcink.com/index.php?showuser=7361"><div style="float: right: font-family: helvetica; font-size: 8px; text-transform: uppercase;"></div></a></center>












14 megjegyzés:

  1. Szia Dorina!:) Egy kérdésem lenne! Hogyan illeszted be a gifet az elsőbe?

    VálaszTörlés
    Válaszok
    1. szia:) a felső részben, ott lesz a gif címe ezt keresd: http://37.media.tumblr.com/abd3e88c01de56a221451966a24408bb/tumblr_n986r2DXMb1qap2x6o8_250.gif és azt kitörlöd és beírod a saját képed/giffed címét:) fontos hogy az idézőjelek közé írd be!!:)

      Törlés
  2. Szia! Elvittem az első dobozt! xx

    VálaszTörlés
  3. Szia!:) Vittem az első szövegdobozt. Köszönöm! xx

    VálaszTörlés
  4. Ezt a megjegyzést eltávolította a szerző.

    VálaszTörlés
  5. Szia! Megkérdezhetem, hogy az első szövegdoboznál meglehet-e csinálni azt hogy nagyobb legyen a maga a szövegdoboz? xoxo

    VálaszTörlés
  6. Drága Dorina!
    Azt szeretném megkérdezni, hogy a másodikba, hogy tudok képet beilleszteni?
    Előre is köszönöm!
    Ölel:
    Dalmi

    VálaszTörlés
  7. Sziasztok! Ha nem probléma, átalakítva felhasználom, forrást írok! ;) :) Sokat segítettetek vele, remélem lesz még ehhez hasonló bejegyzés :)

    VálaszTörlés
  8. Szia/sztok!:) Vittem az elsőt, ha nem baj, és természetesen írok forrást! :) Köszönöm, hogy segítettetek, hálás vagyok! :D<3

    xx, Raven Kiss

    VálaszTörlés
  9. Ezt a megjegyzést eltávolította a szerző.

    VálaszTörlés
  10. Ezt a megjegyzést eltávolította a szerző.

    VálaszTörlés
  11. Ezt a megjegyzést eltávolította a szerző.

    VálaszTörlés
  12. Sziasztok!
    Vittem az elsőt, természetesen forrással!
    Köszönöm, Brooke xoxo.

    VálaszTörlés
  13. Szia, Dorina!

    Vittem a második szövegdobozt :) Fel fogom tüntetni, hogy tőled van :)

    Love Ya,
    Mace

    VálaszTörlés