Проблемы со слайдером изображений
2013-03-19 Дата: Вторник, 19.03.2013, 14:49 | Сообщение # 1
Рядовой
Группа: Зарегистрированные
Статус: Offline
Поставила переключатель картинок на главную сайта. Вроде бы все устраивает, Но! Проблемка вот в чем: возле переключателя страшная тень, как избавиться? http://russims.ru/sims3-d/Slide/global.css http://russims.ru/sims3-d/Slide/slides.min.jquery.js и сам код, куда вставила слайдер: Код
<center> <div id="example"> <div id="slides"> <div class="slides_container"> <a href="http://russims.ru/forum/188" title="The Sims 3: Студенческая Жизнь (University Life)"><img src="http://russims.ru/sims3-d/Slide/University_Life.jpg" width="570" height="270"></a> <a href="http://russims.ru/forum/143" title="Sims 3 - Техпомощь. Не запускается игра? Мы вам поможем!"><img src="http://russims.ru/sims3-d/Slide/help.jpg" width="570" height="270"></a> <a href="http://russims.ru/forum/142" title="Уроки,советы,туториалы по игре"><img src="http://russims.ru/sims3-d/Slide/tutorial.jpg" width="570" height="270"></a> </div> <a href="#" class="prev"><img src="http://russims.ru/sims3-d/Slide/arrow-prev.png" width="24" height="43" alt="Назад"></a> <a href="#" class="next"><img src="http://russims.ru/sims3-d/Slide/arrow-next.png" width="24" height="43" alt="Вперед"></a> </div> <img src="http://russims.ru/sims3-d/Slide/example-frame.png" width="539" height="249" alt="" id="frame"> </div> </div> </center>
И еще, можно ли немного вправо сдвинуть, а то стрелка левая выходит на менюшку. Если да, то подскажите, буду благодарна.
2013-03-20 Дата: Среда, 20.03.2013, 00:31 | Сообщение # 2
Аццкий кодер
Группа: Администраторы
Статус: Unknown
Prolinetka , Поставила переключатель картинок на главную сайта. Вроде бы все устраивает, Но! Проблемка вот в чем: возле переключателя страшная тень, как избавиться?
Вот так: Код
ul.pagination,ul.pagination li{list-style:none;}
И еще, можно ли немного вправо сдвинуть, а то стрелка левая выходит на менюшку.
Код
#example{margin:0 auto;left:20px;}
А вообще, широковат данный слайдер, у вас ширина контент блока 590 px а ширина слайдера, вместе с кнопками, 648 px - по этому и вылезает... Насколько ?)))
2013-03-20 Дата: Среда, 20.03.2013, 14:54 | Сообщение # 3
Рядовой
Группа: Зарегистрированные
Статус: Offline
О! Все исправилось, теперь нормально смотрится) А вообще, широковат данный слайдер, у вас ширина контент блока 590 px а ширина слайдера, вместе с кнопками, 648 px Я знаю( и форум слишком узкий, когда добавляешь изображения большие - искажается. Знать бы где в ксс можно растянуть вот это: Насколько ?))) настолько, насколько попросите)
2013-03-20 Дата: Среда, 20.03.2013, 20:23 | Сообщение # 4
Аццкий кодер
Группа: Администраторы
Статус: Unknown
Prolinetka , Знать бы где в ксс можно растянуть вот это
Растянуть .. просто так не получится, нужно и шаблоны редактировать - увирать две лишние колонки.. Кроме того, отредактировать несколько картинок, верхнюю заливку, нижнюю, картинку фона и картинку блоков. На какую ширину раздвигать собираетесь? Так или шире? ...
2013-03-20 Дата: Среда, 20.03.2013, 20:44 | Сообщение # 5
Рядовой
Группа: Зарегистрированные
Статус: Offline
likbezz , немножко расширить, чтобы скриншоты размером 800пкс не искажали дизайн форума. Где в ксс это менять?
2013-03-20 Дата: Среда, 20.03.2013, 20:52 | Сообщение # 6
Аццкий кодер
Группа: Администраторы
Статус: Unknown
Prolinetka , Ну, если немножко, то.. Сначала обязательно делаем бекап всех шаблонов! Вот это убрать из шаблона: А из стилей: Код
#threecolumn td { padding-right: 25px; }
Сделать: Код
#threecolumn td { padding-right:15px; }
И: Код
#threecolumn { margin-left: 45px; margin-top: 18px; }
-на: Код
#threecolumn { margin-left:0px; margin-top: 18px; width: 100%; }
И Код
.gTable { background: none repeat scroll 0 0 #AAD46E; margin-left:1%; margin-right:1%; width: 100%; }
-на: Код
.gTable { background: none repeat scroll 0 0 #AAD46E; margin-left:0px; margin-right:0px; width: 100%; }
.. Ну и по месту уже посмотреть.. ...
2013-03-21 Дата: Четверг, 21.03.2013, 15:06 | Сообщение # 7
Рядовой
Группа: Зарегистрированные
Статус: Offline
Спасибо, немного расширилось. а вот <td> </td> не нашла в шаблое Появилась другая проблема, менюшки можно немного подвинуть, а то уж совсем съехали. если да, то где)
2013-03-21 Дата: Четверг, 21.03.2013, 20:26 | Сообщение # 8
Аццкий кодер
Группа: Администраторы
Статус: Unknown
Prolinetka , Как обычно, в CSS менюшки можно немного подвинуть, а то уж совсем съехали.
Код
#threecolumn td:first-child{padding-left:15px;}
...
2013-03-22 Дата: Пятница, 22.03.2013, 00:11 | Сообщение # 9
Рядовой
Группа: Зарегистрированные
Статус: Offline
likbezz , тогда подвинулся и форум, стал таким же как и прежде - узким
2013-03-22 Дата: Пятница, 22.03.2013, 00:15 | Сообщение # 10
Аццкий кодер
Группа: Администраторы
Статус: Unknown
Prolinetka , тогда подвинулся и форум, стал таким же как и прежде - узким
Ну так пропишите прямо в шаблоне, через стиль. А вообще, если честно, шаблон у вас так себе .. даже на троечку не тянет. Стандартный, да? .. да .. умеют “делать” некоторые..