реестр населения

те, что поставлены на учет представителями ОПТУиУ

[html]
<style>

#memberdirectory {
width: 700px;
background: #dbdbdb;
height: auto;
position: relative;
margin: 20px auto;
border: 1px solid #0394ff;
outline: 1px solid #0394ff;
outline-offset: 10px;
font-family: arial;
color: #1c1d22;
line-height: 170%;
font-size: 11px;
}

#memberdirectory maintitle {
position: relative;
display:блок;
высота: 60px;
граница-дно: 1px solid #1c1d22;
переполнение: скрыто;
семейство шрифтов: arial, playfair display;
font-weight: 800;
text-align: center;
color: #1c1d22;
text-transform: uppercase;
line-height: 230%;
font-size: 40px;
}

#memberdirectory text {
font-family: arial, roboto;
padding: 30px;
display: block;
color: #1c1d22;
text-align: justify;
font-size: 11px;
line-height: 150%;
}

#memberdirectory subtitle {
position: relative;
display: block;
height: 20px;
border-bottom: 1px solid #ccc;
overflow: hidden;
font-family: arial, playfair display;
font-weight:800;
text-align: left;
color: #1c1d22;
text-transform: uppercase;
line-height: 130%;
font-size: 20px;
}

#memberdirectory membertitle {
позиция: относительная;
дисплей: блок;
высота: 60px;
border-bottom: 1px solid #1c1d22;
overflow: hidden;
font-family: arial, playfair display;
font-weight: 800;
text-align: center;
color: #1c1d22;
text-transform: uppercase;
line-height: 200%;
font-size: 45px;
}

#memberdirectory info {
font-family: arial, roboto;
text-align: center;
display: block;
position: absolute;
top: 0px;
font-size: 11px;
width: 700px;
color: #1c1d22;
line-height: 1000%;
}

#memberdirectory memberblock {
display: block;
padding: 20px 20px 30px;
border-bottom: 1px solid #bcbcbc
}

.characterblock {
display: block;
height: 30px;
width: 550px;
border-bottom: 1px solid#1c1d22;
margin: 5px 0px;
position: relative;
overflow: hidden;
}

#memberdirectory icon {
height: 30px;
width: 30px;
float: right;
border: 1px solid #0394ff;
background-size: cover;
position: relative;
top: 0px;
right: 0px;
}

#memberdirectory chartext {
text-align: left;
float: left;
color: #1c1d22;
text-transform: uppercase;
display: block;
top: 3px;
position: relative;
}

.charname {
display: block;
font-family: arial, playfair display;
color: #1c1d22;
font-size: 20px;
position: absolute;
text-align: right;
width: 425px;
text-transform: uppercase;
font-weight: 700;
top:14px;
}

.membergroup1 .charname {
color: #1c1d22;
}

.membergroup1 .characterblock {
border-bottom: 1px solid #0394ff;
}

.membergroup2 .charname {
color: #363635;
}

.membergroup2 .characterblock {
border-bottom: 1px solid #0394ff;
}

.membergroup3 .charname {
color: #363635;
}

.membergroup3 .characterblock {
border-bottom: 1px solid #0394ff;
}

</style>
<div id="memberdirectory">
<maintitle>
</maintitle>
<info></info>
</membertitle>
<memberblock>

<div class="membergroup1" > <a href="СЮДА ССЫЛКУ НА ПРОФИЛЬ"><div class="characterblock">
<div class="charname">Имя и Фамилия</div>
<chartext>ИМЯ В КАНОНЕ - ВОЗРАСТ - РОД ДЕЯТЕЛЬНОСТИ</chartext>
<icon style="background-image: url(КАРТИНКА ВАШЕГО ПЕРСОНАЖА ССЫЛКОЙ)"></icon>
</div></a>

<div class="membergroup1" > <a href="СЮДА ССЫЛКУ НА ПРОФИЛЬ"><div class="characterblock">
<div class="charname">ИМЯ И ФАМИЛИЯ</div>
<chartext>ИМЯ В КАНОНЕ - ВОЗРАСТ - РОД ДЕЯТЕЛЬНОСТИ</chartext>
<icon style="background-image: url(КАРТИНКА ВАШЕГО ПЕРСОНАЖА ССЫЛКОЙ)"></icon>
</div></a>

</memberblock>
</div><center><a href="http://wecode.jcink.net/index.php?showuser=4933" style="color:#dad2cf;font-size:7px;letter-spacing:5px;">МОНТИ</a></center>
[/html]

Заполняем по форме, оборачиваем в код:

Код:

<div class="membergroup1" > <a href="СЮДА ССЫЛКУ НА ПРОФИЛЬ"><div class="characterblock">
<div class="charname">ИМЯ И ФАМИЛИЯ</div>
<chartext>ИМЯ В КАНОНЕ - ВОЗРАСТ - РОД ДЕЯТЕЛЬНОСТИ</chartext>
<icon style="background-image: url(КАРТИНКА ВАШЕГО ПЕРСОНАЖА ССЫЛКОЙ)"></icon>
</div></a></div >

тесткнхв

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

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

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

реестр населения

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

Поделиться12022-08-05 13:05:33