probnik

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » probnik » Тестовый форум » Тестовое сообщение


Тестовое сообщение

Сообщений 1 страница 15 из 15

1

Благодарим за выбор нашего сервиса!

0

2

1111111

0

3

Код:
<!--HTML--><div class="postcolor"> <center>

<link href="http://fonts.googleapis.com/css?family=Sail" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<style type="text/css">

.loub {
position: relative;  
width: 450px;
height:  400px;
border: 20px solid #BB9BEB;
padding: 10px;
background-image: url(http://31.media.tumblr.com/c3ec4e8a46526c0c7ca6fa443e8ba762/tumblr_mirztsE9Iz1rqmxqgo2_500.jpg);
}

.loutabb {float: left;}

.loutabb label {display: block;
width: 50px; text-align: center;
font-family: calibri; 
color: #EBDCFF; margin-right: 5px;
font-size: 8px;
letter-spacing: 1px;
text-transform: uppercase;
background: #3F009C;
padding: 5px;
border: 0px solid #ccc;
position: relative;
top: 5px;
left: 70px;}

.loutabb [type=radio] {
display: none;  
}

.loucontentt {
position: absolute;
top: 55px;
left: 35px;
width: 330px; 
height: 280px;
background: #F2DEFF;
padding: 20px;
border: 15px solid #F2DEFF;}

[type=radio]:checked ~ label {color: #3F009C; background-color: #E7D6FF; border-bottom: 0px solid white; z-index: 2;}

[type=radio]:checked ~ label ~ .loucontentt {
z-index: 1;
}</style><div class="loub">
 
<div class="loutabb">
<input type="radio" id="loutabb-1" name="loutabb-group-1" checked="">
<label for="loutabb-1">Welcome</label>
<div class="loucontentt">
<div style="padding-top: 10px; width: 300px; font-family: arial; color: #121212; font-size: 10px; letter-spacing: 1px; line-height: 90%; height: 280px; overflow: auto; text-align: justify; text-transform: lowercase;"> 


<img src="гифка" width="300px">

<p>

hey cuties, my name is lou and this is my coding gallery. i spend most of my life doing graphics so i'm not sure why i decided to start up coding... i hope you like what you see. feel free to leave me suggestions/challenges and also please give me pointers! thank you x

</p></div>
</div>
</div>
 

<div class="loutabb">
<input type="radio" id="loutabb-5" name="loutabb-group-1">
<label for="loutabb-5">Админ-мордашки</label>
<div class="loucontentt">

<div style="padding-top: 10px; width: 600px; font-family: arial; color: #121212; font-size: 10px; letter-spacing: 1px; line-height: 90%; height: 280px; overflow: auto; text-align: justify;"> 

<div style="width: 270px; background-color: #3F009C; padding: 15px; text-align: center; font-family: calibri; font-size: 8px; text-transform: uppercase; line-height: 100%;  color: #F2DEFF;">

site

 </div>

<p>
</p><ul>
<li>
N/A
</li>
</ul>


</div>


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

0

4

Код:
яыучевкснпгртщлбздх

0

5

KHJGHFGFD,FYGXFTDGF

0

6

вапро

0

7

sda

0

8

sxaxas

0

9

Код:
<!--HTML--><div class="postcolor"> <center>

<link href="http://fonts.googleapis.com/css?family=Sail" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<style type="text/css">

.loub {
position: relative;  
width: 450px;
height:  400px;
border: 20px solid #задний фон;
padding: 10px;
background-image: url(фон картинка);
}

.loutabb {float: left;}

.loutabb label {display: block;
width: 50px; text-align: center;
font-family: calibri; 
color: #efefef; margin-right: 5px;
font-size: 8px;
letter-spacing: 1px;
text-transform: uppercase;
background: #2C607F;
padding: 5px;
border: 0px solid #ccc;
position: relative;
top: 5px;
left: 70px;}

.loutabb [type=radio] {
display: none;  
}

.loucontentt {
position: absolute;
top: 55px;
left: 35px;
width: 330px; 
height: 280px;
background: #fff;
padding: 20px;
border: 15px solid #fff;}

[type=radio]:checked ~ label {color: #103B38; background-color: #ffffff; border-bottom: 0px solid white; z-index: 2;}

[type=radio]:checked ~ label ~ .loucontentt {
z-index: 1;
}</style><div class="loub">
 
<div class="loutabb">
<input type="radio" id="loutabb-1" name="loutabb-group-1" checked="">
<label for="loutabb-1">I.</label>
<div class="loucontentt">
<div style="padding-top: 10px; width: 300px; font-family: arial; color: #121212; font-size: 10px; letter-spacing: 1px; line-height: 90%; height: 280px; overflow: auto; text-align: justify; text-transform: lowercase;"> 


<img src="https://24.media.tumblr.com/466aedcd8e6a08110b3f27e661813c30/tumblr_n1pxxke6to1rmh9c2o1_500.gif" width="300px">

<p>

текст

</p></div>
</div>
</div>
 
<div class="loutabb">
<input type="radio" id="loutabb-2" name="loutabb-group-1">
<label for="loutabb-2">II.</label>
<div class="loucontentt">
<div style="padding-top: 10px; width: 300px; font-family: arial; color: #121212; font-size: 10px; letter-spacing: 1px; line-height: 90%; height: 280px; overflow: auto; text-align: justify;"> 

<div style="width: 270px; background-color: #2C607F; padding: 15px; text-align: center; font-family: calibri; font-size: 8px; text-transform: uppercase; line-height: 100%;  color: #fff;">

текст название

 </div>
<p>
</p><ul>
<li>
текст внутри
</li>
</ul>


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

0

10

Код:
<link href='http://fonts.googleapis.com/css?family=Lily+Script+One' rel='stylesheet' type='text/css'>

<style type="text/css"> .scroll::-webkit-scrollbar { background: #494949; width: 10px; } .scroll::-webkit-scrollbar-thumb { background: #E08E79; width: 10px } .scroll::-webkit-scrollbar-corner { background: #494949; } </style>

<style type="text/css">#cappy3 {width: 100px; height: 100px; border: 2px dashed #79cbe0; position: relative; overflow: hidden;}

#cappy3 .page { transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; position: absolute; left: 0px; bottom: 0px; width: 100px; height: 100px;}

#cappy3:hover .page {transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; left: -100px;}</style>

<style type="text/css">#cappy1 {width: 100px; height: 100px; border: 2px dashed #E08E79; position: relative; overflow: hidden;}

#cappy1 .page { transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; position: absolute; right: 0px; bottom: 0px; width: 100px; height: 100px;}

#cappy1:hover .page {transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; right: -100px;}</style>

<style type="text/css">#cappy2 {width: 100px; height: 100px; border: 2px dashed #79cbe0; position: relative; overflow: hidden;}

#cappy2 .page {transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; position: absolute; left: 0px; bottom: 0px; width: 100px; height: 100px;}

#cappy2:hover .page {transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; left: -100px;}</style>

<center>

<div style="width: 350px; height: 360px; background-color: #ECE5CE; background-image: url(http://i45.tinypic.com/2yu13z8.jpg); background-repeat: repeat; border: solid 10px #E08E79; padding: 25px;"><div style="width: 350px; height: 360px; background-color: #ECE5CE;">

<table><tr>
<td style="width: 150px; height: 350px; padding: 5px;">
<div id="cappy3">

<div class="page"><img src="100 x 100 IMAGE"></div>
<div style="width: 100px; height: 100px; background-color: #F1D4AF; padding: 0px; font-family: georgia; font-size: 10px; text-transform: uppercase; color: #353535; text-align: center; font-weight: bold;"><br><br><br>

words

</div>
</div>
<br>
<div id="cappy1">
<div class="page"><img src="100 x 100 IMAGE"></div>
<div style="width: 100px; height: 100px; background-color: #C5E0DC; padding: 0px; font-family: georgia; font-size: 10px; text-transform: uppercase; color: #353535; text-align: center; font-weight: bold;"><br><br><br>

tag

</div>
</div>
<br>
<div id="cappy2">
<div class="page"><img src="100 x 100 IMAGE"></div>
<div style="width: 100px; height: 100px; background-color: #F1D4AF; padding: 0px; font-family: georgia; font-size: 10px; text-transform: uppercase; color: #353535; text-align: center; font-weight: bold;"><br><br><br>

outfit/notes

</div>
</div>
<br>
</div></td>

<td>
<div style="width: 220px; height: 30px; text-align: center; font-family: Lily Script One; font-size: 30px; color: #E08E79; padding-bottom: 5px; text-shadow: 2px 2px 0px #774f38;">

character name

</div>

<div style="width: 230px; height: 10px; background-color: #494949; padding-bottom: 5px; font-family: times new roman; font-size: 8px; color: white; text-transform: uppercase; text-align: center; padding-top: 2px; padding-bottom: 2px;">

small line of lyrics

</div>

<div style="width: 220px; height: 290px; background-color: #fff; font-family: georgia; font-size: 10px; line-height: 10px; color: #353535; text-align: justify; padding: 5px; overflow: auto;" class="scroll">

Your post goes here. It scrolls so don't worry about writing a million words. And remember your < p > tags to separate paragraphs and < br > for line breaks. <3

</div>
</td>
</tr></table>

</div></div>

<div style="width: 400px; font-family: georgia; font-size: 9px; color: white; text-align: right;"><a href="http://candylandcouture.b1.jcink.com/index.php?showuser=95">©</a>

</center>

0

11

гжщдгшлотрпивамы

0

12

111

0

13

1111

0

14

111

0

15

Проверка

0


Вы здесь » probnik » Тестовый форум » Тестовое сообщение


Рейтинг форумов | Создать форум бесплатно