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


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

установить такой вид опроса
Статистика
Яндекс.Метрика
Онлайн всего: 5
Гостей: 5
Пользователей: 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 » Добавлено [28.10.2013, 16:52]

Слайдер картинок или новостей на CSS3 для uCoz сайта

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

Хотим представить вашему вниманию очередной слайдер картинок или новостей, созданный на CSS3 для uCoz сайта от Apocalypse, за что ему низкий поклон. Сейчас в моде делать информационные порталы на uCoz, а потом делать заработок на партнерках в Яндекс директе, так же в центральной части выставлять слайдер изображений последних новостей, но так же это можно использовать и для любых других целей, ведь фантазия человека безгранична. Для установки такого слайдера вам нужны будут знания html и css, а так же нужно знать где и что менять в админ панель сайта uCoz. На любые ваши вопросы в комментариях мы попробуем оперативно ответить.

У этого слайдера очень красивое оформление и интересные эффекты у переходов. Примечательно и то, что данный слайдер работает лишь на одном css!

Переходим к установке:

В самый низ вашего css вставляйте: CSS код найдёте в прикреплённом архиве к материалу (скачать можно чуть выше < только для зарегистрированных пользователей)


Обратите внимание на участок
Цитата
.cr-container input.cr-selector-img-1:checked ~ .cr-bgimg, .cr-bgimg div span:nth-child(1) {
background-image: url(Ссылка на картинку 1);
}
.cr-container input.cr-selector-img-2:checked ~ .cr-bgimg, .cr-bgimg div span:nth-child(2) {
background-image: url(Ссылка на картинку 2);
}
.cr-container input.cr-selector-img-3:checked ~ .cr-bgimg, .cr-bgimg div span:nth-child(3) {
background-image: url(Ссылка на картинку 3);
}
.cr-container input.cr-selector-img-4:checked ~ .cr-bgimg, .cr-bgimg div span:nth-child(4) {
background-image: url(Ссылка на картинку 4);
}
Не забудьте заменить то, что я пометил красным, на ссылки на картинки слайдов

Следующий код в то место, где будет сам слайдер:

<section class="cr-container">
<input id="select-img-1" name="radio-set-1" type="radio" class="cr-selector-img-1" checked="checked" />
<label for="select-img-1" class="cr-label-img-1">1</label>
<input id="select-img-2" name="radio-set-1" type="radio" class="cr-selector-img-2" />
<label for="select-img-2" class="cr-label-img-2">2</label>
<input id="select-img-3" name="radio-set-1" type="radio" class="cr-selector-img-3" />
<label for="select-img-3" class="cr-label-img-3">3</label>
<input id="select-img-4" name="radio-set-1" type="radio" class="cr-selector-img-4" />
<label for="select-img-4" class="cr-label-img-4">4</label>
<div class="clr"></div>
<div class="cr-bgimg">
<div>
<span>Slice 1 - Image 1</span>
<span>Slice 1 - Image 2</span>
<span>Slice 1 - Image 3</span>
<span>Slice 1 - Image 4</span>
</div>
<div>
<span>Slice 2 - Image 1</span>
<span>Slice 2 - Image 2</span>
<span>Slice 2 - Image 3</span>
<span>Slice 2 - Image 4</span>
</div>
<div>
<span>Slice 3 - Image 1</span>
<span>Slice 3 - Image 2</span>
<span>Slice 3 - Image 3</span>
<span>Slice 3 - Image 4</span>
</div>
<div>
<span>Slice 4 - Image 1</span>
<span>Slice 4 - Image 2</span>
<span>Slice 4 - Image 3</span>
<span>Slice 4 - Image 4</span>
</div>
</div>
<div class="cr-titles">
<h3><span>APO-UCOZ.COM</span><span>У нас только отборные скрипты</span></h3>
<h3><span>Заголовок 1</span><span>Краткое описание 1</span></h3>
<h3><span>Заголовок 2</span><span>Краткое описание 2</span></h3>
<h3><span>Заголовок 3</span><span>Краткое описание 3</span></h3>
</div>
</section>


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



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


- Установить на свой сайт блок социальных закладок
Категория: HTML коды для uCoz | Добавил: scripts_for_ucoz | Теги: изображения, новости, картинки, сладер
Просмотров: 5438 | Загрузок: 104 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Для добавления необходима авторизация

Хостинг от uCoz