[Ликбез]

Форма входа
Логин:
Пароль:

Меню сайта


Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать так, чтобы... » Проблемы со слайдером изображений

Проблемы со слайдером изображений
[1] Prolinetka [19.03.2013, 14:49]
Поставила переключатель картинок на главную сайта. Вроде бы все устраивает, Но! Проблемка вот в чем:
возле переключателя страшная тень, как избавиться?
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>


И еще, можно ли немного вправо сдвинуть, а то стрелка левая выходит на менюшку. Если да, то подскажите, буду благодарна.
Прикрепления: 6531608.png (432.6 Kb)
[2] likbezz [20.03.2013, 00:31]
Prolinetka,
Цитата (Prolinetka, Вт, 19.03.2013, 14:49:24)
Поставила переключатель картинок на главную сайта. Вроде бы все устраивает, Но! Проблемка вот в чем:
возле переключателя страшная тень, как избавиться?

Вот так:
Код
ul.pagination,ul.pagination li{list-style:none;}


Цитата (Prolinetka, Вт, 19.03.2013, 14:49:24)
И еще, можно ли немного вправо сдвинуть, а то стрелка левая выходит на менюшку.

Код
#example{margin:0 auto;left:20px;}


А вообще, широковат данный слайдер, у вас ширина контент блока 590 px а ширина слайдера, вместе с кнопками, 648 px



- по этому и вылезает...

Цитата (Prolinetka, Вт, 19.03.2013, 14:49:24)
буду благодарна.

Насколько ?)))
Прикрепления: 8302495.png (72.0 Kb)
[3] Prolinetka [20.03.2013, 14:54]
О! Все исправилось, теперь нормально смотрится)



А вообще, широковат данный слайдер, у вас ширина контент блока 590 px а ширина слайдера, вместе с кнопками, 648 px
Я знаю( и форум слишком узкий, когда добавляешь изображения большие - искажается.

Знать бы где в ксс можно растянуть вот это:


Насколько ?)))
настолько, насколько попросите)
Прикрепления: 0491545.jpg (133.2 Kb) · 8752555.jpg (229.3 Kb) · 7100512.jpg (199.2 Kb)
[4] likbezz [20.03.2013, 20:23]
Prolinetka,
Цитата (Prolinetka, Ср, 20.03.2013, 14:54:52)
Знать бы где в ксс можно растянуть вот это

Растянуть .. просто так не получится, нужно и шаблоны редактировать - увирать две лишние колонки..
Кроме того, отредактировать несколько картинок, верхнюю заливку, нижнюю, картинку фона и картинку блоков.

На какую ширину раздвигать собираетесь?

Так или шире?




...
Прикрепления: 1929230.png (107.6 Kb) · 8413076.png (52.8 Kb)
[5] Prolinetka [20.03.2013, 20:44]
likbezz, немножко расширить, чтобы скриншоты размером 800пкс не искажали дизайн форума. Где в ксс это менять?
[6] likbezz [20.03.2013, 20:52]
Prolinetka,
Цитата (Prolinetka, Ср, 20.03.2013, 20:44:36)
немножко расширить

Ну, если немножко, то..

Сначала обязательно делаем бекап всех шаблонов!

Вот это убрать из шаблона:



А из стилей:
Код
#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%;
}

..

Ну и по месту уже посмотреть..
...
Прикрепления: 3004825.png (12.9 Kb)
[7] Prolinetka [21.03.2013, 15:06]
Спасибо, немного расширилось.

а вот <td> </td> не нашла в шаблое sad

Появилась другая проблема, менюшки можно немного подвинуть, а то уж совсем съехали.



если да, то где)
Прикрепления: 1108559.jpg (201.8 Kb)
[8] likbezz [21.03.2013, 20:26]
Prolinetka,
Цитата (Prolinetka, Чт, 21.03.2013, 15:06:45)
если да, то где)

Как обычно, в CSS

Цитата (Prolinetka, Чт, 21.03.2013, 15:06:45)
менюшки можно немного подвинуть, а то уж совсем съехали.

Код
#threecolumn td:first-child{padding-left:15px;}

...
[9] Prolinetka [22.03.2013, 00:11]
likbezz, тогда подвинулся и форум, стал таким же как и прежде - узким
[10] likbezz [22.03.2013, 00:15]
Prolinetka,
Цитата (Prolinetka, Пт, 22.03.2013, 00:11:32)
тогда подвинулся и форум, стал таким же как и прежде - узким

Ну так пропишите прямо в шаблоне, через стиль.

А вообще, если честно, шаблон у вас так себе .. даже на троечку не тянет.
Стандартный, да?
.. да .. умеют “делать” некоторые..


Полная версия сайта