Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Не корректное отображение картинокавтор Luz Вчера в 12:40
» Переход с 2x2forum.ru на 2x2forum.com
автор Luz Вчера в 12:13
» Проблема с метатегом Description
автор VeraLV Март 18th 2024, 15:31
» 1 марта будет запрет на ВПН, это отразится на работе платформы?
автор Svet007 Март 14th 2024, 11:43
» нужен скрипт сумма просмотров тем в разделе
автор лексей2222 Март 5th 2024, 07:37
» Новое: Откройте для себя функцию "Подписка на пользователей"
автор лексей2222 Март 1st 2024, 17:26
» 301 редирект
автор Dana Domirani Февраль 25th 2024, 18:28
» Помощь в нескольких вопросах по форуму
автор лексей2222 Февраль 22nd 2024, 13:21
» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор Dana Domirani Февраль 14th 2024, 00:54
» Загрузка форума
автор лисенок Февраль 13th 2024, 01:09
Как сделать, чтобы при нажатии на изображение выпадал спойлер?
+2
kazanec
Саманта
Участников: 6
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Разные проблемы :: [Архив] Разные проблемы
Страница 1 из 1
Re: Как сделать, чтобы при нажатии на изображение выпадал спойлер?
думаю вам это может подойти
https://help.forum2x2.ru/t16444-topic
https://help.forum2x2.ru/t16444-topic
Re: Как сделать, чтобы при нажатии на изображение выпадал спойлер?
нет. не меню, а блин...вот ссылка. http://miami-university.forumei.com/ В приветствии нажмите на слово "Акции"
Видите?Как так сделать?
Видите?Как так сделать?
Re: Как сделать, чтобы при нажатии на изображение выпадал спойлер?
Вот
В приветствие
http://domovoy.forumy2x2.ru/
Подробней про это можно посмотреть здесь
В приветствие
- Код:
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('.splLink').click(function(){
jQuery(this).parent().children('div.splCont').toggle('normal');
return false;
});
});
</script>
<style>
.spll div .splCont {
height:auto;
width:300px;
background-color: #CECECE;
z-index:1000;
margin-top:2px;
border:1px dotted #000;
font-size:14px;
font-weight: bold;
font-family:Comic Sans MS;
padding:5px;
}
</style>
<table>
<tr>
<td><div class="spll"><DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://s2.ipicture.ru/uploads/20110326/K1RC3ilu.png"></div><DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Action 1. Bad boys and girls <br/>
Action 2. Golden girls and boys <br/>
Action 3. Party People <br/>
Action 4. Cheerleader <br/>
Action 5. Beautiful and clever <br/>
Action 6. Themselves <br/>
Action 7. Teachers <br/>
Action 8. We need you <br/>
Action 9. Welcome
</DIV></DIV>
</div></td>
</tr>
</table>
http://domovoy.forumy2x2.ru/
Подробней про это можно посмотреть здесь
Домовой-
-
Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243
Re: Как сделать, чтобы при нажатии на изображение выпадал спойлер?
Тема отредактирована.
Пожалуйста, не пишите о своих проблемах в чужой теме - откройте новую тему и там подробно все излагайте.
Пожалуйста, не пишите о своих проблемах в чужой теме - откройте новую тему и там подробно все излагайте.
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Как сделать, чтобы при нажатии на изображение выпадал спойлер?
Домовой, отличный код.
Приберегу, вдруг пригодится
Приберегу, вдруг пригодится
Re: Как сделать, чтобы при нажатии на изображение выпадал спойлер?
Sunnyta, за этот код надо благодарить Dana Domirani, благодаря ей я уже давно таким спойлером пользуюсь
Re: Как сделать, чтобы при нажатии на изображение выпадал спойлер?
Ещё вопрос.
Почему вокруг слова Actions рамка?Мне она не нужна!
Почему вокруг слова Actions рамка?Мне она не нужна!
Re: Как сделать, чтобы при нажатии на изображение выпадал спойлер?
А по ссылке это увидеть можно?
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Как сделать, чтобы при нажатии на изображение выпадал спойлер?
Секунду.
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Как сделать, чтобы при нажатии на изображение выпадал спойлер?
Да, из всех ссылок в приветствии. Я уже убрала. Рамку тоже убрала - изображение было в таблице, поэтому отображалось с бордюром.
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Как сделать, чтобы при нажатии на изображение выпадал спойлер?
Что-то я не найду
- Спойлер:
- <table class="tbglav" width="100%" cellspacing="1" border="1">
<tr valign="top">
<td rowspan="3" align="center" valign="middle"><font color="#8F8F8F"><font face="Ariston"><span style="font-size: 24px; line-height: normal">Administrators</span></font></font>
<a href="http://schoolibiza.forumei.com/u1" class="postlink"><img src="http://www.imageup.ru/img57/nina618159.png" border="0" alt="" /></a> <a href="http://schoolibiza.forumei.com/u2" class="postlink"> <img src="http://www.imageup.ru/img57/megan618158.png" border="0" alt="" /></a>
<font color="#8F8F8F"><font face="Ariston"><span style="font-size: 24px; line-height: normal">Moderators</span></font></font>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('.splLink').click(function(){
jQuery(this).parent().children('div.splCont').toggle('normal');
return false;
});
});
</script>
<style>
.spll div .splCont {
height:auto;
width:300px;
background-color: #FFF;
z-index:1000;
margin-top:2px;
border:1px dotted #FFF;
font-size:14px;
font-weight: bold;
font-family:Comic Sans MS;
padding:5px;
}
</style><div class="spll"><DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://www.imageup.ru/img131/011111619406.jpg"></div><DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
<a href="http://schoolibiza.forumei.com/t2-topic" class="postlink">Action №1:Golden people </a><br/>
<a href="http://schoolibiza.forumei.com/t4-topic" class="postlink">Action №2: Party People </a> <br/>
<a href="http://schoolibiza.forumei.com/t17-topic" class="postlink">Action №3:Bad boys and girls </a> <br/>
<a href="http://schoolibiza.forumei.com/t18-topic" class="postlink">Action №4. Cheerleader</a> <br/>
<a href="http://schoolibiza.forumei.com/t19-topic" class="postlink">Action №5. Beautiful and clever </a> <br/>
<a href="http://schoolibiza.forumei.com/t20-topic" class="postlink">Action №6. Lone romance </a><br/>
<a href="http://schoolibiza.forumei.com/t21-topic" class="postlink">Action №7. Teachers </a> <br/>
<a href="http://schoolibiza.forumei.com/t23-topic" class="postlink">Action №8. We need you</a> <br/>
</div></div></div>
</td>
<td rowspan="3" align="center" valign="middle"><font color="#8F8F8F"><font face="Ariston"><span style="font-size: 24px; line-height: normal">Welcome</span></font></font><div style="overflow: scroll; overflow-x: hidden;height: 100px;"><div style="margin:auto;text-align:center;width:100%">Добро пожаловать на нашу новую
ролевую!У вас есть возможность учиться отдыхая!
да-да, именно отдыхая...на берегу океана. Именно
здесь происходят мелкие интрижки, ссоры, пикантные
истории! Место, где должен побывать каждый!</div>
</div>
<font color="#8F8F8F"><font face="Ariston"><span style="font-size: 24px; line-height: normal">In game</span></font></font><div style="overflow: scroll; overflow-x: hidden;height: 100px;"><div style="margin:auto;text-align:center;width:100%">Первое сентября-первый день учебы,
праздник для ботаников и наказание для других.Но в
этом есть и плюс-встреча друзей,которые не виделись
целое лето! Тусовщикам хочется оттянутся по-настоящему
и они утраивают вечеринку в честь Дня Знаний.А все
знают,что на тусах вечно интриги,любовь,возможно,
драки и алкоголь,который этому всему содействует.
Посмотрим,что сделают наши ученики и будут ли
помнить свои поступки.</div>
</div>
</td><div style="margin:auto;text-align:center;width:100%"><td rowspan="3" align="center" valign="middle"><font color="#8F8F8F"><font face="Ariston"><span style="font-size: 24px; line-height: normal">News</span></font></font></div><div style="margin:auto;text-align:center;width:100%">Внимание!</div><div style="margin:auto;text-align:center;width:100%">Проходит набор в администрацию
ролевой. Подробнее в
<a href="http://schoolibiza.forumei.com/t9-topic" class="postlink"> этой</a> теме.</div><div style="margin:auto;text-align:center;width:100%"><font color="#8F8F8F"><font face="Ariston"><span style="font-size: 24px; line-height: normal">Date</span></font></font></div>
1 сентября, 09:00<div style="margin:auto;text-align:center;width:100%"><font color="#8F8F8F"><font face="Ariston"><span style="font-size: 24px; line-height: normal">Weather</span></font></font></div><div style="overflow: scroll; overflow-x: hidden;height:100px;">
Целый день стояла жаркая солнечная
погода, которая продержалась до
самого вечера. Похолодания не
ожидается.
Жарко и солнечно, +28
</div>
</td>
</table>
Re: Как сделать, чтобы при нажатии на изображение выпадал спойлер?
Саманта, я уже убрала их. Первоначально они выглядели как
- Код:
<a href="http://schoolibiza.forumei.com/t2-topic?sid=683****************0f28" class="postlink">Action №1:Golden people </a><br/>
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Как сделать, чтобы при нажатии на изображение выпадал спойлер?
Тогда еще хотелось то же самое красивое, но не при клике, а при наведении ...Eeleidan пишет:Sunnyta, за этот код надо благодарить Dana Domirani, благодаря ей я уже давно таким спойлером пользуюсь
Дана, это возможно?
Re: Как сделать, чтобы при нажатии на изображение выпадал спойлер?
Вот этоSunnyta пишет:
Тогда еще хотелось то же самое красивое, но не при клике, а при наведении ...
Дана, это возможно?
- Код:
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('.splLink').click(function(){
jQuery(this).parent().children('div.splCont').toggle('normal');
return false;
});
});
</script>
- Код:
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('.splLink').parent().hover(function(){
jQuery(this).children('div.splCont').toggle('normal');
},
function(){
jQuery(this).children('div.splCont').toggle('normal');
});
});
</script>
Домовой-
-
Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243
Re: Как сделать, чтобы при нажатии на изображение выпадал спойлер?
Мучас грасьяс
*ты его проверил, а то мне пока некогда?
*ты его проверил, а то мне пока некогда?
Re: Как сделать, чтобы при нажатии на изображение выпадал спойлер?
Я им пользовался неоднократно)))Sunnyta пишет:Мучас грасьяс
*ты его проверил, а то мне пока некогда?
Домовой-
-
Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243
Re: Как сделать, чтобы при нажатии на изображение выпадал спойлер?
Скорость скриптом не задается (в этом варианте), сейчас он просто неправильно работает.
Попробуйте убрать дубль скрипта после баннеров уберите, его не надо дважды ставить.
Попробуйте убрать дубль скрипта после баннеров уберите, его не надо дважды ставить.
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Как сделать, чтобы при нажатии на изображение выпадал спойлер?
Проблема решена, как я понимаю? Тему можно закрывать?
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Как сделать, чтобы при нажатии на изображение выпадал спойлер?
Пожалуйста!
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Похожие темы
» Как сделать чтобы при нажатии на шапку открывался портал?
» Как сделать чтобы чтобы было несколько обьявлений?
» Как сделать, чтобы при нажатии на имя пользователя в теме в тексте сообщения создавалось обращение?
» Как сделать ссылку в форму быстрого ответа при нажатии на имя пользователя
» а можно сделать так чтобы при нажатии на кнопку галлерея открывался форум какой -нибудь
» Как сделать чтобы чтобы было несколько обьявлений?
» Как сделать, чтобы при нажатии на имя пользователя в теме в тексте сообщения создавалось обращение?
» Как сделать ссылку в форму быстрого ответа при нажатии на имя пользователя
» а можно сделать так чтобы при нажатии на кнопку галлерея открывался форум какой -нибудь
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Разные проблемы :: [Архив] Разные проблемы
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения