епта тест

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

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


Вы здесь » епта тест » Новый форум » проверка


проверка

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

1

лс

Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>


<style>
/* BELONGS TO JESS OF WECODE
*\
</style>



<style type="text/css">



.eyeem { width: 440px; height: 290px;   }
.eyeemtitle {font-family: 'The Huntsman', sans-serif; color:#000; font-size:18px;text-transform:uppercase; margin-left: 140px; margin-top:-110px; padding-bottom: 28px; opacity:0.9;}
.eyeemline {width:90px; height:1px; background-color:#869799; margin-left:35px;}
.eyeemtag {font-family: arial; font-size: 9px; text-transform: uppercase; opacity: 1.0; margin-left:70px; }

.eyeempicture {width:150px; height:150px; border: 10px solid #869799;border-radius:50%; margin-top:10px; 
margin-right:140px; position: relative;}
.eyeempicture img { width:150px; height:150px; border-radius:50%; }

.eyeemboxy {width:400px; height:80px; background-color:#869799; padding-top:50px; border-radius:5px;}
.dawords { width:350px; height: 40px; padding:10px; font-family: Times New Roman; font-size: 12px; text-align:justify;  overflow:auto;  } 

.kar01  {height: 155px; width: 155px;   position: absolute; background-position: center; background-size: cover;  border-radius: 100%;  margin-top:-3px; margin-left:-2px;}
.kar01:hover {  background-color: #214c4e;
  background-blend-mode: luminosity;
 -webkit-transition: all 1.4s;
  transition: all 1.4s;   }

.ls  {text-align: center; font-family: 'The Huntsman', cursive; font-size: 17px; font-weight: 600; color: #000000;  text-transform: uppercase;}
</style>


<center>
<div class="ls">John Fitzgerald Kennedy, Jr</div>
<div class="eyeem">
<div class="eyeempicture"><div class="kar01" style=" background-image: url(
https://68.media.tumblr.com/a8fc7d48344f79682a093c9cb38be613/tumblr_ohwad8tfmO1tvqjwdo1_540.gif
)"></div></div>
<div class="eyeemtitle">race <sup>возраст</sup>
<div class="eyeemline"></div>
<div class="eyeemtag">профессия, дело жизни</div></div>

<div class="eyeemboxy">
<div class="dawords">Птица с шипом терновника в груди повинуется непреложному закону природы; она сама не ведает, что за сила заставляет ее кинуться на острие и умереть с песней. В тот миг, когда шип пронзает ей сердце, она не думает о близкой смерти, она просто поет, поет до тех пор, пока не иссякнет голос и не оборвется дыхание. Но мы, когда бросаемся грудью на тернии, — мы знаем. Мы понимаем. И все равно — грудью на тернии. Так будет всегда</div>

</div>

</center>
Свернутый текст
Код:
<<style type="text/css">
.kar1  {height: 150px; width: 150px;   position: absolute; background-position: center; background-size: cover;  border-radius: 100%; border-color: rgba(32,6,6,0.8);  border-style: solid;  
 background-color: #214c4e;
  background-blend-mode: luminosity; }
.kar1:hover {
  background-blend-mode: normal; 
 -webkit-transition: all 1.4s;
  transition: all 1.4s;   }
</style>







<div style="text-align: center; font-family: 'The Huntsman', cursive; font-size: 17px; font-weight: 600;">John Fitzgerald Kennedy, Jr</div>

<div class="kar1" style="background-image: url(
https://68.media.tumblr.com/fce6ccec4f7458a1f1eaa130db30bba9/tumblr_ogv2lhZHxj1tvqjwdo3_r1_250.gif
)"></div>

2

подарки

Код:
<!--HTML-->


<style>
.pod {background-color: #869799; 
border-radius:5px;
font-family: Times New Roman;
width:175px;
font-size: 12px;
margin-left: -1px;
padding:5px;
position:relative;}

.pod2 {border:6px solid transparent;
position:absolute;
height: 15px;
border-top-color: #869799;
margin-left: 35px;}

.pod3 { width: 60px;
  height: 60px;
  border: 3px solid #000;
  border-radius: 100%; background-color: #2a201b; 
  background: none;  z-index: 100; position: relative; padding: 8px;}

.pod4 { text-align: center; font-family: 'The Huntsman', cursive; font-size: 11px; font-weight: 600;}

</style>









<div class="ls">подарки</div>
<table>
    <tr>
        <td><table>
    <tr>
        <td colspan="2"><div class="pod">тут какая то хрень бла бла бла бла </div>

<div class="pod2"></div></td>
    </tr>
    <tr>
        <td><div class="pod3">
<img width="60" height="60" src="http://s8.uploads.ru/bXpZ3.png"></div></td>
        <td><div class="pod4">Euan Anderson</div></td>
    </tr>
</table></td>
        <td><table>
    <tr>
        <td colspan="2"><div class="pod">тут какая то хрень бла бла бла бла </div>

<div class="pod2"></div></td>
    </tr>
    <tr>
        <td><div class="pod3">
<img width="60" height="60" src="http://funkyimg.com/i/2m5Xq.png"></div></td>
        <td><div class="pod4">John Fitzgerald Kennedy, Jr</div></td>
    </tr>
</table></td>
        <td><table>
    <tr>
        <td colspan="2"><div class="pod">тут какая то хрень бла бла бла бла </div>

<div class="pod2"></div></td>
    </tr>
    <tr>
        <td><div class="pod3">
<img width="60" height="60" src="http://s1.iconbird.com/ico/2013/12/528/w128h1281387206318christmaswreathicon.png"></div></td>
        <td><div class="pod4">John Fitzgerald Kennedy, Jr</div></td>
    </tr>
</table></td>
     
    </tr>
    <tr>
        <td><table>
    <tr>
        <td colspan="2"><div class="pod">тут какая то хрень бла бла бла бла </div>

<div class="pod2"></div></td>
    </tr>
    <tr>
        <td><div class="pod3">
<img width="60" height="60" src="http://funkyimg.com/i/2m5SE.png"></div></td>
        <td><div class="pod4">John Fitzgerald Kennedy, Jr</div></td>
    </tr>
</table></td>
        <td><table>
    <tr>
        <td colspan="2"><div class="pod">тут какая то хрень бла бла бла бла </div>

<div class="pod2"></div></td>
    </tr>
    <tr>
        <td><div class="pod3">
<img width="60" height="60" src="http://funkyimg.com/i/2m5SA.png"></div></td>
        <td><div class="pod4">John Fitzgerald Kennedy, Jr</div></td>
    </tr>
</table></td>
        <td><table>
    <tr>
        <td colspan="2"><div class="pod">тут какая то хрень бла бла бла бла </div>

<div class="pod2"></div></td>
    </tr>
    <tr>
        <td><div class="pod3">
<img width="60" height="60" src="http://funkyimg.com/i/2m5SB.png"></div></td>
        <td><div class="pod4">John Fitzgerald Kennedy, Jr</div></td>
    </tr>
</table></td>
        
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
       
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
       
    </tr>
</table>

3

награды

Код:
<!--HTML-->


<style>
.nagr {width: 60px;
  height: 60px;
  border: 3px solid #000;
  border-radius: 100%; background-color: #2a201b; 
  background: none;  z-index: 100; position: relative; padding: 0px;}
</style>


<div class="ls">награды</div>
<table>
    <tr>
        <td>
<div class="nagr">
<img width="60" height="60" title="написал 7 нужных" src="http://s1.iconbird.com/ico/2013/11/504/w128h1281385326539calendar.png">
</div></td>
        <td><div class="nagr">
<img width="60" height="60" title="возомнить себя королем/королевой" src="http://funkyimg.com/i/2mbmx.png">
</div></td>
        <td><div class="nagr">
<img width="60" height="60" title="возомнить себя королем/королевой" src="http://funkyimg.com/i/2mbmx.png">
</div></td>
        <td><div class="nagr">
<img width="60" height="60" title="возомнить себя королем/королевой" src="http://funkyimg.com/i/2mKSn.png">
</div></td>
        <td><div class="nagr">
<img width="60" height="60" title="возомнить себя королем/королевой" src="http://funkyimg.com/i/2mbo5.png">
</div></td>
        <td><div class="nagr">
<img width="60" height="60" title="возомнить себя королем/королевой" src="http://funkyimg.com/i/2mKRG.png">
</div></td>
        <td><div class="nagr">
<img width="60" height="60" title="возомнить себя королем/королевой" src="http://funkyimg.com/i/2mbn7.png">
</div></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
</table>

4

Свернутый текст
Код:
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>


<style>
/* BELONGS TO JESS OF WECODE
*\
</style>



<style type="text/css">



.eyeem { width: 440px; height: 290px;   }
.eyeemtitle {font-family: 'The Huntsman', sans-serif;color:#000;font-size:18px;text-transform:uppercase; margin-left: 140px; margin-top:-110px; padding-bottom: 28px; opacity:0.5;}
.eyeemline {width:90px; height:1px; background-color:#2a201b; margin-left:35px;}
.eyeemtag {font-family:arial;font-size:9px; text-transform:uppercase; opacity:1.0;margin-left:70px; }

.eyeempicture {width:150px; height:150px; border: 10px solid #2a201b;border-radius:50%; margin-top:10px; 
margin-right:140px; position: relative;}
.eyeempicture img { width:150px; height:150px; border-radius:50%; }

.eyeemboxy {width:400px; height:80px; background-color:#2a201b; padding-top:50px; border-radius:5px;
font-family: Times New Roman; color: #a69886; }
.dawords { width:350px; height: 40px; padding:10px; font-family:arial; font-size:9px; text-align:justify;  text-transform:lowercase; overflow:auto;  } 

.kar01  {height: 155px; width: 155px;   position: absolute; background-position: center; background-size: cover;  border-radius: 100%;}
.kar01:hover {  background-color: #214c4e;
  background-blend-mode: luminosity;
 -webkit-transition: all 1.4s;
  transition: all 1.4s;   }


</style>


<center>
<div style="text-align: center; font-family: 'The Huntsman', cursive; font-size: 17px; font-weight: 600;">John Fitzgerald Kennedy, Jr</div>
<div class="eyeem">
<div class="eyeempicture"><div class="kar01" style=" margin-top:-2px; margin-left:0px; background-image: url(
https://68.media.tumblr.com/fce6ccec4f7458a1f1eaa130db30bba9/tumblr_ogv2lhZHxj1tvqjwdo3_r1_250.gif
)"></div></div>
<div class="eyeemtitle">USERNAME
<div class="eyeemline"></div>
<div class="eyeemtag">is online and typing</div></div>

<div class="eyeemboxy">
<div class="dawords">hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello </div>

</div>

</center>

5

/*Стиль иконки в мини-профиле*/
img.a-info{
  padding:2px;
  display:block!important;
  cursor:pointer;
  /*border-radius:50%;*/
  position:absolute;
  text-align:left!important;
}
/* Затемняющий фон */
#pre-wrap {
margin:0;
top:0;bottom:0;
left:0;right:0;
width:100%;
height:100%;
position:fixed;
z-index:20000;
background: rgba(0,0,0,.85);
}
/*Подвижка иконки закрытия таблички*/
.my-tabs > img.close {
float:right;
margin:0 -35px 0 0!important;
width:27px;
}
/* Корневой таб(UL) */
.my-tabs{
display:block;
z-index:30000;
position:absolute;
max-height:500px;  /*максимальная высота таблички*/
}
/* Стиль "Ушка" вкладок */
.my-tabs>span{
opacity:0.78;
color:#2f1f16;
cursor:pointer;
display:block!important;
position:relative; z-index:12;
padding:4px;
height: 17px!important;
margin-right: 2px;
margin-left: -1px;
margin-bottom:-4px!important;
border: 3px #ceaf7c double;
border-radius: 0px 0 0 0;
text-align:left;
padding-right:6px;
text-shadow: 1px 1px 2px rgba(0,0,0,.4);
font: italic normal 400 14px/16.5px "indirak";
float:left;
}
/* Cдвиг самого первого "Уха" */
.my-tabs>span:first-child{
margin-left: 9px;
}
/* Активное "Ушко" */
.my-tabs>span.selected{
opacity:1;
border-bottom-color:transparent!important;
}
/* Стиль вкладки(LI)*/
.my-tabs>.tab-a{
width:100%;
height:100%;
position:relative;z-index:1;
display:none;
overflow-y:auto;
overflow-x:hidden; 
text-align:center;
vertical-align:middle;
border-radius: 0px;
border: 3px #ceaf7c double;
padding:4px 12px!important;
}
/*Отступ контента вкладки сверху*/
.tab-a .post-content{
margin-top:2em;
text-align:left;
display:inline-block;
}

6

<!-- Всплывающая таблица с вкладками, в топике, с инфой о персонаже -->
<style type="text/css">
/*Подвижка иконки*/
img.a-info{
  height: 55px;
  z-index: 1000;
}
/*Подвижка всплывающей подсказки иконки*/
.tipsy.a-info{
  margin-top: -1px!important;
  margin-left:-6px!important;
  font: normal normal 400 11px/16.5px Verdana;
}
/*сдвиг таблицы*/ .my-tabs{
  margin-top: -200px;  /*сдвиг таблицы вверх от положения иконки*/
  margin-left: 200px;  /*сдвиг таблицы вправо от положения иконки*/
}
/*Цвет фона и бордюров таблицы*/
.my-tabs>.tab-a,.my-tabs>span{
background-color: rgba(183,201,203,0.85);;
border-color: #4a0b0b !important;
}
body{padding-right:0!important;}
</style>


Вы здесь » епта тест » Новый форум » проверка


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