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.
joджо джо alexалекс просто алекс

Вниз

moi test

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

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

Вы здесь » moi test » HOME AGAIN » население

население

Страница: 1

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

1

  • Автор: Kirill Volkonsky
  • Имя: кирилл волконский, 25
  • Kirill Volkonsky
  • status
  • Плашка:
  • Личное звание:
    Reference site about Lorem Ipsum, giving information on its origins, as well as a random Lipsum generator.
  • Сообщений: 57
  • money: 10
  • posts: 0
  • Уважение: +0
Код:
<!--HTML-->
<div id="face-main">

<div class="face-block">

<div class="boys-face"><boys-title>мужские внешности</boys-title>
<fcscroll>
<face>kirill chernyshenko</face><pers-name><a href="">name surname</a></pers-name>
<face>kirill chernyshenko</face><pers-name><a href="">name surname</a></pers-name>
<face>kirill chernyshenko</face><pers-name><a href="">name surname</a></pers-name>
<face>kirill chernyshenko</face><pers-name><a href="">name surname</a></pers-name>
<face>kirill chernyshenko</face><pers-name><a href="">name surname</a></pers-name>
<face>kirill chernyshenko</face><pers-name><a href="">name surname</a></pers-name>
<face>kirill chernyshenko</face><pers-name><a href="">name surname</a></pers-name>
<face>kirill chernyshenko</face><pers-name><a href="">name surname</a></pers-name>
</fcscroll></div>

<div class="girls-face"><girls-title>женские внешности</girls-title>
<fcscroll>
<face>alba baptista</face><pers-name><a href="">name surname</a></pers-name>
<face>alba baptista</face><pers-name><a href="">name surname</a></pers-name>
<face>alba baptista</face><pers-name><a href="">name surname</a></pers-name>
<face>alba baptista</face><pers-name><a href="">name surname</a></pers-name>
</fcscroll>
</div>

<div class="redeemed-name">
<rem-title>выкупленные имена</rem-title>
<r-name><fcscrollr>
<redeemed-name>name</redeemed-name>
<redeemed-name>name</redeemed-name>
<redeemed-name>name</redeemed-name>
<redeemed-name>name</redeemed-name>
</fcscrollr></r-name>
<r-surname>
<rem-title-s>выкупленные фамилии</rem-title-s>
<fcscrollr>
<redeemed-name>surname</redeemed-name>
<redeemed-name>surname</redeemed-name>
<redeemed-name>surname</redeemed-name>
<redeemed-name>surname</redeemed-name>
</fcscrollr></r-surname>
</div>

<div class="not-redeemed">
<notrem-title>не выкупаются</notrem-title>
<fcscrollrn>
<redeemed-name>name</redeemed-name>
<redeemed-name>name</redeemed-name>
<redeemed-name>name</redeemed-name>
<redeemed-name>name</redeemed-name>
<redeemed-name>name</redeemed-name>
<redeemed-name>name</redeemed-name>
<redeemed-name>name</redeemed-name>
<redeemed-name>name</redeemed-name>
</fcscrollrn>
</div>

</div>
</div>

<style>

rem-title-s {
    display: block;
    margin-top: -23px !important;
    position: relative;
    top: -7px;
    left: -2px;
    margin-bottom: 5px !important;
    font-size: 10px;
}

rem-title {
width: 178px;
    margin-top: -28px !important;
    margin-bottom: 8px !important;
    position: relative;
    top: 3px;
}

notrem-title {
width: 178px;
    margin-top: -36px !important;
    margin-bottom: 16px !important;
    position: relative;
    top: 3px;
    left: -14px;
}

boys-title, girls-title {
    position: relative;
    top: -17px;
    left: 5px;
    margin-top: -18px !important;
    width: 200px;
}

boys-title, girls-title, rem-title, notrem-title, rem-title-s {
font-size: 11px;
    height: 12px;
    text-transform: uppercase;
    border-radius: 5px;
    padding: 2px 0px 4px 0px;
    text-align: center;
    color: #8b5d47;
    letter-spacing: 0.5px;
    text-shadow: 0 0 3px #d6a086;
}

fcscroll {
display: flex;
    flex-direction: column;
    width: 210px;
    overflow: auto;
}

fcscrollr {
    display: flex;
    flex-direction: column;
    width: 168px;
    overflow: auto;
    height: 126px;
}

fcscrollrn {
display: flex;
    flex-direction: column;
    width: 153px;
    overflow: auto;
    overflow-x: hidden;
}

#face-main {
width: 870px;
    height: 365px;
    border-radius: 20px;
    border: 1px solid #b08c7900;
    background: linear-gradient(16deg, #f1b99b, #ffeece);
    box-shadow: inset 0 0 0px 1px #fff, inset 0 0 6px 3px #fff2df69, 0 0 0px 1px #b9836347, 0 0 7px 1px #b9836361;
    margin: 25px 15px 10px 15px;
   position: relative;
}


#face-main:before {
    content: "our faces";
    display: block;
    position: absolute;
    font-size: 30px;
    top: -26px;
    color: #d38d7b;
    text-shadow: 0 0 4px #96574745;
    height: 25px;
    overflow: hidden;
    left: 15px;
    filter: blur(0.6px);
    text-transform: uppercase;
}

.face-block {
    position: relative;
    width: 880px;
    margin-left: 19px;
    margin-top: 40px;
    height: 250px;
    display: flex;
}

.boys-face {
    width: 220px;
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    padding: 10px 0px 15px 10px;
    background: #fafafa;
    box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px #c5936b69;
    height: 280px;
}

face {
    width: 186px;
    padding: 4px 0px 4px 0px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Jost';
    letter-spacing: 0.5px;
    color: #686868;
    border-image-source: linear-gradient(to left, #f5c9ab12, #f5cbad) !important;
    border-bottom: 10px solid;
    border-image-slice: 1;
    border-width: 1.5px;
}

.girls-face {
   margin-left: 10px;
    width: 220px;
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    padding: 10px 0px 15px 10px;
    background: #fafafa;
    box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px #c5936b69;
    height: 280px;
}

pers-name {
    width: 186px;
    padding: 5px 0px 2px 2px;
    font-size: 10px;
    margin-bottom: 10px !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

pers-name a {
    color: #686868 !important;
}

.redeemed-name {
    width: 180px;
    position: relative;
    margin-left: 10px;
    display: flex;
    flex-direction: column;
}

redeemed-name {
    width: 140px;
    display: block;
    padding: 2px 0px 0px 7px;
    border-radius: 10px;
    margin-bottom: 10px !important;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.5px;
   color: #686868;
}

r-name {
    background: #fafafa;
    box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px #c5936b69;
    border-radius: 5px;
    padding: 8px 0px 5px 5px;
}

r-surname {
    background: #fafafa;
    box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px #c5936b69;
    border-radius: 5px;
    padding: 8px 0px 5px 5px;
    margin-top: 28px !important;
}

.not-redeemed {
    width: 158px;
    position: relative;
    margin-left: 10px;
    display: flex;
    flex-direction: column;
    background: #fafafa;
    box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px #c5936b69;
    border-radius: 5px;
    padding: 8px 0px 5px 5px;
    height: 289px;
}

fcscrollr::webkit-scrollbar, fcscrollrn::webkit-scrollbar, fcscroll::webkit-scrollbar  {
    width: 4px;
    border-radius: 10px;
}

fcscrollr::-webkit-scrollbar-thumb, fcscrollrn::-webkit-scrollbar-thumb, fcscroll::-webkit-scrollbar-thumb {
    background-color: #747474;
    border-radius: 10px;
    box-shadow: inset 0 0 2px 1px #c1c1c138;
}

fcscrollr::-webkit-scrollbar-track, fcscrollrn::-webkit-scrollbar-track, fcscroll::-webkit-scrollbar-track {
    background-color: #d5d5d5;
    border-radius: 10px;
    box-shadow: inset 0 0 2px 1px #929292b5;
}

</style>

0

2

  • Автор: Kirill Volkonsky
  • Имя: кирилл волконский, 25
  • Kirill Volkonsky
  • status
  • Плашка:
  • Личное звание:
    Reference site about Lorem Ipsum, giving information on its origins, as well as a random Lipsum generator.
  • Сообщений: 57
  • money: 10
  • posts: 0
  • Уважение: +0

<script>

const buttonBoysName = document.querySelectorAll('.face-code');

for (let i = 3; i < buttonBoysName.length; i--) {
buttonBoysName[i].style.cssText = 'background-color: #e3f1f4; color: #7ba2a8!important;';
}

</script>

0

3

  • Автор: Kirill Volkonsky
  • Имя: кирилл волконский, 25
  • Kirill Volkonsky
  • status
  • Плашка:
  • Личное звание:
    Reference site about Lorem Ipsum, giving information on its origins, as well as a random Lipsum generator.
  • Сообщений: 57
  • money: 10
  • posts: 0
  • Уважение: +0
Код:
<boys-face>имя внешности</boys-face><pers-b-name><a href="ссылка на профиль">имя персонажа</a></pers-b-name>
Код:
<boys-face>имя внешности</boys-face><pers-b-name><a href="ссылка на профиль">имя персонажа</a><occupied-ns>n</occupied-ns></pers-b-name>
Код:
<boys-face>имя внешности</boys-face><pers-b-name><a href="ссылка на профиль">имя персонажа</a><occupied-ns>s</occupied-ns></pers-b-name>
Код:
<boys-face>имя внешности</boys-face><pers-b-name><a href="ссылка на профиль">имя персонажа</a><occupied-ns>ns</occupied-ns></pers-b-name>

0

4

  • Автор: Kirill Volkonsky
  • Имя: кирилл волконский, 25
  • Kirill Volkonsky
  • status
  • Плашка:
  • Личное звание:
    Reference site about Lorem Ipsum, giving information on its origins, as well as a random Lipsum generator.
  • Сообщений: 57
  • money: 10
  • posts: 0
  • Уважение: +0

text1::before {
content: "<pre>&lt;girls-face&gt;имя внешности&lt;/girls-face&gt;&lt;pers-g-name&gt;&lt;a href="ссылка на профиль"&gt;имя персонажа&lt;/a&gt;&lt;/pers-g-name&gt;</pre>";
}

0

5

  • Автор: live stream
  • live stream
  • главный админ
  • Сообщений: 31
  • Уважение: +3

тест

+1

Страница: 1

Вы здесь » moi test » HOME AGAIN » население

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