Чат сообщества
Внимание! Данный раздел закрыт и доступен только для чтения в связи с запуском нового проекта uВопросы, на котором Вы можете найти ответ или задать любой интересующий вопрос по системе uCoz. Задавайте вопросы, ищите ответы и помогайте найти ответы другим пользователям системы! Получайте баллы и открывайте новые достижения. Подробнее в блоге...
Архив - только для чтения | |
| Модератор форума: JonMagon |
| Сообщество uCoz Модули uCoz Форум Как создать в спойлере спойлер и так далее (Спойлер) |
| Как создать в спойлере спойлер и так далее |
|
Amati5210,
1. Уберите вторую колонку, всё из колонок разместите в одной, правой или левой на разрешении 1024 поможет 2. Изображения схем можно сделать и меньше. 3. Окружите текст в спойлере дивом .. <div style="margin: 4px; padding: 4px; border: 1px #000 solid;"> текст </div> |
|
А поскажите пожалусто как на одной странице, друг за другом разместить 30 спойлеров? Буду очень благодарен.
|
|
maloir, runettex.clan.su/index/0-25 Любое количество спойлров на одной странице, скрипт должен быть один а самих спойлеров сколько угодно ..
|
|
Nikitosbboy, делаем сворачиваемый текст с помощью обычных блоков...
Код <div class="primer"><a href="javascript://" onclick="$('#block').slideToggle('fast');">Сворачиваемый текст</a></div> <div class="content" id="block" style="display:none">Скрытый текст</div> все очень просто...пример смотрим здесь u-Helper |
|
|
Miss_Esq спасибо конечно, но когда я вношу измение в css у меня сам сайт меняеть, шришты и так далее
Сообщение отредактировал maloir - Суббота, 09 Мар 2013, 19:20:02
|
|
Ребята, подскажите плиз, как сделать название спойлера "Люди - 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
|
|
Ta-ta, .InStyle {background-color: #FF66CC; padding: 10px 40px; width: 430px; cursor: pointer;}
|
|
Не выходит.
 Код .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
|
|
Ta-ta, .InStyle {background-color: #800000!important; padding: 40px 80px; width: 300px!important; cursor: pointer;}
Цитата размер нет |
|
Мне надо поменять размер и цвет шрифта.
Интересно, сейчас проверила в Interner Explorer - поменялось. А в моциле нет. Сообщение отредактировал Ta-ta - Четверг, 21 Мар 2013, 20:26:24
|
|
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
|
|
Спасибо, но так тоже не выходит.
Вот здесь пробовала http://testsite.ucoz.org/ И так не очень красиво. Все таки хотелось бы, чтоб было как здесь http://www.deutsch-kompakt.info/index/audiotrenning/0-22 но текст немного крупнее. |
|
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
|
|
Наверно чего-то я не догоняю.
 В 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
|
| |||