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>