Здесь делается вжух 🪄

Test by devls

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

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


Вы здесь » Test by devls » страниу » санктум лс


санктум лс

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

1

сама страница
Код:
<div id="character" class="reveal-modal xlarge main container" style="top: 11631px; opacity: 1; visibility: visible;">
    <div class="modal_wrap"> 
        <div class="char_info_wrap">
        <div class="char_block">
        <div class="char_name">михуил<br>103</div>
        <div class="char_img"><img src="https://i.ibb.co/hXHGhFR/ezgif-3-347407d39d.gif"></div>
        <span class="track_name">кукла колдуна</span>
        <span class="group_name">кИш</span>
        </div>
        <a href="ссылка"><img src="/i/blank.gif" class="love"> love</a>
        <a href="ссылка на личную тему"><img src="/i/blank.gif" class="diary"> diary</a>
        </div>

	<div class="menu">
    	<div class="menu-links">
        <span alt="#sm1" class="tabactive" onclick="showTab(this);">главная</span>
        <span alt="#sm2" onclick="showTab(this);" class="">коллекции</span>
    	</div>
    </div>
    <div id="submenu">
	    <div id="sm1" class="submenutext" style="display: block;">

<div class="sm1_wrap">
<div class="sm1_item profil">
<span class="sm_header">профиль</span>
<div class="scrolling_box">
      <!--ИКОНКИ В ПРОФИЛЬ НАЧАЛО-->
<img src="http://upforme.ru/uploads/001b/c9/d8/2/639303.gif" class="yes"> 
<img src="http://upforme.ru/uploads/001b/c9/d8/2/765263.png" class="yes">
<img src="https://forumstatic.ru/files/001b/c0/a4/74967.png" class="no">
<img src="https://forumstatic.ru/files/001b/c0/a4/74967.png" class="no">
<img src="https://forumstatic.ru/files/001b/c0/a4/74967.png" class="no">
<img src="https://forumstatic.ru/files/001b/c0/a4/74967.png" class="no">
<img src="https://forumstatic.ru/files/001b/c0/a4/74967.png" class="no">
<img src="https://forumstatic.ru/files/001b/c0/a4/74967.png" class="no">
<img src="https://forumstatic.ru/files/001b/c0/a4/74967.png" class="no">
<img src="https://forumstatic.ru/files/001b/c0/a4/74967.png" class="no">
<img src="https://forumstatic.ru/files/001b/c0/a4/74967.png" class="no">
<img src="https://forumstatic.ru/files/001b/c0/a4/74967.png" class="no">
<img src="https://forumstatic.ru/files/001b/c0/a4/74967.png" class="no">
<img src="https://forumstatic.ru/files/001b/c0/a4/74967.png" class="no">
      <!--ИКОНКИ В ПРОФИЛЬ КОНЕЦ-->
</div>
</div>

<div class="sm1_item episodes">
<span class="sm_header">эпизоды</span>
<div class="scrolling_box">
<div class="scrolling_box_inner">


      <!--СПИСОК ЛИЧНЫХ ЭПОВ НАЧАЛО-->

<img src="http://forumstatic.ru/files/001b/c9/d8/59702.png" original-title="">
<img src="http://forumstatic.ru/files/001b/c9/d8/59702.png" original-title="">
<img src="http://forumstatic.ru/files/001b/c9/d8/59702.png" original-title="">
<img src="http://forumstatic.ru/files/001b/c9/d8/59702.png">
<img src="http://forumstatic.ru/files/001b/c9/d8/59702.png" original-title="">
<img src="http://forumstatic.ru/files/001b/c9/d8/59702.png" original-title="">

      <!--СПИСОК ЛИЧНЫХ ЭПОВ КОНЕЦ-->

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


<div class="sm1_item cupons">
<span class="sm_header">купоны</span>
<div class="scrolling_box"><div class="scrolling_box_inner">
      <!--КУПОНЫ НАЧАЛО-->

      <!--ИММУНИТЕТ-->
<span><img src="http://forumstatic.ru/files/001b/c9/d8/34199.png" class="no" original-title="">
<em>00</em></span>
      <!--ТВИНК-->
<span><img src="http://forumstatic.ru/files/001b/c9/d8/67644.png" class="no">
<em>00</em></span>
      <!--ПОЗИЦИЯ ИЗ ОБМЕННИКА-->
<span><img src="http://forumstatic.ru/files/001b/c9/d8/64953.png" class="no" original-title="">
<em>00</em></span>
      <!--РЕКЛАМА НУЖНОГО 2 НЕДЕЛИ-->
<span><img src="http://forumstatic.ru/files/001b/c9/d8/14758.png" class="no">
<em>00</em></span>
      <!--СМЕНА ВНЕШНОСТИ-->
<span><img src="http://forumstatic.ru/files/001b/c9/d8/97593.png" class="no">
<em>00</em></span>

      <!--ИГРА С АМС-->
<span><img src="http://forumstatic.ru/files/001b/c9/d8/80356.png" class="no">
<em>00</em></span>
      <!--АРТЕФАКТ 1ШТ-->
<span><img src="http://forumstatic.ru/files/001b/c9/d8/24135.png" class="no">
<em>00</em></span>
      <!--ИКОНКА В ПРОФИЛЬ-->
<span><img src="http://forumstatic.ru/files/001b/c9/d8/10886.png" class="no">
<em>00</em></span>
      <!--ТАРО-->
<span><img src="http://forumstatic.ru/files/001b/c9/d8/47114.png" class="no">
<em>00</em></span>
      <!--ГРАФИКА ОТ АМС-->
<span><img src="http://forumstatic.ru/files/001b/c9/d8/28642.png" class="no">
<em>00</em></span>

      <!--КУПОНЫ КОНЕЦ-->
</div></div>
</div>
</div>


	    </div>
	    <div id="sm2" class="submenutext" style="display: none;">
<div class="sm1_wrap">

<div class="sm2_item tarot">
<span class="sm_header">таро</span>
<div class="scrolling_box"><div class="scrolling_box_inner">
      <!--ТАРО НАЧАЛО-->

<span>the abyss</span>
      <!--THE ABYSS-->
<img src="http://forumstatic.ru/files/001b/c9/d8/39367.png" class="no" original-title="ДУРАК">
<img src="http://forumstatic.ru/files/001b/c9/d8/81053.png" class="no" original-title="МАГ">
<img src="http://forumstatic.ru/files/001b/c9/d8/10776.png" class="no" original-title="ИМПЕРАТОР">
<img src="http://forumstatic.ru/files/001b/c9/d8/73831.png" class="no" title="ОТШЕЛЬНИК">
<img src="http://forumstatic.ru/files/001b/c9/d8/44291.png" class="no" title="ПРАВОСУДИЕ">
<img src="http://forumstatic.ru/files/001b/c9/d8/18268.png" class="no" title="МИР">

      <!--ТАРО КОНЕЦ-->
</div></div>
</div>

<div class="sm2_item artifacts">
<span class="sm_header">артефакты</span>
<div class="scrolling_box"><div class="scrolling_box_inner">
     <!--АРТЕФАКТЫ НАЧАЛО-->

<img src="https://i.imgur.com/QEu2pu6.png" class="yes" title="книга теней">
<img src="https://i.imgur.com/SGL3z4t.png" class="yes" title="зелье леты">
<img src="https://i.imgur.com/NTKvdbp.png" class="yes" title="слезы дриад">
<img src="https://forumstatic.ru/files/001b/c0/a4/34019.png" class="no" title="НАЗВАНИЕ АРТЕФАКТА">
<img src="https://forumstatic.ru/files/001b/c0/a4/34019.png" class="no" original-title="НАЗВАНИЕ АРТЕФАКТА">
<img src="https://forumstatic.ru/files/001b/c0/a4/34019.png" class="no" title="НАЗВАНИЕ АРТЕФАКТА">
<img src="https://forumstatic.ru/files/001b/c0/a4/34019.png" class="no" title="НАЗВАНИЕ АРТЕФАКТА">
<img src="https://forumstatic.ru/files/001b/c0/a4/34019.png" class="no" title="НАЗВАНИЕ АРТЕФАКТА">
<img src="https://forumstatic.ru/files/001b/c0/a4/34019.png" class="no" title="НАЗВАНИЕ АРТЕФАКТА">
<img src="https://forumstatic.ru/files/001b/c0/a4/34019.png" class="no" title="НАЗВАНИЕ АРТЕФАКТА">
<img src="https://forumstatic.ru/files/001b/c0/a4/34019.png" class="no" title="НАЗВАНИЕ АРТЕФАКТА">

     <!--АРТЕФАКТЫ КОНЕЦ-->
</div></div>
</div>

</div>
	    </div>
    </div>
</div>
    <a class="close-reveal-modal">×</a>
    </div>

2

в диз
Код:
.modal_wrap {
    display: flex;
}
#pun .reveal-modal.xlarge {
    width: 860px;
    margin-left: -420px;
    background: #181818 !important;
    border-radius: 20px;
    padding-left: 25px;
    box-sizing: border-box;
    height: 400px;
    top: 33% !important;
}
.char_info_wrap {
    position: absolute;
    width: 140px;
    top: 95px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
}
.char_block {
    background: url(https://forumstatic.ru/files/001b/c0/a4/81003.png);
    padding: 12px 12px 12px 16px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    color: #898056;
    font: 800 18px Raleway;
    text-transform: lowercase;
    margin-bottom: 14px;
    width: 140px;
    height: 183px;
}
.char_img {
    position: absolute;
    left: 37px;
    top: 46px;
    width: 70px;
    height: 70px;
}
.track_name {
    position: absolute;
    font: 400 9px Raleway;
    color: #000;
    text-transform: lowercase;
    top: 144px;
    left: 16px;
}
.group_name {
    position: absolute;
    font: 700 8px Raleway;
    color: #8A8A8A;
    text-transform: lowercase;
    top: 157px;
    left: 16px;
}
.char_info_wrap a {
    font: 700 10px Raleway;
    text-transform: lowercase;
    background: #181818;
    border: 1px solid #898056 !important;
    border-radius: 45px 45px 45px 0px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 67px;
    min-height: 26px;
    padding: 4px 10px 4px 8px;
    box-sizing: border-box;
    color: #898056 !important;
    transition: all .6s linear 0s !important;
}
.menu-links {
    width: 110px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding-top: 21px;
    align-items: flex-end;
}
.menu .tabactive {
    color: #101010;
    background: #fff;
}
.menu span {
    cursor: pointer;
    display: block;
    text-align: left;
    padding: 3px 16px 4px 10px;
    background: #181818;
    border-radius: 20px 0px 0px 20px;
    font: 700 12px 'Raleway';
    text-transform: lowercase;
    color: #898056;
    min-width: 82px;
    box-sizing: border-box;
}
#submenu {
    padding: 12px 32px 12px 59px;
    height: auto;
    width: 726px;
    background: #F6F5EE;
    box-sizing: border-box;
    height: 400px;
    border-radius: 20px;
}
#submenu {
    display: inline-block;
}
.submenutext {
    display: none;
    height: 100%;
}
.sm1_wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 30px;
    margin-top: 2px;
}
.sm1_item.profil {
    display: flex;
    align-items: center;
}
.sm1_item.profil .sm_header {
    background: #F2EDD5;
    font: 700 12px Raleway;
    text-transform: lowercase;
    border-radius: 15px 0 0 15px;
    padding: 5px 25px 6px 15px;
}
.sm_header {
    background: #F2EDD5;
    font: 700 12px Raleway;
    text-transform: lowercase;
    border-radius: 15px 15px 15px 0;
    padding: 5px 15px 15px 15px;
}
.sm1_item.profil .scrolling_box {
    margin-left: -15px;
    height: 38px;
    display: flex;
    gap: 20px;
    align-items: center;
    padding: 0 20px;
    box-sizing: border-box;
    overflow-x: auto;
    overflow-y: hidden;
}
.scrolling_box {
    background: #FAF8F5;
    border: 1px solid #EFE9CB;
    border-radius: 10px;
    overflow: auto;
    position: relative;
    flex: 1;
}
.sm1_item.profil .scrolling_box img {
    max-height: 20px;
}
.yes {
    opacity: 1;
    filter: grayscale(0);
}
.no {
    opacity: .5;
    filter: grayscale(100%);
}
.sm1_item.episodes {
    width: 237px;
    height: 300px;
}
.sm1_item.episodes .scrolling_box {
    height: 100%;
    display: flex;
    gap: 20px;
    align-items: center;
    padding: 16px;
    box-sizing: border-box;
    flex-wrap: wrap;
    flex: 1;
    margin-top: 5px;
    overflow: hidden;
}
.sm1_item.episodes .scrolling_box_inner {
    overflow: auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 3px;
}
.sm1_item.cupons {
    flex: 1;
    height: 300px;
}
.sm1_item.cupons .scrolling_box {
    height: 100%;
    display: flex;
    gap: 20px;
    align-items: center;
    box-sizing: border-box;
    flex-wrap: wrap;
    flex: 1;
    margin-top: 5px;
    overflow: hidden;
    padding: 10px;
}
.sm1_item.cupons .scrolling_box_inner {
    overflow: auto;
    height: 100%;
}
.sm1_item.cupons .scrolling_box_inner span {
    position: relative;
    display: inline-block;
}
.sm2_item.tarot .scrolling_box {
    height: 100%;
    display: flex;
    gap: 20px;
    align-items: center;
    box-sizing: border-box;
    flex-wrap: wrap;
    flex: 1;
    margin-top: 5px;
    overflow: hidden;
    padding: 5px 10px;
}
.sm2_item.tarot .scrolling_box .scrolling_box_inner {
    overflow: auto;
    height: 175px;
}
.sm2_item.tarot .scrolling_box .scrolling_box_inner span:first-child {
    margin-top: 0;
}
.sm2_item.tarot .scrolling_box .scrolling_box_inner span {
    display: block;
    background: #F2EDD5;
    border-radius: 16px;
    font: 700 10px Raleway;
    text-align: center;
    padding: 3px 0 4px;
    margin: 5px;
}
.sm2_item.artifacts {
    margin-top: 40px;
}
.sm2_item.artifacts .scrolling_box {
    height: 100%;
    display: flex;
    gap: 20px;
    align-items: center;
    box-sizing: border-box;
    flex-wrap: wrap;
    flex: 1;
    margin-top: 5px;
    overflow: hidden;
    padding: 5px 10px;
    width: 609px;
}
.sm2_item.artifacts .scrolling_box .scrolling_box_inner {
    overflow: auto;
    height: 52px;
}

3

гостевая
Код:
<div class="guest"><div class="guestbg"><div><div class="guestcon"><div><br><span style="font-family: Santa Catarina">
<span style="font-size: 22px">привет, ты здесь — в честерфилде!</span> </span><br>
 мы предлагаем тебе окунуться в атмосферу мистического города, 
где существа и люди борются за право жить на одной территории 
с монстрами. первое правило выживания, — не нарушай правила, 
не ходи в лес после наступления темноты и не стой на пути 
у охотников<br><br>

<span style="font-size: 12px"><strong>правила придержания</strong></span>
<br>— занять гостю — сутки; зарегистрированным — 3 дня;
<br>— продлить можно 2 раза;
<br>— дубли фамилий без семейных связей — запрещены
<br>— в выкупленных имена считаются занятыми и брать их при регистрации нельзя<br><br>

<span style="font-size: 12px"><strong>ссылки</strong></span><br>
<a href="http://thesanctum.rusff.me/viewtopic.php?id=70#p16765">списки жителей</a><br> 
<a href="http://thesanctum.rusff.me/viewtopic.php?id=69#p16760">f.a.q.</a><br> 
<a href="http://thesanctum.rusff.me/viewtopic.php?id=19#p2509">шаблон анкеты</a><br> 
<a href="http://thesanctum.rusff.me/viewtopic.php?id=6#p6">новости</a><br> 
</div><div>
<div class="guestconteiner">
<div class="guestface">придержаны</div>
<div class="guesmane"> 

<span class="guestdata">по 23.01 включительно</span>
<b>carla gugino</b> — <a href="http://thesanctum.rusff.me/profile.php?id=129"> la femme a la peau bleue</a><br> 

<span class="guestdata">по 24.01 включительно</span>
<b>jessica chastain</b> — <a href="http://thesanctum.rusff.me/profile.php?id=67">burn</a><br> 
<b>tatiana maslany</b> — <a href="http://thesanctum.rusff.me/profile.php?id=124"> tempest galloway</a><br> 

<span class="guestdata">по 25.01 включительно</span>
<b>christian bale</b> — <a href="http://thesanctum.rusff.me/profile.php?id=131"> marcus</a><br> 
<span class="guestdata">по 26.01 включительно</span>
dacre montgomery<br> 
<b>tom holland</b> — <a href="http://thesanctum.rusff.me/profile.php?id=90">ewan cameron</a><br> 
</div>
<div class="guestface">выкупленные</div>
<div class="guesmane">
<span class="guestdata">имена</span>
jim - <a href="http://thesanctum.rusff.me/profile.php?id=6">jim murdock</a><br> 
<span class="guestdata">внешности</span>
<b>pedro pascal</b> — <a href="http://thesanctum.rusff.me/viewtopic.php?id=3#p22971">нужные</a> по 14.02<br> 
<b>lily collins</b> — <a href="http://thesanctum.rusff.me/profile.php?id=14">virsavia greengrass</a> по 29.01 <br>
<b>garrett hedlund</b> — <a href="http://thesanctum.rusff.me/profile.php?id=73">cassie murdock</a> по 29.01 <br>
<b>charlie cox</b> — <a href="http://thesanctum.rusff.me/profile.php?id=113">lydia dawson</a> по 29.01 <br>
<b>frank grillo</b> — <a href="http://thesanctum.rusff.me/profile.php?id=55">fenrir murdock</a> по 29.01 <br>
<b>ellie bamber</b> — <a href="http://thesanctum.rusff.me/profile.php?id=56">william rhodes</a> по 29.01 <br>
</div>
<div></div></div></div></div></div></div></div>
в дизн
Код:
.guest {
    font-size: 10px;
    width: 690px;
    background: var(--bg-3);
    border-radius: 15px;
    outline: 1px solid var(--scroll-1);
    outline-offset: -7px;
}
.guestbg {
    font-size: 10px;
    background: var(--guestbgg) no-repeat;
    position: relative;
    left: 6px;
    top: 6px;
}
.guestcon {
    font-size: 11px !important;
    padding: 160px 18px 32px 28px;
    width: fit-content;
    display: flex;
    gap: 13px;
    line-height: 17px;
}
.guestconteiner {
    font-size: 10px;
    padding: 0px 0 0 17px;
    width: 291px;
    margin-top: -9px !important;
    margin-left: 12px !important;
}
.guestface {
    font-size: 11px;
    padding: 2px 7px 1px 7px;
    position: relative;
    top: 15px;
    background: var(--bg-3);
    border: 1px solid var(--scroll-1);
    width: fit-content;
    left: 187px;
    border-radius: 30px;
    font-weight: 700;
    color: var(--text);
}
.guesmane {
    font-size: 10px;
    padding: 10px 15px;
    width: 250px;
    border: 1px solid var(--scroll-1);
    border-radius: 10px;
    overflow-x: auto;
    height: 150px;
    text-transform: lowercase;
}
span.guestdata {
    font-size: 10px;
    background: var(--scroll-1);
    display: flex;
    justify-content: space-around;
    border-radius: 30px;
    margin-bottom: 5px;
    margin-top: 5px;
}

4

Код:
#pun-index .tclcon h3 a {
    font-size: 13px;
    letter-spacing: 2px;
    position: relative;
    font-family: CHARMING!important;
    text-transform: uppercase;
    display: block;
    line-height: 20px;
    background: #bbb39a;
    width: 400px;
    padding: 2px 0px 2px 44px;
    margin: 0px 0px 0px -44px;
    border-radius: 50px;
}

Вы здесь » Test by devls » страниу » санктум лс


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