[rdyfthyuj

Код:

<!--HTML--><div class="faces"><div class="faces2" style="line-height: 150%;">
<div class="vneha">внешности и имена</div>

<br>
<center>

<div class="slid"><input type="radio" name="vneha" checked="checked" id="c1"><label for="c1"> #внешности</label>                        <input type="radio" name="vneha" id="c2"><label for="c2">#именафамилии</label>
<br><br>
<div style="height: auto; line-height: 140%; text-transform: lowercase;">
<div class="facearea">
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
<div class="faceba"> f - g - h - i</div>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
<div class="faceba"> f - g - h - i</div>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
<div class="faceba"> f - g - h - i</div>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br></div>


<div class="facearea11">
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
<div class="faceba"> f - g - h - i</div>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
<div class="faceba"> f - g - h - i</div>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
<div class="faceba"> f - g - h - i</div>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br>
внешность - <a href="ссылка на профиль">ник</a><br></div>
</div>
<div style="height: auto; line-height: 140%; text-transform: lowercase;">
<div class="facearea">
<a href="ссылка на профиль">name</a> // имя<br>
<a href="ссылка на профиль">name</a> // имя<br>
<a href="ссылка на профиль">name</a> // имя<br>
<a href="ссылка на профиль">name</a> // имя<br>
<a href="ссылка на профиль">name</a> // имя<br>
<a href="ссылка на профиль">name</a> // имя<br>
<a href="ссылка на профиль">name</a> // имя<br>
<a href="ссылка на профиль">name</a> // имя<br>
<a href="ссылка на профиль">name</a> // имя<br>
<a href="ссылка на профиль">name</a> // имя<br>
<a href="ссылка на профиль">name</a> // имя<br>
<a href="ссылка на профиль">name</a> // имя<br>
<a href="ссылка на профиль">name</a> // имя<br>
<a href="ссылка на профиль">name</a> // имя<br>
<a href="ссылка на профиль">name</a> // имя<br>
<a href="ссылка на профиль">name</a> // имя<br>
</div>

<div class="facearea11">
<a href="ссылка на профиль">surname</a> // фамилия<br>
<a href="ссылка на профиль">surname</a> // фамилия<br>
<a href="ссылка на профиль">surname</a> // фамилия<br>
<a href="ссылка на профиль">surname</a> // фамилия<br>
<a href="ссылка на профиль">surname</a> // фамилия<br>
<a href="ссылка на профиль">surname</a> // фамилия<br>
<a href="ссылка на профиль">surname</a> // фамилия<br>
<a href="ссылка на профиль">surname</a> // фамилия<br>
<a href="ссылка на профиль">surname</a> // фамилия<br>
<a href="ссылка на профиль">surname</a> // фамилия<br>
<a href="ссылка на профиль">surname</a> // фамилия<br>
<a href="ссылка на профиль">surname</a> // фамилия<br>
</div>




<style>
.face {   position: absolute;   width: 150px;   letter-spacing: 0.2px;   font-weight: normal;   color: #f7f7f7;   font-family: bebas neue;   font-size: 20px; text-align: center; text-shadow: 1px 1px 0px #7a98b7;  margin-top: 247px;  margin-left: 17px;
}
.faceb {
    background-color: #c9dda0;
    width: 500px;
    color: #ffffff;
    font-family: bebas neue!important;
    text-shadow: 1px 1px 1px #6d8c33;
    font-size: 13px;
    padding-left: 160px;
}
.faceba {
    background-color: #c9dda0;
    width: 500px;
    color: #ffffff;
    font-family: bebas neue!important;
    text-shadow: 1px 1px 1px #6d8c33;
    font-size: 13px;
    padding-left: 194px;
}
.facearea {

    width: 246px;
    height: 491px;
    font: 11px arial;
    text-transform: lowercase;
    text-shadow: 1px 1px 0px #f5f2ee;
    margin-left: 5px;
    margin-top: 15px;
    padding: 7px;
    overflow-x: hidden;
}
.facearea11 {

        width: 246px;
    height: 491px;
    font: 11px arial;
    text-transform: lowercase;
    text-shadow: 1px 1px 0px #f5f2ee;
    margin-left: 300px;
    margin-top: -505px;
    padding: 7px;
    overflow-x: hidden;
}
.facearea2 {
      width: 246px;
    height: 491px;
    font: 11px arial;
    text-transform: lowercase;
    text-shadow: 1px 1px 0px #f5f2ee;
    margin-left: 5px;
    margin-top: 15px;
    padding: 7px;
    overflow-x: hidden;
}

.faces {
    width: 610px;
    height: 790px;
    background: url(http://funkyimg.com/i/2CMZY.png);
    padding-bottom: 10px;


}

.slid label {  display: block;
    left: 262px;
    top: -2px;
    position: relative;
    padding-left: 5px;
    padding-right: 42px;
    padding-bottom: 17px;
    letter-spacing: 0.1px;
    font-weight: normal;
    color: #f7f7f7!important;
    font-family: bebas neue;
    font-size: 20px;
    text-align: center;
    text-shadow: 1px 1px 0px #6b5e5f;
}

.slid > div, .slid > input {display: none;}
.slid {text-align: center;}
.slid input[type="radio"]:checked + label {background-color: ;}
.slid > input:nth-of-type(1):checked ~ div:nth-of-type(1),
.slid > input:nth-of-type(2):checked ~ div:nth-of-type(2),
.slid > input:nth-of-type(3):checked ~ div:nth-of-type(3),
.slid > input:nth-of-type(4):checked ~ div:nth-of-type(4),
.slid > input:nth-of-type(5):checked ~ div:nth-of-type(5) {display: block;  text-align: justify;}



.faces1 {position: relative; text-align: center; font-size: 29px; font-family: bebas_neueregular; padding-top: 15px; font-weight: normal; color: #a65017; text-shadow: #fff 1px 1px 0px;}.faces2 {
    position: relative;
    text-align: justify;
    font-size: 11px;
    font-family: arial;
    padding: 28px 30px 32px 30px;
    color: #292724;
    text-shadow: #faf6f2 1px 1px 0px;
    line-height: 170%!important;
    margin-left: -11px;}.vneha {font-family: bebas neue;
    font-size: 23px;
    font-weight: bold;
    color: #d54d48;
    margin-left: 183px;
    margin-top: -8px;
    letter-spacing: 0px;
    padding-bottom: 20px;
}.vneh {       width: 457px;
    padding-top: 18px;
    padding-left: 30px;
    text-align: justify;
    color: #8c8c8c;
    line-height: 110%;
    font-size: 11px;
}</style>

Код:

<!--HTML-->
<style type="text/css">/*
<link href='http://fonts.googleapis.com/css?family=Marck+Script&subset=latin,cyrillic' rel='stylesheet' type='text/css'>

*/#data{    
width: 550px;
 text-align: right;
 font-family: tahoma; 
font-size:9px; 
text-transform: lowercase; 
color: #333366; 
font-style: bold; 
line-height: 15%; 
letter-spacing: 5px;
 padding-top: 40px;
}/*

*/#abschluss_text{    
    opacity: 0.8;
    padding: 40px;
    font-family: 'Calibri';
    font-size: 12px;
    line-height: 125%;
    overflow: auto;
    color: #413f48;
    text-align: justify;
}/*
*/#titel{    
width: 550px;
    text-align: left;
    font-family: 'Marck Script';
    font-size: 28px;
    letter-spacing: -1px;
    color: #66667f;
    margin-bottom: -35px;
    text-shadow: 1px 1px 0px #ffffff;
}/*

*/#abschluss_text i{font-style: italic; opacity: 0.9; color:#82A1B5;}/*
*/#abschluss_text b{font-weight: bold; opacity: 0.8; color:#82A1B5;}/*
*/#abschluss_text u{text-decoration: underline; opacity: 0.9; color:#D7B9BB;}/*

*/</style>

<center><div class="htmldemo">

<div style="width:619px; background: url(https://upforme.ru/uploads/0014/d6/06/2/320722.jpg) center repeat-y; ">
<div id="data">20/06/1975</div>
<br>
<div id="titel">Марси</div>
<div id="abschluss_text"> 
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

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

</div></center>

test

Меню навигации

Пользовательские ссылки

Объявление

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

[rdyfthyuj

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

Поделиться12017-10-22 11:41:33

Поделиться22024-01-22 22:18:32