• Страница 1 из 1
  • 1
Форум Studio AD » Сайтостроение » Общий форум по CSS » Спойлер (Дизайн спойлера как на torrents.ru)
Спойлер
ZheKA
Дата: Вторник, 01.09.2009, 14:10 | Сообщение # 1
молчун
Группа: Проверенные
Пользователь №: 89
Сообщений: 38
Получено оценок: 4
После обновления uCoz появился спойлер. Подскажите как можно настроить так чтобы он был похож на спойлер как на torrents.ru?

Прикрепления: 6989857.jpg (10.9 Kb)





Сообщение отредактировал ZheKA - Вторник, 01.09.2009, 14:16
  
dancelot
Дата: Вторник, 01.09.2009, 15:06 | Сообщение # 2
говорун
Группа: Проверенные
Пользователь №: 26
Сообщений: 236
Получено оценок: 13
вот код этого чуда в теле сообщения

Code
<!--uSpoiler--><div class="uSpoilerClosed" id="uSpoilerOoMj1B"><div class="uSpoilerButBl"><input type="button" class="uSpoilerButton" onclick="if($('#uSpoilerOoMj1B')[0]){if ($('.uSpoilerText',$('#uSpoilerOoMj1B'))[0].style.display=='none'){$('.uSpoilerText',$('#uSpoilerOoMj1B'))[0].style.display='';$('.uSpoilerButton',$('#uSpoilerOoMj1B')).val('Закрыть спойлер');$('#uSpoilerOoMj1B').attr('class','uSpoilerOpened');}else {$('.uSpoilerText',$('#uSpoilerOoMj1B'))[0].style.display='none';$('.uSpoilerButton',$('#uSpoilerOoMj1B')).val('Открыть спойлер');$('#uSpoilerOoMj1B').attr('class','uSpoilerClosed');}}" value="Открыть спойлер"/></div><div class="uSpoilerText" style="display:none;"><!--ust-->тест<!--/ust--></div></div><!--/uSpoiler-->

с классами мудри ;)

  
dancelot
Дата: Вторник, 01.09.2009, 15:15 | Сообщение # 3
говорун
Группа: Проверенные
Пользователь №: 26
Сообщений: 236
Получено оценок: 13
вот на скорую руку прописал:

Code
.uSpoilerButton {width:400px;background:url('http://ps-studio.info/FORUMs/images/plus_16.png') no-repeat;text-align:left;padding-left:20px;}

Прикрепления: 6551766.jpg (3.7 Kb)
  
n1ght(o_O)
Дата: Вторник, 01.09.2009, 15:25 | Сообщение # 4
говорун
Группа: Проверенные
Пользователь №: 10
Сообщений: 180
Получено оценок: 6
dancelot, Куда именно о_О ?
  
dancelot
Дата: Вторник, 01.09.2009, 17:36 | Сообщение # 5
говорун
Группа: Проверенные
Пользователь №: 26
Сообщений: 236
Получено оценок: 13
в файл со стилями, куда ж еще ;)
  
dancelot
Дата: Вторник, 01.09.2009, 17:39 | Сообщение # 6
говорун
Группа: Проверенные
Пользователь №: 26
Сообщений: 236
Получено оценок: 13
Окончательный вариант:

Code
.uSpoilerButton {width:600px;height:30px;background:url('http://ps-studio.info/FORUMs/images/plus_16.png') no-repeat;text-align:left;padding-left:20px;color:#999;border:0;
border-right:1px solid #d9d9d9;
border-bottom:1px solid #d9d9d9;
border-top:1px solid #eee;
border-left:1px solid #eee;
}

выглядит так:

Прикрепления: 0083513.jpg (12.0 Kb)
  
Asman[boss]
Дата: Среда, 02.09.2009, 19:02 | Сообщение # 7
молчун
Группа: Пользователи
Пользователь №: 32
Сообщений: 22
dancelot, От стилей далеко ушёл. А так наверно угодил автору если он не отвечает :)

Мой блог открыт!
  
ZheKA
Дата: Среда, 02.09.2009, 23:00 | Сообщение # 8
молчун
Группа: Проверенные
Пользователь №: 89
Сообщений: 38
Получено оценок: 4
Quote (Asman|boss|)
А так наверно угодил автору если он не отвечает

неа :(



  
n1ght(o_O)
Дата: Среда, 02.09.2009, 23:21 | Сообщение # 9
говорун
Группа: Проверенные
Пользователь №: 10
Сообщений: 180
Получено оценок: 6
ZheKA, http://webcodes.ru/publ/1-1-0-1039
  
ZheKA
Дата: Четверг, 03.09.2009, 18:42 | Сообщение # 10
молчун
Группа: Проверенные
Пользователь №: 89
Сообщений: 38
Получено оценок: 4
Вот то что я хотел
http://allcity.net.ru/viewtopic.php?p=33142#p33142



  
Asman[boss]
Дата: Четверг, 03.09.2009, 19:24 | Сообщение # 11
молчун
Группа: Пользователи
Пользователь №: 32
Сообщений: 22
ZheKA, Плюсь пацанам поставь за то что потратили своё время помогая тебе.

Мой блог открыт!
  
Форум Studio AD » Сайтостроение » Общий форум по CSS » Спойлер (Дизайн спойлера как на torrents.ru)
  • Страница 1 из 1
  • 1
Поиск:
© Studioad.ru 2006 · 2010. Использование материалов форума на сторонних ресурсах без прямой обратной ссылки строго запрещено. Хостинг от uCoz.