Фильтр по:
  

Проблемы со слайдером изображений

Как сделать так, чтобы...

  • Страница 1 из 1
  • 1
Модератор форума: likbezz  
Скрипты и коды для юкоз - Форум аццкого кодера » Раздел для начинающих » Как сделать так, чтобы... » Проблемы со слайдером изображений
Проблемы со слайдером изображений
Дата: Вторник, 19.03.2013, 14:49 |
Prolinetka
Рядовой
Группа: Зарегистрированные
Сообщений: 10
Награды: 0
Репутация: 0
Статус: 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>


И еще, можно ли немного вправо сдвинуть, а то стрелка левая выходит на менюшку. Если да, то подскажите, буду благодарна.
Прикрепления: 6531608.png (432.6 Kb)

 
Дата: Среда, 20.03.2013, 00:31 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 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)

 
Дата: Среда, 20.03.2013, 14:54 |
Prolinetka
Рядовой
Группа: Зарегистрированные
Сообщений: 10
Награды: 0
Репутация: 0
Статус: Offline


 О! Все исправилось, теперь нормально смотрится)



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

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


Насколько ?)))
настолько, насколько попросите)
Прикрепления: 0491545.jpg (133.2 Kb) · 8752555.jpg (229.3 Kb) · 7100512.jpg (199.2 Kb)

 
Дата: Среда, 20.03.2013, 20:23 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 Prolinetka,
Цитата (Prolinetka, Ср, 20.03.2013, 14:54:52)
Знать бы где в ксс можно растянуть вот это

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

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

Так или шире?




...
Прикрепления: 1929230.png (107.6 Kb) · 8413076.png (52.8 Kb)

 
Дата: Среда, 20.03.2013, 20:44 |
Prolinetka
Рядовой
Группа: Зарегистрированные
Сообщений: 10
Награды: 0
Репутация: 0
Статус: Offline


 likbezz, немножко расширить, чтобы скриншоты размером 800пкс не искажали дизайн форума. Где в ксс это менять?

 
Дата: Среда, 20.03.2013, 20:52 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 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)

 
Дата: Четверг, 21.03.2013, 15:06 |
Prolinetka
Рядовой
Группа: Зарегистрированные
Сообщений: 10
Награды: 0
Репутация: 0
Статус: Offline


 Спасибо, немного расширилось.

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

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



если да, то где)
Прикрепления: 1108559.jpg (201.8 Kb)

 
Дата: Четверг, 21.03.2013, 20:26 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 Prolinetka,
Цитата (Prolinetka, Чт, 21.03.2013, 15:06:45)
если да, то где)

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

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

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

...

 
Дата: Пятница, 22.03.2013, 00:11 |
Prolinetka
Рядовой
Группа: Зарегистрированные
Сообщений: 10
Награды: 0
Репутация: 0
Статус: Offline


 likbezz, тогда подвинулся и форум, стал таким же как и прежде - узким

 
Дата: Пятница, 22.03.2013, 00:15 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


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

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

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

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


Мобильная версия