24/08/15 Открыта запись на обучение вёрстки для майбба - ссылка на тему

Избранные уроки Photoshop

Эпиграф в стиле tumblr (перевод windymind)

Вверх
Вниз

COLOR MATE

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

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

Вы здесь » COLOR MATE » Каталог CSS|JS » Скрываем баннер под кнопку(спойлер)

Скрываем баннер под кнопку(спойлер)

Страница: 1

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

1

  • Автор: Perfect
  • чувааки**
  • Perfect
  • Зарегистрирован: 03-04-2010
  • Приглашений: 0
  • Сообщений: 241
  • Уважение: +84
  • Позитив: +29
  • Пол: Женский
  • Провел на форуме:
    3 дня 11 часов
  • Последний визит:
    12-10-2010 15:36:44

HTML низ
С помощью картинки:

<link rel="stylesheet" type="text/css" href="http://i.rusff.ru/f/ru/rusff/spoiler_banner.css" />
<div class="main" id="spo_all"><div class="category" id="spo_top" onclick="obj=this.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"><h2><center><img src="ССЫЛКА НА КАРТИНКУ "></center></h2></div><div id="spoiler4" style="background-color: #FFFFCC;">
сюда вставлять коды
</div></div>

С помощью кнопки на которой написано баннеры(или же наши друзья, на ваш вкус):

<link rel="stylesheet" type="text/css" href="http://i.rusff.ru/f/ru/rusff/spoiler_banner.css" />
<div class="main" id="spo_all"><div class="category" id="spo_top" onclick="obj=this.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"><h2><center>просто слово баннеры или любое другое</center></h2></div><div id="spoiler4" style="background-color: #FFFFCC;">
сюда вставлять коды</div></div>

0

2

  • Автор: kiwi
  • ♥
  • kiwi
  • Зарегистрирован: 05-06-2011
  • Приглашений: 0
  • Сообщений: 88
  • Уважение: +26
  • Позитив: +23
  • Провел на форуме:
    1 день 4 часа
  • Последний визит:
    28-07-2011 21:59:51

У меня не работает этот скрипт:(

0

3

  • Автор: - а п е л ь с и н
  • ловец овец
  • - а п е л ь с и н
  • Зарегистрирован: 28-03-2011
  • Приглашений: 0
  • Сообщений: 333
  • Уважение: +178
  • Позитив: +10
  • Провел на форуме:
    10 дней 10 часов
  • Последний визит:
    19-09-2012 01:39:04

kiwi, только что проверил, всё работает... пробуйте ещё раз. Может не всё скопировали

0

4

  • Автор: leshko
  • я есмь клевер
  • leshko
  • Зарегистрирован: 02-08-2011
  • Приглашений: 0
  • Сообщений: 9
  • Уважение: +1
  • Позитив: +4
  • Провел на форуме:
    6 часов 32 минуты
  • Последний визит:
    10-01-2012 14:16:14

У меня такой вопрос. Можно ли как-нибудь изменить положение картинки (первый код). Хотелось бы ее чуть выше поставить, а то получается, что больше половины ее вылезает снизу за край форума, а сам сппойлер открывается над ней ((

0

5

  • Автор: Freken'
  • *-*
  • Freken'
  • Зарегистрирован: 30-07-2011
  • Приглашений: 0
  • Сообщений: 614
  • Уважение: +90
  • Позитив: +134
  • Пол: Женский
  • Возраст: 28 [1996-09-08]
  • Провел на форуме:
    6 дней 13 часов
  • Последний визит:
    19-02-2018 19:43:18

<link rel="stylesheet" type="text/css" href="http://i.rusff.ru/f/ru/rusff/spoiler_banner.css" />
<div class="main" id="spo_all"><div class="category" id="spo_top" onclick="obj=this.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"><h2><center><img src="ССЫЛКА НА КАРТИНКУ "></center></h2></div><div id="spoiler4" style="background-color: #FFFFCC;">
сюда вставлять коды
</div></div>
Красным обозначено height (высота) Изменяйте цыфру, пока не добьетесь нужного вам результата. (цисла могут быть и 0, -1, -2 и т.д.)

Отредактировано Фрекен Бог (03-08-2011 15:20:33)

0

6

  • Автор: leshko
  • я есмь клевер
  • leshko
  • Зарегистрирован: 02-08-2011
  • Приглашений: 0
  • Сообщений: 9
  • Уважение: +1
  • Позитив: +4
  • Провел на форуме:
    6 часов 32 минуты
  • Последний визит:
    10-01-2012 14:16:14

Фрекен Бог, хммм, это же тег заголовка, он к высоте отношения не имеет... *чешет голову*
пробовал менять, но он не меняет)))
Сделал отдельный стиль для высоты этой штуковины, так что - разобрался, спасибо.

Отредактировано leshko (03-08-2011 22:39:46)

0

7

  • Автор: vintage
  • amore
  • vintage
  • Зарегистрирован: 30-07-2011
  • Приглашений: 0
  • Сообщений: 53
  • Уважение: +12
  • Позитив: +5
  • Провел на форуме:
    2 дня 14 часов
  • Последний визит:
    05-10-2016 12:35:23

Мне кнопку нужно левее расположить, не подскажите как?

0

8

  • Автор: - а п е л ь с и н
  • ловец овец
  • - а п е л ь с и н
  • Зарегистрирован: 28-03-2011
  • Приглашений: 0
  • Сообщений: 333
  • Уважение: +178
  • Позитив: +10
  • Провел на форуме:
    10 дней 10 часов
  • Последний визит:
    19-09-2012 01:39:04

Kathar,

Perfect написал(а):

<center><img src="ССЫЛКА НА КАРТИНКУ "></center>

уберите <center></center>

0

9

  • Автор: vintage
  • amore
  • vintage
  • Зарегистрирован: 30-07-2011
  • Приглашений: 0
  • Сообщений: 53
  • Уважение: +12
  • Позитив: +5
  • Провел на форуме:
    2 дня 14 часов
  • Последний визит:
    05-10-2016 12:35:23

- а п е л ь с и н,  тоже самое осталось.

0

10

  • Автор: - а п е л ь с и н
  • ловец овец
  • - а п е л ь с и н
  • Зарегистрирован: 28-03-2011
  • Приглашений: 0
  • Сообщений: 333
  • Уважение: +178
  • Позитив: +10
  • Провел на форуме:
    10 дней 10 часов
  • Последний визит:
    19-09-2012 01:39:04

Kathar, ну ссылку тогда дайте на форум

0

11

  • Автор: vintage
  • amore
  • vintage
  • Зарегистрирован: 30-07-2011
  • Приглашений: 0
  • Сообщений: 53
  • Уважение: +12
  • Позитив: +5
  • Провел на форуме:
    2 дня 14 часов
  • Последний визит:
    05-10-2016 12:35:23

- а п е л ь с и н,  http://hpnext.mybb.ru/

0

12

  • Автор: - а п е л ь с и н
  • ловец овец
  • - а п е л ь с и н
  • Зарегистрирован: 28-03-2011
  • Приглашений: 0
  • Сообщений: 333
  • Уважение: +178
  • Позитив: +10
  • Провел на форуме:
    10 дней 10 часов
  • Последний визит:
    19-09-2012 01:39:04

Kathar, я что-то сам в шоке Оо
попробуйте этот скрипт поставить первым в хтмл-низ, а не между другими скриптами. Если нет, то придумаю что-нить ещё

0

13

  • Автор: vintage
  • amore
  • vintage
  • Зарегистрирован: 30-07-2011
  • Приглашений: 0
  • Сообщений: 53
  • Уважение: +12
  • Позитив: +5
  • Провел на форуме:
    2 дня 14 часов
  • Последний визит:
    05-10-2016 12:35:23

- а п е л ь с и н, еще хуже стало. кнопка за чатом находится теперь оО

0

14

  • Автор: - а п е л ь с и н
  • ловец овец
  • - а п е л ь с и н
  • Зарегистрирован: 28-03-2011
  • Приглашений: 0
  • Сообщений: 333
  • Уважение: +178
  • Позитив: +10
  • Провел на форуме:
    10 дней 10 часов
  • Последний визит:
    19-09-2012 01:39:04

Kathar, попробуй под все скрипты, на самый них хтмл-низа хд
щас что-нить еще посмотрю..

0

15

  • Автор: - а п е л ь с и н
  • ловец овец
  • - а п е л ь с и н
  • Зарегистрирован: 28-03-2011
  • Приглашений: 0
  • Сообщений: 333
  • Уважение: +178
  • Позитив: +10
  • Провел на форуме:
    10 дней 10 часов
  • Последний визит:
    19-09-2012 01:39:04

Kathar, вот так, в самый конец хтмл-низа

Код:
<link rel="stylesheet" type="text/css" href="http://i.rusff.ru/f/ru/rusff/spoiler_banner.css" />
<div class="main" id="spo_all"><div class="category" id="spo_top" onclick="obj=this.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"><h2><center><img src="http://xmages.net/storage/10/1/0/3/c/upload/6645a99d.png"></center></h2></div><div id="spoiler4" style="background-color: #bfbfbf;">
Наши партнеры
<!-- "Graffiti Decorations (R) Banner Start" -->
<a href="http://graffitistudio.ru" title="Сайт добавлен в список бесплатной раскрутки Graffiti Decorations (R) Site Promoter"><img border="1"  src="http://graffitistudio.ru/banners/banner2.gif" width="100" height="100" alt="Graffiti Decorations(R) Studio (TM) Site Promoter"></a>
<!-- "Graffiti Decorations (R) Banner End  " -->
</div></div>

0

16

  • Автор: iamyourpathos
  • я есмь клевер
  • iamyourpathos
  • Зарегистрирован: 11-08-2011
  • Приглашений: 0
  • Сообщений: 229
  • Уважение: +284
  • Позитив: +45
  • Провел на форуме:
    6 дней 13 часов
  • Последний визит:
    20-04-2016 18:23:26

- а п е л ь с и н,
Все так, как было раньше.  :pained:
Катар куда-то ушла

0

17

  • Автор: - а п е л ь с и н
  • ловец овец
  • - а п е л ь с и н
  • Зарегистрирован: 28-03-2011
  • Приглашений: 0
  • Сообщений: 333
  • Уважение: +178
  • Позитив: +10
  • Провел на форуме:
    10 дней 10 часов
  • Последний визит:
    19-09-2012 01:39:04

я твой Пафос, у меня щас всё нормально показывается, вроде

0

18

  • Автор: vintage
  • amore
  • vintage
  • Зарегистрирован: 30-07-2011
  • Приглашений: 0
  • Сообщений: 53
  • Уважение: +12
  • Позитив: +5
  • Провел на форуме:
    2 дня 14 часов
  • Последний визит:
    05-10-2016 12:35:23

- а п е л ь с и н,  мы другой скрипт использовали. Но все равно, далеко до идеала. Там, по идее, кнопка должна закончится закругленными краями, как бы завершая форум, ну а тут, сами видите. Будем работать над этим.

0

19

  • Автор: - а п е л ь с и н
  • ловец овец
  • - а п е л ь с и н
  • Зарегистрирован: 28-03-2011
  • Приглашений: 0
  • Сообщений: 333
  • Уважение: +178
  • Позитив: +10
  • Провел на форуме:
    10 дней 10 часов
  • Последний визит:
    19-09-2012 01:39:04

Kathar, у вас куча всяких скриптов, от которых по идеи, мало толка... и они могут мешать как-то работе друг друга, вот и получается такая хрень... а во поводу закруглённых краёв, это наверно потому, что задний фон тела форума залит цветом

0

20

  • Автор: iamyourpathos
  • я есмь клевер
  • iamyourpathos
  • Зарегистрирован: 11-08-2011
  • Приглашений: 0
  • Сообщений: 229
  • Уважение: +284
  • Позитив: +45
  • Провел на форуме:
    6 дней 13 часов
  • Последний визит:
    20-04-2016 18:23:26
- а п е л ь с и н написал(а):

потому, что задний фон тела форума залит цветом

точно...
Спасибо)

0

Страница: 1

Вы здесь » COLOR MATE » Каталог CSS|JS » Скрываем баннер под кнопку(спойлер)