Внимание! Данный раздел закрыт и доступен только для чтения в связи с запуском нового проекта uВопросы, на котором Вы можете найти ответ или задать любой интересующий вопрос по системе uCoz. Задавайте вопросы, ищите ответы и помогайте найти ответы другим пользователям системы! Получайте баллы и открывайте новые достижения. Подробнее в блоге...

Перейти на новый сайт помощи по uCoz


  • Страница 2 из 3
  • «
  • 1
  • 2
  • 3
  • »
Архив - только для чтения
Модератор форума: JonMagon  
Сообщество uCoz » Модули uCoz » Форум » Как создать в спойлере спойлер и так далее (Спойлер)
Как создать в спойлере спойлер и так далее
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 16 | 17:50:03
Amati5210,
1. Уберите вторую колонку, всё из колонок разместите в одной, правой или левой на разрешении 1024 поможет
2. Изображения схем можно сделать и меньше.
3. Окружите текст в спойлере дивом ..
<div style="margin: 4px; padding: 4px; border: 1px #000 solid;">
текст
</div>

Amati5210
Сообщений: 125
Репутация: 16

Сообщение # 17 | 18:09:55
Типа такого я и представлял. Не стал удалять колонки, так оно более приемлемо, как для меня. Благодарю и +1 добавил, всё что могу. Удачи!

Мой сайт РемДомТех
maloir
Сообщений: 45
Репутация: 35

Сообщение # 18 | 16:23:56
А поскажите пожалусто как на одной странице, друг за другом разместить 30 спойлеров? Буду очень благодарен.

Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 19 | 16:57:24
maloir, runettex.clan.su/index/0-25 Любое количество спойлров на одной странице, скрипт должен быть один а самих спойлеров сколько угодно ..

reformator
Сообщений: 2034
Репутация: 534

Сообщение # 20 | 18:28:32
Nikitosbboy, делаем сворачиваемый текст с помощью обычных блоков...

Код
<div class="primer"><a href="javascript://" onclick="$('#block').slideToggle('fast');">Сворачиваемый текст</a></div>
<div class="content" id="block" style="display:none">Скрытый текст</div>


все очень просто...пример смотрим здесь

maloir
Сообщений: 45
Репутация: 35

Сообщение # 21 | 19:17:02
Miss_Esq спасибо конечно, но когда я вношу измение в css у меня сам сайт меняеть, шришты и так далее

Сообщение отредактировал maloir - Суббота, 09 Мар 2013, 19:20:02
Ta-ta
Сообщений: 57
Репутация: 1

Сообщение # 22 | 19:17:10
Ребята, подскажите плиз, как сделать название спойлера "Люди - Personen" больше и другим цветом?
Код
<script type="text/javascript">
$(document).ready(function(){$('.sliEsq').click(function(){$(this).parent().children('.sliesQ').toggle('slow');return false;};);};);
</script>
<div>
<a title="Click" href="javascript://" class="sliEsq">
<input value="Люди - Personen" class="InStyle" type="button"></a>
<div class="sliesQ slicont"><iframe src="http://www.youtube.com/embed/VHEDGgvR8ts" allowfullscreen="" frameborder="0" height="315" width="420"></iframe></div>
</div>

И вот CSS
Код
.slicont {width: 200px; cursor: pointer; display: none;}
.InStyle {width: 200px; cursor: pointer;}


А то уж очень мелко выходит
www.deutsch-kompakt.info
И можно ли убрать подчеркивание.

Заранее спасибо.

Сообщение отредактировал Ta-ta - Четверг, 21 Мар 2013, 19:43:39
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 23 | 19:55:04
Ta-ta, .InStyle {background-color: #FF66CC; padding: 10px 40px; width: 430px; cursor: pointer;}

Ta-ta
Сообщений: 57
Репутация: 1

Сообщение # 24 | 20:05:12
Не выходит. sad
Код
.slicont {width: 600px; cursor: pointer; display: none;}
.InStyle {background-color: #800000; padding: 40px 80px; width: 300px; cursor: pointer;}

Только ширина меняется, а цвет и размер нет.
И так пробовала
Код
.InStyle {font-size: 35px; width: 250px; cursor: pointer;}

Все равно ничего не меняется.

Сообщение отредактировал Ta-ta - Четверг, 21 Мар 2013, 20:19:40
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 25 | 20:20:19
Ta-ta, .InStyle {background-color: #800000!important; padding: 40px 80px; width: 300px!important; cursor: pointer;}

Цитата
размер нет
размер чего ?

Ta-ta
Сообщений: 57
Репутация: 1

Сообщение # 26 | 20:21:59
Мне надо поменять размер и цвет шрифта.
Интересно, сейчас проверила в Interner Explorer - поменялось. А в моциле нет.

Сообщение отредактировал Ta-ta - Четверг, 21 Мар 2013, 20:26:24
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 27 | 20:28:36
Ta-ta,
Цитата
в Interner Explorer - поменялось. А в моциле нет.
Сделайте эдак ...
<script type="text/javascript">
$(document).ready(function(){$('.sliEsq').click(function(){$(this).parent().children('.sliesQ').toggle('slow');return false;};);};);
</script>
<div>
<a title="Click" href="javascript://" class="sliEsq">
<div class="InStyle" style="background-color: #FF66CC; padding: 10px 0px; border: 1px; text-align: center; border-radius: 10px; width: 430px; color: #0000FF; font-size: 20pt;" >Персоналии</div></a>
<div class="sliesQ slicont"><iframe src="http://www.youtube.com/embed/VHEDGgvR8ts" allowfullscreen="" frameborder="0" height="315" width="420"></iframe></div>
</div>

Сообщение отредактировал Miss_Esq - Четверг, 21 Мар 2013, 20:29:28
Ta-ta
Сообщений: 57
Репутация: 1

Сообщение # 28 | 00:22:55
Спасибо, но так тоже не выходит.
Вот здесь пробовала
http://testsite.ucoz.org/
И так не очень красиво. Все таки хотелось бы, чтоб было как здесь
http://www.deutsch-kompakt.info/index/audiotrenning/0-22
но текст немного крупнее. sad

Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 29 | 01:09:25
Ta-ta, Там такой CSS действуетдля спойлера ..

.slicont {width: 600px; cursor: pointer; display: none;}
.InStyle {font-size: 14px; text-align:left; width: 300px!important; cursor: pointer;}

и этот как фон

{padding: 0 6px;font: bold 10px/16px 'Century Gothic';color: #2d1f0b;border: 1px solid #756859;border-left: none;border-top: none;border-radius: 5px;background: url(http://www.deutsch-kompakt.info/.s/t/786/17.jpg);cursor: pointer;}


Сообщение отредактировал Miss_Esq - Пятница, 22 Мар 2013, 01:14:29
Ta-ta
Сообщений: 57
Репутация: 1

Сообщение # 30 | 03:01:38
Наверно чего-то я не догоняю. wacko
В HTML спойлер вставила. В CSS вот это вставила
Код
.slicont {width: 600px; cursor: pointer; display: none;}   
   .InStyle {font-size: 14px; text-align:left; width: 300px!important; cursor: pointer;}

Красиво, но не открывается, не работает.
http://testsite.ucoz.org/

Сообщение отредактировал Ta-ta - Пятница, 22 Мар 2013, 03:02:19
Сообщество uCoz » Модули uCoz » Форум » Как создать в спойлере спойлер и так далее (Спойлер)
  • Страница 2 из 3
  • «
  • 1
  • 2
  • 3
  • »
Поиск: