Question

 

 

 

 

 

 

 

 

 

Помогите, пожалуйста! Я хочу вставить в шапку сайта слайдер (отметила на скриншоте, куда именно). И не знаю, как это сделать. Буду очень благодарна за пошаговую инструкцию для чайника!

Comments

У вас есть свой слайдер? Или и он вам нужен?

---

Он мне нужен)

---

А слайдеры предложенные  ниже - они вам не подходят?

---

Как установить, например, первый слайдер в нужное мне место?

---

> Как установить, например, первый слайдер в нужное мне место?

>> Читайте инструкцию, пункт Установка, там описано.

---

Шаг 3. HTML: 
Устанавливаем следующий код в то место, где будет сам слайдер: 

 

Мне не понятно, куда именно нужно прописать этот код...

---

Код html вставте туда где хотите чтобы отоброжался слайдер.

---

Какая часть css отвечает за правый верхний угол страницы? Я начинала свой вопрос со скрина странички, где отметила место для слайдера. И вопрос был не в том, как его создать. Я тоже нашла ту ссылку, которую  мне любезно бросили ниже. Вопрос был в том, куда прописать код.
Если вас унижает общение с чайниками, так и скажите. Я больше соваться сюда не буду. Просто до этого случая я всегда находила здесь помощь.

Большое спасибо за то, что пересказали информацию, которую я скопировала из раздела. Это безумно помогло.

Answer 1

На примере инструкции которая описана по ссылка ниже.

Первое, установить скрипт:

<script type="text/javascript" src="/js/slides.js"></script> 
<script type="text/javascript"> 
$(function(){ 
$('#slides').slides({ 
preload: true, 
preloadImage: 'loading.gif', 
play: 5000, 
pause: 2500, 
hoverPause: true, 
animationStart: function(current){ 
$('.caption').animate({ 
bottom:-35 
},100); 
if (window.console && console.log) { 
console.log('animationStart on slide: ', current); 
}; 

 

итд копируем весь код с инструкции

перед закрывающим тегом </body> если это главная страница сайта, то требуется перейти в Панель управления - Главная - Дизайн - Управление дизайном - Страницы сайта, далее мотаем в самый низ и находим тег </body> вот перед ним ставим данный скрипт, что выше.

Далее - Шаг 2. CSS все стили скопировать и перейти в Панель управления - Главная - Дизайн - Управление дизайном(CSS), далее в самый низ установить - Сохранить.

Шаг 3. HTML - Завершающий, устанавливаем именно скелет слайдера. Обычно ставится в верхней части сайта то есть в шапке. Переходим в Панель управления - Главная - Дизайн - Управление дизайном(шаблоны) - Верхняя часть сайта.

Вот именно в верхней части сайта ставим в соответствующее место скелет слайдера.

Примечание: Чтобы все работало, обязательно перегрузите всес крипты в ваш файловый менеджер после в коде где прописаны изображения:

<div class="slide"> 
<a href="#"><img src="/slide-30.jpg" width="570" height="270" alt="Slide 3"></a> 
<div class="caption"> 
<p>Opa Gangnam Style :D</p> 
</div></div> 

<div class="slide"> 
<a href="#"><img src="slide-40.jpg" width="570" height="270" alt="Slide 4"></a> 
<div class="caption"> 
<p>Описание текста, представим, что тут много текста.</p> 
</div></div> 

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

Если возникнут трудности, обязательно описывайте все детально.

Comments

Большое спасибо!

Answer 2

Есть несколько видов слайдеров с пошаговыми инструкциями по установке на странице: http://manual.ucoz.net/board/10-1-0-462