ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка

Объявление

Проект от команды FD

☑ Поиск роли, партнёра, игрока.
☑ Легко. Удобно. Современно.
☑ Мы в процессе разработки.

Читать спойлеры

Загадочный Дом «Кузнечик»

Форумные игры, кино, позитивное отношение и душевное общение!
Есть в мире место, где душе тепло...
Заходи, мы будем тебе рады!

Подробнее

Мийрон

Качественный пиар быстро и недорого.
Красивейшие дизайны по низким ценам.
Каталог ролевых игр.

Подробнее

FD Chat - Чат на вашем форуме

Чат на отдельной странице на форуме. Без регистрации, используются форумные аккаунты.
Стоимость: 1500р
Первым 10 покупателям скидка 20%.

Подробнее

Дизайн «Warlords of Draenor»

Детализированный rpg-дизайн для MyBB форума гильдии «Warlords of Draenor»
Стоимость при покупке эксклюзивно: 6300р
В стоимость входит настройка и корректировка дизайна под ваш проект.

Подробнее

Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Реклама на сайтеПредложения
Стать модераторомОтзывы

Подробнее
Начался второй тур лотереи для форумов "Новогодний кот". Подаём заявки на участие до 8.12. Не пропустите!
Ищешь чем бы украсить свой форум или сайт к Новому году? 🎄 Мы поможем нарядиться! 🎄

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

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



Затухающий контейнер с вкладками

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

1

Затухающий контейнер с вкладками
Контейнер с эффектом затухающих вкладок.
https://forumupload.ru/uploads/0007/e3/f7/61321-1.png

Платформа: любая
Код
html-верх

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

html-низ

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Туда, где будет ваш контейнер:

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Настройка

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

красное - кнопки-заколовки
синее - содержание контейнеров
зеленое - айдишники вкладок (используются в стиле)

Подпись автора

ForumD.ru очень нужны подписчики и социальных сетях и на YouTube!

https://forumstatic.ru/files/0007/e3/f7/42799.png   https://forumstatic.ru/files/0007/e3/f7/10336.png   https://forumstatic.ru/files/0007/e3/f7/85578.png

С увеличением количество подписчиков, нам откроются новые возможности и функционал.
Если хочешь поддержать наш проект - просто подпишись! :)

+5

2

Герда
Очень красивая фикулька. А как ты запихнула ее в пост?

0

3

art
это наш секрет фирмы http://i.smiles2k.net/aiwan_smiles/smile3.gif

Подпись автора

ForumD.ru очень нужны подписчики и социальных сетях и на YouTube!

https://forumstatic.ru/files/0007/e3/f7/42799.png   https://forumstatic.ru/files/0007/e3/f7/10336.png   https://forumstatic.ru/files/0007/e3/f7/85578.png

С увеличением количество подписчиков, нам откроются новые возможности и функционал.
Если хочешь поддержать наш проект - просто подпишись! :)

0

4

подскажите плз, как сделать эти надписи без фона?)

0

5

и как сделать ширше))

0

6

"Vikk"
вставить png-картинки без фона вместо красного
там какую кнопку вставишь - такая и будет отображаться.

Подпись автора

ForumD.ru очень нужны подписчики и социальных сетях и на YouTube!

https://forumstatic.ru/files/0007/e3/f7/42799.png   https://forumstatic.ru/files/0007/e3/f7/10336.png   https://forumstatic.ru/files/0007/e3/f7/85578.png

С увеличением количество подписчиков, нам откроются новые возможности и функционал.
Если хочешь поддержать наш проект - просто подпишись! :)

0

7

Герда
и етот фон исчезнет?)
благодарю))

0

8

аа, всё, вкурила))

0

9

Попробовала сама изменить код на шесть разделов,но чего то не так...
Не могли бы вы изменить этот код на данное количество вкладок?
Заранее благодарю)

0

10

Нелл
html:

Свернутый текст

<div id="page-wrap">

    <div id="home-button" class="button">

    <img src="https://forumupload.ru/uploads/0007/e3/f7/61312-5.png" alt="home" class="button" />

    </div>

    <div id="about-button" class="button">

    <img src="https://forumupload.ru/uploads/0007/e3/f7/61312-3.png" alt="about" class="button">

    </div>

    <div id="contact-button" class="button">

    <img src="https://forumupload.ru/uploads/0007/e3/f7/61312-4.png" alt="contact" class="button">

    </div>

    <div id="con_4-button" class="button">

    <img src="картинка" alt="описание" class="button">

    </div>
    <div id="con_5-button" class="button">

    <img src="картинка" alt="описание" class="button">

    </div>
    <div id="con_6-button" class="button">

    <img src="картинка" alt="описание" class="button">

    </div>

    <div class="clear"></div>

    <div id="content">

    <div id="home">

    <p>Содержание для пункта home</p>

    </div>

    <div id="about">

    <p>Содержание для пункта about</p>

    </div>

    <div id="contact">

    <p>Это содержание для пункта contact</p>

    </div>
    <div id="con_4">

    <p>Это содержание для пункта con_4</p>

    </div>
    <div id="con_5">

    <p>Это содержание для пункта con_5</p>

    </div>
    <div id="con_6">

    <p>Это содержание для пункта con_6</p>

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

css:

Свернутый текст

<style>
.clear {
clear: both;
}

#page-wrap {
width: 760px;
background: white;
margin: 20px auto;
padding: 20px;
}

.button {
float: left;
margin: 10px;
}

#home {
display: block;
padding: 30px;
}
#home-button {
opacity: 1.0;
border-bottom: 1px solid black;
}

#about {
display: none;
padding: 30px;
}
#about-button {
opacity: 0.5;
border-bottom: 1px solid black;
}

#contact {
display: none;
padding: 30px;
}
#contact-button {
opacity: 0.5;
border-bottom: 1px solid black;
}

#con_4 {
display: none;
padding: 30px;
}
#con_4-button {
opacity: 0.5;
border-bottom: 1px solid black;
}
#con_5 {
display: none;
padding: 30px;
}
#con_5-button {
opacity: 0.5;
border-bottom: 1px solid black;
}
#con_6 {
display: none;
padding: 30px;
}
#con_6-button {
opacity: 0.5;
border-bottom: 1px solid black;
}

</style>

Подпись автора

ForumD.ru очень нужны подписчики и социальных сетях и на YouTube!

https://forumstatic.ru/files/0007/e3/f7/42799.png   https://forumstatic.ru/files/0007/e3/f7/10336.png   https://forumstatic.ru/files/0007/e3/f7/85578.png

С увеличением количество подписчиков, нам откроются новые возможности и функционал.
Если хочешь поддержать наш проект - просто подпишись! :)

0