Gif-es szövegdobozok #2 (4 db) + Információk

Szép estét mindenkinek!
Szörnyen sajnálom és ég a pofám is, hogy alig jelentkezem és a kritikákat sem hozom. Nagyon sajnálom tényleg. Igyekszem, de nincs sok időm. Sok minden közbejött és a gépem is tönkre ment. Most már végleg. Amíg nem lesz másik nagyon nem tudok jelentkezni. Így a kritikákat se tudom hamar megírni, mert a szüleim gépéhez nem férek oda sokáig. Most azonban szövegdobozokról hoztam nektek bejegyzést (mint mindig most is a shine oldalról keresgéltem), amit már egy ideje mentegettem itt, de még nem raktam ki. Köztük van az is, ami eddig kint volt chatnek, amit már sokan kértetek, hogy rakjak ki egy bejegyzésbe (a 4. szövegdoboz) és mint látjátok alakítgattam is egy kicsit a kinézeten. 
Valamint még mindig lehet jelentkezni designernek, tehát várjuk a tehetséges szerkesztők jelentkezését. Kattints IDE az infóért.
Remélem hasznotokra válnak a kódok!
Roxana

Ha valami nem megy, nyugodtan írjatok rám és segítek!
Ha viszitek, írjátok meg, köszönöm!

*Dylan hangulatomban vagyok*

Az első szövegdoboz így néz ki:

Szöveg szöveg szöveg szövegszöveg szöveg szövegszöveg szöveg szövegszöveg szöveg szövegszöveg szöveg szövegszöveg szöveg szövegszöveg szöveg szövegszöveg szöveg szövegSzöveg szöveg szöveg szövegszöveg szöveg szövegszöveg szöveg szövegszöveg szöveg szövegszöveg szöveg szövegszöveg szöveg szövegszöveg szöveg szövegszöveg szöveg szövegSzöveg szöveg szöveg szövegszöveg szöveg szövegszöveg szöveg szövegszöveg szöveg szövegszöveg szöveg szövegszöveg szöveg szövegszöveg szöveg szövegszöveg szöveg szövegSzöveg szöveg szöveg szövegszöveg szöveg szövegszöveg szöveg szövegszöveg szöveg szövegszöveg szöveg szövegszöveg szöveg szövegszöveg szöveg szövegszöveg szöveg szövegSzöveg szöveg szöveg szövegszöveg szöveg szövegszöveg szöveg szövegszöveg szöveg szövegszöveg szöveg szövegszöveg szöveg szövegszöveg szöveg szövegszöveg szöveg szöveg



Kódja:
<link href="http://fonts.googleapis.com/css?family=Lora" rel="stylesheet" type="text/css"></link>

<style type="text/css">
.plsicon { position: absolute; z-index: 2; width: 100px; height: 100px; border-radius: 100%; border: 2px solid #fff; margin-left: 57px; margin-top: 10px; background-image: url(http://media.tumblr.com/5d000b9837fe3b0b2b5e935606489380/tumblr_inline_n49d9pfcJV1syx3j3.gif); }

.plsiconbgtop { position: relative; z-index: 1; width: 214px; height: 60px; background-color: #000; border-bottom: 1px solid #fff; }
.plsiconbgbot { position: relative; z-index: 1; width: 214px; height: 60px; background-color: #000; border-bottom: 1px solid #fff; }

.plsbox1 { width: 200px; border: 1px dashed #e4e4e4; background-color: #fff; font-family: 'Lora', serif; padding: 5px; text-align: justify; line-height: 90%; font-size: 10px; color: #000; margin-top: 5px; }

.plsbox1 b { font-size: 12px; border-bottom: 1px solid #000;" }
.plsbox1 i { font-size: 12px; }
</style>

<br />
<center>
<div style="border-bottom: 3px solid #000; padding: 2px; width: 214px;">
<div class="plsicon">
</div>
<div class="plsiconbgtop">
</div>
<div class="plsiconbgbot">
</div>
<div class="plsbox1">
IDE JÖN A SZÖVEG

</div>
<table><tbody>
<tr></tr>
<tr></tr>
</tbody></table>
</div>
<div style="font-size: 8px; text-align: right; width: 214px;">
</div>
</center>

A második szövegdoboz így néz ki:


Ide jön a szöveged! Blah Blah balh blaaaaaaaah Blah Blah balh blaaaaaaaah Blah Blah balh blaaaaaaaah Blah Blah balh blaaaaaaaah Blah Blah balh blaaaaaaaah Blah Blah balh blaaaaaaaah Blah Blah balh blaaaaaaaah Blah Blah balh blaaaaaaaah Blah Blah balh blaaaaaaaah Blah Blah balh blaaaaaaaah Blah Blah balh blaaaaaaaah Blah Blah balh blaaaaaaaah Blah Blah balh blaaaaaaaah Blah Blah balh blaaaaaaaah Blah Blah balh blaaaaaaaah Blah Blah balh blaaaaaaaah Blah Blah balh blaaaaaaaah Blah Blah balh blaaaaaaaah Blah Blah balh blaaaaaaaah Blah Blah balh blaaaaaaaah


Kódja:
<link href="http://fonts.googleapis.com/css?family=Lato:300,400" rel="stylesheet" type="text/css"></link><style type="text/css">.artigreen { width: 180px; margin-top: 40px; padding: 20px 0px; text-align: justify; font-size:9px; color: #000; font-family: 'Lato', sans-serif; line-height: 120%;} .artigreen b { font-size: 120%; font-weight: bold; color: #D88877; } </style><br />
<center>
<div style="background-color: white; border-bottom: solid 40px #DAEFDA; width: 260px;">
<div style="background-color: #aadcce; border-bottom: solid 20px #BAC085; height: 40px; padding: 20px; width: 220px;">
<a href="http://shine.b1.jcink.com/index.php?showuser=4135">

</a><br />
<div style="background-image: url('IDE JÖN A GIF DE A ZÁRÓJELET ÉS A JELET HAGYD MEG ÉS ÚGY ILLESZD BE A LINKET!!'); border-radius: 50%; border: solid 8px #fff; height: 120px; width: 120px;">
</div>
</div>
<div class="artigreen">
<br />
IDE JÖN A SZÖVEGED

</div>
</div>
</center>



A harmadik szövegdoboz így néz ki:




Blah blah jhfjg jfgjhfjg skjfskfhsk jghdkjghiure sjfkshgkjsfhgkBlah khmfkdkkj kflgkdlgkdl hg kfjfk kjgfkjhfk kjhsjfhsjkf jhfjg jfgjhfjg skjfskfhsk jghdkjghiure sjfkshgkjsfhgkBlah khmfkdkkj kflgkdlgkdl hg kfjfk kjgfkjhfk kjhsjfhsjkf jhfjg jfgjhfjg skjfskfhsk jghdkjghiure sjfkshgkjsfhgkBlah khmfkdkkj kflgkdlgkdl hg kfjfk kjgfkjhfk kjhsjfhsjkf jhfjg jfgjhfjg skjfskfhsk jghdkjghiure sjfkshgkjsfhgkBlah khmfkdkkj kflgkdlgkdl hg kfjfk kjgfkjhfk kjhsjfhsjkf jhfjg jfgjhfjg skjfskfhsk jghdkjghiure sjfkshgkjsfhgkBlah khmfkdkkj kflgkdlgkdl hg kfjfk kjgfkjhfk kjhsjfhsjkf jhfjg jfgjhfjg skjfskfhsk jghdkjghiure sjfkshgkjsfhgkBlah khmfkdkkj kflgkdlgkdl hg kfjfk kjgfkjhfk kjhsjfhsjkf jhfjg jfgjhfjg skjfskfhsk jghdkjghiure sjfkshgkjsfhgkBlah khmfkdkkj kflgkdlgkdl hg kfjfk kjgfkjhfk kjhsjfhsjkf jhfjg jfgjhfjg skjfskfhsk jghdkjghiure sjfkshgkjsfhgkBlah khmfkdkkj kflgkdlgkdl hg kfjfk kjgfkjhfk kjhsjfhsjkf jhfjg jfgjhfjg skjfskfhsk jghdkjghiure sjfkshgkjsfhgkBlah khmfkdkkj kflgkdlgkdl hg kfjfk kjgfkjhfk kjhsjfhsjkf jhfjg jfgjhfjg skjfskfhsk jghdkjghiure sjfkshgkjsfhgkBlah khmfkdkkj kflgkdlgkdl hg kfjfk kjgfkjhfk kjhsjfhsjkf



Kódja:
<center>
<link href="https://fonts.googleapis.com/css?family=Marck+Script" rel="stylesheet" type="text/css"></link>
<div style="-moz-border-radius: 100%; -o-border-radius: 100%; -o-border-radius: 10px; -webkit-border-radius: 100%; background: #111; background: url(IDE JÖN A GIF LINKJE - A ZÁRÓJELET HAGYD MEG ÉS ÚGY ILLESZD BE A LINKET!!); border-radius: 100%; border: 3px solid #000000; height: 120px; width: 120px;">
</div>
<div style="background-color: white; border: 1px dotted #000000; height: 350px; padding: 2px; width: 250px;">
<style type="text/css">
#jae::-webkit-scrollbar { background: #cccccc; width: 6px; }
#jae::-webkit-scrollbar-thumb { background: #000000; width: 3px }
#jae::-webkit-scrollbar-corner { background: #000; }
</style>

<br />
<center>

<div id="jae">
<div style="font-family: 'georgia'; font-size: 11px; height: 370px; line-height: 100%; overflow: auto; padding: 10px; text-align: justify; text-align: left; width: 220;">
<br />
IDE JÖN A SZÖVEGED!

</div>
</div>
</center>


A negyedik szövegdoboz így néz ki:

Szöveg szöveg szöveg. Blah blah blaaaaaaaaaaaaaaaaaaaaaaah. Hkjgkgjfgk dghh hkdhfjkghfgkh fghkfnfkjhkf hljhkhjh h khjfhkhjhh kjhkhjk jk j j hjhk jhffkgjhf dfkjhjdf Hkjgkgjfgk dghh hkdhfjkghfgkh fghkfnfkjhkf hljhkhjh h khjfhkhjhh kjhkhjk jk j j hjhk jhffkgjhf dfkjhjdf Hkjgkgjfgk dghh hkdhfjkghfgkh fghkfnfkjhkf hljhkhjh h khjfhkhjhh kjhkhjk jk j j hjhk jhffkgjhf dfkjhjdf Hkjgkgjfgk dghh hkdhfjkghfgkh fghkfnfkjhkf hljhkhjh h khjfhkhjhh kjhkhjk jk j j hjhk jhffkgjhf dfkjhjdf Hkjgkgjfgk dghh hkdhfjkghfgkh fghkfnfkjhkf hljhkhjh h khjfhkhjhh kjhkhjk jk j j hjhk jhffkgjhf dfkjhjdf Hkjgkgjfgk dghh hkdhfjkghfgkh fghkfnfkjhkf hljhkhjh h khjfhkhjhh kjhkhjk jk j j hjhk jhffkgjhf dfkjhjdf



Kódja:
<style>
.scrsara1 {
width: 210px;
background-color:#dae0e7;
box-shadow: 0 0 0 4px #fff, 0 0 0 5px #dae0e7;
height: 400px;
position:relative;
}

/* Change  to change the color of the background */
.scrsara1c {
width: 180px;
padding: 15px;
background-color:#7498a7;
height: 80px;
border-bottom: 4px #FFF solid;
}

/* The image needs to be square and at least 130x130px */
.scrsaraimg {
width: 130px;
height: 130px;
background-image: url('IDE JÖN A GIF-A ZÁRÓJELET ÉS A MACSKAKÖRMÖT HAGYD MEG ÉS ÚGY ILLESZD BE A LINKET ');
background-size: cover;
-moz-border-radius: 90px;
-webkit-border-radius:90px;
border-radius: 90px;
box-shadow: 0 0 0 4px #446370;
margin-top: 30px;
}

.scrsara2 {
position: relative;
padding: 10px;
font-family: arial;
font-size: 10px;
text-align: justify;
width: 150px;
background-color:##446370;
color:#;
margin-top:20px;
height: 150px;
overflow: auto;
line-height:100%;
border-top: 5px #446370 solid;
border-bottom: 8px #446370 solid;
}

/* Change # to change the color of the scrollbar */
.scrsara2::-webkit-scrollbar { width: 3px; }
.scrsara2::-webkit-scrollbar-track { background-color: transparent; }
.scrsara2::-webkit-scrollbar-thumb { background-color: #370c0c; }

/* Change #  to change the color of bolded text */
.scrsara2 b {color:#; font-size: 11px;}

</style>

<br />
<center>
<div class="scrsara1">
<div class="scrsara1c">
<div class="scrsaraimg">
</div>
<div class="scrsara2">
IDE JÖN A SZÖVEG

</div>
</div>
<div style="color: #; font-family: calibri; font-size: 8px; line-height: 100%; margin-top: 7px; padding: 2px; text-align: center; text-transform: uppercase; width: 25px;">
</div>
</div>
</center>


12 megjegyzés:

  1. Kitalálom ... szereted a TW és Dylant ;) pacsi

    VálaszTörlés
    Válaszok
    1. Ááá dehogy, kicsit sem...
      *virtuális pacsi*

      Törlés
  2. Á nem, te se szereted Dylant. - fanlányijesztésesmeredéskészenálllecsapniDylanre ha kell - ☺

    VálaszTörlés
  3. szia, az utolsót vittem ha nem baj :) nagyon jók lettek

    VálaszTörlés
    Válaszok
    1. Szia!
      Dehogy baj, azért vannak! :)
      Köszönöm, hogy szóltál.

      Törlés
  4. Uuuuuuuuu egy Dylan fan *o* Mellettem persze c; Szipi-szuperek:)

    VálaszTörlés
  5. Szia , elvittem a másodikat ha nem baj :)

    VálaszTörlés
  6. Szia! Elvittem az első szövegdobozt. :)

    VálaszTörlés