Воскресенье, 20.01.2019, 09:27
Главная  Форум Регистрация Блог RSS
Приветствую Вас, Гость
Меню сайта
Наш опрос
Как вы к нам зашли?


Всего ответов: 2013

установить такой вид опроса
Статистика
Яндекс.Метрика
Онлайн всего: 6
Гостей: 6
Пользователей: 0


Зарегистрировано 30741 (сегодня + 0 новых, вчера + 2 новых), В каталоге файлов 1128 материала(ов), Оставлено 5147 комментариев, На форуме создано тем и ответов.

установить такую статистику

Блок CW результаты

Победы
Победы(10)

Поражения
Поражения(5)


Установить CW блок на свой сайт
Внимание!
Наш сайт адаптирован под браузер Mozilla Firefox
скрипты для uCoz
Скачать/Download
В остальных браузерах наш сайт может отображаться некорректно! (IE,Opera,Google Chrome и т.д)

установить такой блок
Расскажи Друзьям!
Комментарии
Новость: Контент в uLightbox uCoz + стили CSS для uCoz
Сергей Пахомов написал:
Можете подсказать а как в приведённый CSS добавить border-radius
Новость: Просмотры и посетители для вашего сайта БЕСПЛАТНО
Aleksandrs написал:
ну кто уже получает посетителей для своего сайта? у кого сколько кредитов?
Новость: Похожие новости $RELATED_ENTRIES$ внутри полного текста новости $MESSAGE$ на uCoz
написал:
Еще можно такой вариант, повторяю, только после (не удаляя $MESSAGE$)

<br><legend><img src="http://img15.lostpic.net/2018/12/27/19e957f8a56dd9216e82c18319ba85aa.gif"</legend>
<b><?substr($MESAGE$,0,550)?>
<?$RELATED_ENTRIES$(8)?>
<?substr($MESAGES$,550,50000)?></b>
Новость: Похожие новости $RELATED_ENTRIES$ внутри полного текста новости $MESSAGE$ на uCoz
написал:
Заменять ни чего не надо, после $MESSAGE$
Вставить следующее (доработано):
<br><br><span style="color:#b22222;"><strong>Похожие новости</strong></span>
<?substr($MESAGE$,0,550)?>
<?$RELATED_ENTRIES$(5)?>
<?substr($MESAGES$,550,50000)?>

Читать все комментарии
Топ комментаторов

установить такой информер
VKONTAKTE

FACEBOOK
Главная страница » Помощь Вебмастеру » Категория HTML коды для uCoz » Добавлено [21.10.2013, 00:24]

Слайдер изображений новостей для uCoz

Войти или Зарегистрироваться [скачивать файлы могут только зарегистрированные пользователи!]

В этом материале мы для вас подготовили одно интересное готовое решение для новостных порталов на бесплатном хостинге uCoz. Так же можно поблагодарить веб-мастера Apocalypse за его разработку этого кода. Слайдер достаточно красивый, фон слайдера прокручивается медленнее чем сами слайды, что создаёт трёхмерный эффект. Отлично подойдёт для любого новостного портала, а так же и для фото порталов. В этом материале код предназначен именно для фотографий, но html можно доработать и для новостей. Для этого нужно иметь хотя бы минимальные знания html разметки шаблонов сайта uCoz и немножко фантазии.

  • Если же вы профессиональный веб-мастер или просто новичок в этом деле, но у вас уже есть свой собственный сайт или просто хорошие навыки владения компьютером, тогда узнайте больше о различных способах заработка в интернете на сайте www.onzarabotok.ru.
Для начала вам нужно скачать прикреплённый архив с картинками и загрузить его на свой сайт при помощи файлового менеджера в папку images.

Установка: 
№1 Заходим в админ панель вашего сайта uCoz 
№2 В верхнем меню ищем CSS шаблон сайта и вставляем ниже приведенный код в него.

Код CSS найдёте тут - http://scripts-for-ucoz.ru/css/slajder_css_code.txt

№3 В нужное для вас место (в то место где вы хотите видеть слайдер) копируйте нижеприведённый код.

Следующий код в то место, где должен быть сам слайдер:
<div class="sp-slideshow">
<input id="button-1" type="radio" name="radio-set" class="sp-selector-1" checked="checked" />
<label for="button-1" class="button-label-1"></label>
<input id="button-2" type="radio" name="radio-set" class="sp-selector-2" />
<label for="button-2" class="button-label-2"></label>
<input id="button-3" type="radio" name="radio-set" class="sp-selector-3" />
<label for="button-3" class="button-label-3"></label>
<input id="button-4" type="radio" name="radio-set" class="sp-selector-4" />
<label for="button-4" class="button-label-4"></label>
<input id="button-5" type="radio" name="radio-set" class="sp-selector-5" />
<label for="button-5" class="button-label-5"></label>
<label for="button-1" class="sp-arrow sp-a1"></label>
<label for="button-2" class="sp-arrow sp-a2"></label>
<label for="button-3" class="sp-arrow sp-a3"></label>
<label for="button-4" class="sp-arrow sp-a4"></label>
<label for="button-5" class="sp-arrow sp-a5"></label>
<div class="sp-content">
<div class="sp-parallax-bg"></div>
<ul class="sp-slider clearfix">
<li>
<img src="Ссылка на картинку" alt="image01" />
</li>
<li>
<img src="Ссылка на картинку" alt="image02" />
</li>
<li>
<img src="Ссылка на картинку" alt="image03" />
</li>
<li>
<img src="Ссылка на картинку" alt="image04" />
</li>
<li>
<img src="Ссылка на картинку" alt="image05" />
</li>
</ul>
</div>
<!-- sp-content -->
</div>
<!-- sp-slideshow -->

Если же вы всё делали верно, тогда могу вас обрадовать - установка завершена. Но если уровень ваших знаний не такой большой и мало опыта с установкой скриптов и html кодов на сайт uCoz и если всё-таки у вас что то не получается или какие-то проблемы с установкой , тогда напишите комментарий к этому материалу и обязательно один из модераторов обязательно вам поможет. Обычно ответ можно получить уже в течении нескольких следующих дней. Так же не забудьте поделиться новостью в социальных сетях.


При копирование материалов с сайта необходимо указать активную ссылку источника - Скрипты для uCoz 2013 и Слайдер изображений новостей для uCoz



Расскажи друзьям интересные новости:


- Установить на свой сайт блок социальных закладок
Категория: HTML коды для uCoz | Добавил: BLoOd | Теги: изображение, код, Лента новостей, HTML для ucoz, слайд, html, слайдер, лента, Информер новостей
Просмотров: 5685 | Загрузок: 59 | Комментарии: 1 | Рейтинг: 0.0/0
Всего комментариев: 1
1 methodist   (14.08.2014 13:24)
Доброго времени суток!
У меня проблема со вставкой слайдера на сайт юкоз (адрес сайта: http://obm.ucoz.ua) Слайдер я вставила в созданный мной специально для этого глобальный блок SLIDER, в пустое поле для кода на всякий случай поставила все коды (то есть, и css, и js, и html), но все равно ничего не получилось, вернее, в общих Таблицах css код css оказался в разделе Общие стили почему-то выше кода шапки сайта. В корень сайта (Файловый менеджер) я закачала папку со слайдером, поставила в нее свои фото, отразила это в ссылках, соответственно изменила и html-код, но, видимо, чего-то я недопонимаю. Не могли бы вы мне помочь? Вообще-то я хочу поставить слайдер вверху Главной страницы сайта ("Бібліотека вітає вас!") сразу над текстом, но как это сделать? sad

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Для добавления необходима авторизация

Хостинг от uCoz