• — Road to Survival —
    "Дорога к выживанию" — это история о выживании в зомби-апокалипсис, в которой ты — главный герой. 18+
  • — Road to Survival
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    ore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est labor

TWD. ROAD TO SURVIVAL

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

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

Вы здесь » TWD. ROAD TO SURVIVAL » Акции » jj

jj

Страница: 1

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

1

jj

0

2

ntcn

0

3

[html]<div class="tabs" id="tabsinfo">
    <input id="tab1" type="radio" name="tabs" checked>
    <label for="tab1" title="Вкладка 1">Вкладка 1</label>

    <input id="tab2" type="radio" name="tabs">
    <label for="tab2" title="Вкладка 2">Вкладка 2</label>

    <input id="tab3" type="radio" name="tabs">
    <label for="tab3" title="Вкладка 3">Вкладка 3</label>

    <input id="tab4" type="radio" name="tabs">
    <label for="tab4" title="Вкладка 4">Вкладка 4</label>

    <section id="content-tab1">
        <p>
                Здесь размещаете любое содержание....
        </p>
    </section> 
    <section id="content-tab2">
        <p>
          Здесь размещаете любое содержание....
        </p>
    </section>
    <section id="content-tab3">
        <p>
          Здесь размещаете любое содержание....
                </p>
    </section>
    <section id="content-tab4">
        <p>
          Здесь размещаете любое содержание....
        </p>
    </section>   
</div>

[/html]

0

4

  • Game Master
  • Автор: Game Master
  • Участник
  • Сообщений: 1
  • Уважение: +1
  • Позитив: +0
  • Последний визит:
    2024-10-21 13:52:55

test

+1

5

.tabs {width: 100%; padding: 0px; margin: 0 auto;}
.tabs>section {display: none; padding: 15px; background: var(--profilelish); border: 1px solid var(--profilelili);}
.tabs>section>p {
        margin: 0 0 5px;
        line-height: 1.5;
        color: var(--clrfont);
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn;
}
@-webkit-keyframes fadeIn {from {opacity: 0;} to {opacity: 1;}}
@keyframes fadeIn {from {opacity: 0;} to {opacity: 1;}}
.tabs>input {display: none; position: absolute;}
.tabs>label {display: inline-block;margin: 0 0 -1px;padding: 7px 25px;text-align: center;font: 800 1rem var(--fonth);color: var(--clrfont);border-width: 1px 1px 1px 1px;background:  var(--profilelish);border-radius: 5px 5px 0 0;opacity: 0.65;}
.tabs>label:before {font-family: "FontAwesome"; font-weight: 100 !important; margin-right: 10px;}
.tabs#tabsinfo>label[for*="1"]:before {content: "\f19a";}
.tabs#tabsinfo>label[for*="2"]:before {content: "\f17a";}
.tabs#tabsinfo>label[for*="3"]:before {content: "\f13b";}
.tabs#tabsinfo>label[for*="4"]:before {content: "\f13c";}
.tabs>label:hover {color: var(--clrlink); cursor: pointer; opacity: 0.9;}
.tabs>input:checked+label {color: var(--clrlink);background: var(--profilelish);opacity: 1;}
.tabs #tab1:checked~#content-tab1, .tabs #tab2:checked~#content-tab2, .tabs #tab3:checked~#content-tab3, .tabs #tab4:checked~#content-tab4 {display: block;}
@media screen and (max-width: 680px) {.tabs>label {font-size: 0;}
.tabs>label:before {margin: 0; font-size: 18px;}}
@media screen and (max-width: 400px) {.tabs>label {padding: 15px;}}

0

Страница: 1

Вы здесь » TWD. ROAD TO SURVIVAL » Акции » jj

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