Отправлено: 21.08.09 10:10. Заголовок: Тема взаимопомощи (продолжение)

Для публикации просьб о помощи и ответов на вопросы.

 Отправлено: 08.08.12 07:19. Заголовок: Serifa пишет: Итак,..

Serifa пишет:

цитата:

Итак, для чего нужен этот код?

оно делает вот такую фигню


CharlieCarbon
Дык тут только стиль настроить (: а кто не методом тыка всё делает, покажи мне? не родился тот человек, который может сделать всё как надо с первого раза
если что, спрашивай

 Отправлено: 08.08.12 09:53. Заголовок: Zoltan, не знаю, раз..

Zoltan, не знаю, разбирается ли здесь кто-то еще в этом кроме тебя, поэтому прошу тебя))
http://willsmith.forum24.ru/ - форум
http://sandbox.scriptiny.com/javascript-slideshow/# -шаблон (этот подходит для моих целей идеально просто)
Но вот подогнать его проблематично, хотя так хорошо начиналось. Теперь мозг просто в шоке. В общем в чем трабла: миниатюры внизу не передвигаются. Стрелочки Slide left и right неактивны. Вот тут то и пришел капздец моему моску. Почему??? Как это исправить? КОд там открытый, но кину его и сюда, чтоб не копошился там теряя время.
Скрытый текст

стили: #slideshow {list-style:none; color:#fff} #slideshow span {display:none} #wrapper {width:306px; margin:5px auto; display:none} #wrapper * {margin:0; padding:0} #fullsize {position:relative; width:300px; height:150px; padding:2px; border:1px solid #ccc; background:#000} #information {position:absolute; bottom:0; width:300px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)} #information h3 {padding:4px 8px 3px; font-size:7px} #information p {padding:0 8px 8px; font-size:5px} #image {width:300px} #image img {position:absolute; z-index:25; width:auto} .imgnav {position:absolute; width:25%; height:50px; cursor:pointer; z-index:150} #imgprev {left:0; background:url(http://sandbox.scriptiny.com/javascript-slideshow/images/left.gif) left center no-repeat} #imgnext {right:0; background:url(http://sandbox.scriptiny.com/javascript-slideshow/images/right.gif) right center no-repeat} #imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)} .linkhover {background:url(http://sandbox.scriptiny.com/javascript-slideshow/images/link.gif) center center no-repeat} #thumbnails {margin-top:15px} #slideleft {float:left; width:20px; height:81px; background:url(http://sandbox.scriptiny.com/javascript-slideshow/images/scroll-left.gif) center center no-repeat; background-color:#222} #slideleft:hover {background-color:#333} #slideright {float:right; width:20px; height:81px; background:#222 url(http://sandbox.scriptiny.com/javascript-slideshow/images/scroll-right.gif) center center no-repeat} #slideright:hover {background-color:#333} #slidearea {float:left; position:relative; width:266px; margin-left:0px; height:81px; overflow:hidden} #slider {position:absolute; left:0; height:81px} #slider img {cursor:pointer; border:1px solid #666; padding:2px} Код слайдерав таблице: <td colspan="1" rowspan="2" style="height: 171px; vertical-align: top;"><ul id="slideshow"> <li> <h3>Уилл Смит дебютирует в режиссуре</h3> <span>http://willsmith.my1.ru/design/forum/news/directors.jpg</span> <p>Рано или поздно все популярные голливудские актеры делают это — пробуют снимать кино. Уилл Смит, считающийся самым...</p> <a href="#"><img src="http://willsmith.my1.ru/design/forum/news/directors.jpg" width="125" hight="75" alt="Director" /></a> </li> <li> <h3>Fresh Prince</h3> <span>http://willsmith.my1.ru/design/forum/news/FPbig.jpg</span> <p>Обновлены все видео 1 сезона Fresh Prince of Bel Air</p> <img src="http://willsmith.my1.ru/design/forum/news/FPbig.jpg" width="125" hight="75" alt="Fresh Prince" /> </li> </ul> <div id="wrapper"> <div id="fullsize"> <div id="imgprev" class="imgnav" title="Previous Image"></div> <div id="imglink"></div> <div id="imgnext" class="imgnav" title="Next Image"></div> <div id="image"></div> <div id="information"> <h3></h3> <p></p> </div> </div> <div id="thumbnails"> <div id="slideleft" title="Slide Left"></div> <div id="slidearea"> <div id="slider"></div> </div> <div id="slideright" title="Slide Right"></div> </div> </div> <script type="text/javascript" src="http://sandbox.scriptiny.com/javascript-slideshow/compressed.js"></script> <script type="text/javascript"> $('slideshow').style.display='none'; $('wrapper').style.display='block'; var slideshow=new TINY.slideshow("slideshow"); window.onload=function(){ slideshow.auto=true; slideshow.speed=5; slideshow.link="linkhover"; slideshow.info="information"; slideshow.thumbs="slider"; slideshow.left="slideleft"; slideshow.right="slideright"; slideshow.scrollSpeed=4; slideshow.spacing=5; slideshow.active="#fff"; slideshow.init("slideshow","image","imgprev","imgnext","imglink"); } </script> </td>

Меня заело на этом, очень нужен взгляд третьего лица. Спасибо

upd: еще и блок thumbnails и стили slide не реагирую на изменение высоты с 81 на 75...OMG!

 Отправлено: 08.08.12 10:48. Заголовок: CharlieCarbon О, это..

CharlieCarbon
О, это по моей части (: там есть див, который ловит все клики по верхней, большой картинке, imglink. Проблема в том, что он слишком велик и закрыл нижний слайдер, т.е до слайдера клик не доходит, он попадает в невидимый див.

цитата:

#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}

Поставь размер 150пикселей (высота картинки)


CharlieCarbon пишет:

цитата:

upd: еще и блок thumbnails и стили slide не реагирую на изменение высоты с 81 на 75...OMG!

Разве? Оо сейчас, вроде, всё окей там

 Отправлено: 08.08.12 11:20. Заголовок: Zoltan пишет: Разве..

Zoltan пишет:

цитата:

Разве? Оо

нет, это был мой тупизм Х_х
Zoltan пишет:

цитата:

Поставь размер 150пикселей (высота картинки)

невероятно!))) Спасибо за подсказку. БОЛЬШОЕ!)) наконец то я могу теперь обрадовать скромную кучку фанатов новым дизом)) *Пошел дорисовывать и скрипты все ставить*

 Отправлено: 08.08.12 14:29. Заголовок: CharlieCarbon не за ..

CharlieCarbon
не за что, обращайся (:

CharlieCarbon пишет:

цитата:

*Пошел дорисовывать и скрипты все ставить*

\\
гифки мне твои понравились :D

 Отправлено: 08.08.12 14:41. Заголовок: Zoltan пишет: гифки..

Zoltan пишет:

цитата:

гифки мне твои понравились :D

кнопки что ли?) Я поиздевался над закрытыми разделами, да)

 Отправлено: 12.08.12 15:47. Заголовок: Помогите с дизайном!

Добрый день.
Ребятаааа. Сос! Помоги, пожалуйте довести дизайн до ума!
Подскажите, пожалуйста, какой код нужно, чтобы графически "закрыть" форум? Я имею ввиду, чтобы внизу фон был законченным, а не обрывался. вот как здесь, пример http://francexviii.forum24.ru/ или вот тут http://borgia.forum24.ru/ Внизу табличка закрыта, выглядит как одна большая картина. На втором сайте еще лучше видн. Идут баннеры, а потом конец форума в виде рамки. Вот мне также надо.
Чтобы это сделать, нужен код? И куда такой код вставлять?) Плюс, у меня форум с боковой таблицей.
Помогите!!!
Спасибо заранее за помощь)

 Отправлено: 17.08.12 04:12. Заголовок: Morning пишет: Чтоб..

Morning пишет:

цитата:

Чтобы это сделать, нужен код? И куда такой код вставлять?) Плюс, у меня форум с боковой таблицей. Помогите!!! Спасибо заранее за помощь)

во-первых: ссылку на форум. Мы не видим, какая там боковая таблица и что вообще происходит.
во-вторых: зачем плодить темы? тема для помощи по дизайну уже существует.
в-третьих: предварительный ответ на ваш вопрос. На той же "Боргии" внизу под таблицей просто стоит изображение. Оно сделано так, что создает впечатление "закрытости". На этом принципе строится любое подобное действо. Если хотите поместить баннеры туда, то нужно делать в виде таблицы (код таблиц обычной, калибруете ее по размеру и вставляете фоном всё ту же картинку).

 Отправлено: 16.12.12 20:04. Заголовок: Салют, дамы и господ..

Салют, дамы и господа!
У меня назрел такой вот вопрос: а как на бордовский форум установить свой фавикон? Делать их умею, так что с форматом всё ок. Но вот какой html-код нужен?

P.S. Гугл мне не очень помог, найденные коды пробовал подстроить под себя. Не сработало.

 Отправлено: 16.12.12 22:16. Заголовок: <link rel="s..

<link rel="shortcut icon" type="image/vnd.microsoft.icon" href="http://урл_до_иконки/favicon.ico" />

В поле новостей, первой строчкой перед всем, должно сработать.
И сразу же желательно в отдельной вкладке открыть саму иконку и обновить, очень уж любят браузеры её кешировать.

 Отправлено: 17.12.12 12:39. Заголовок: Zoltan Спасибо за ..

Zoltan

Спасибо за совет, но не помогло.( Вставил код в новостное поле, полезной реакции никакой.
Я читал советы для дизайнеров майбба (про борду нигде не нашёл), там говорили, что надо вставлять в html-верх в любое место между <head></head>. Тоже не работало.

 Отправлено: 17.12.12 13:51. Заголовок: а вот тут http://qz2..

а вот тут http://qz23.myqip.ru/ работает?
Только не в ИЕ смотрите, ато у меня там .png вместо .ico

 Отправлено: 17.12.12 14:11. Заголовок: Тут работает всё, да..

Тут работает всё, да О.о

 Отправлено: 17.12.12 14:20. Заголовок: http://styles.darkne..

Попробуйте вот так. Ну, только картинку свою, конечно :)

 Отправлено: 17.12.12 15:13. Заголовок: Zoltan Сделал с pn..

Zoltan

Сделал с png вариант.) Спасибо, помогло!