Современный облачный хостинг провайдер | Aéza
Контакты ООО "АЕЗА ГРУПП" ИНН 2312304914 ОГРН 1212300056430

Слайдер на форум

eterskov

eterskov

Проверенные
Сообщения
99
Реакции
79
Баллы
11,025
Хочу привести пример расположения слайдера на форум.
Сам слайдер вот
У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

Там 4 типа отображения
Рассматриваем 4 тип.
Слайдер адаптивный.

44.png

Располагать сам слайдер можно в любом месте из этого перечня http://xenforo.info/resources/Визуальный-Список-Места-обьявлений.1827/

Создаём папку images на сервере
И по пути public_html/images/ (то есть в неё) заливаем изображения под именами 1,2,3,4,5,6 Расширения jpg

То есть 1.jpg, 2.jpg, 3.jpg, 4.jpg, 5.jpg, 6.jpg

Нужно сразу оговориться, что бы все изображения по ширине и высоте были одинаковые. Я бы рекомендовал ширину брать не менее 1200.

В EXTRA.css вставляем КОД

Код: 
/* --- Рамка слайдера---*/

.topHeaderfx{
    border-radius: 1px 1px 1px 1px;
    box-shadow: 0 0 1px 7px #e9e2cf, 0 0 0 9px #e9e2cf;
    margin: 13px;
    overflow: hidden;

}


/*---Слайдер на форум---*/

.cb-slideshow,
.cb-slideshow:after {
    height: 350px;
    position: relative;
    width: 100%;
    z-index: 1;
}
.cb-slideshow:after {
    content: '';
    background: transparent url(../images/pattern.png) repeat top left;
}
.cb-slideshow li span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s;
}
.cb-slideshow li div {
    z-index: 1000;
    position: absolute;
    bottom: 30px;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    -webkit-animation: titleAnimation 36s linear infinite 0s;
    -moz-animation: titleAnimation 36s linear infinite 0s;
    -o-animation: titleAnimation 36s linear infinite 0s;
    -ms-animation: titleAnimation 36s linear infinite 0s;
    animation: titleAnimation 36s linear infinite 0s;
}
.cb-slideshow li div h3 {
    font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
    font-size: 160px;
    padding: 0;
    line-height: 200px;
    color: rgba(228,155,15, 1);
}
.cb-slideshow li:nth-child(1) span { background-image: url(../images/1.jpg) }
.cb-slideshow li:nth-child(2) span {
    background-image: url(../images/2.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) span {
    background-image: url(../images/3.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.cb-slideshow li:nth-child(4) span {
    background-image: url(../images/4.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.cb-slideshow li:nth-child(5) span {
    background-image: url(../images/5.jpg);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}
.cb-slideshow li:nth-child(6) span {
    background-image: url(../images/6.jpg);
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}
.cb-slideshow li:nth-child(2) div {
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) div {
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.cb-slideshow li:nth-child(4) div {
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.cb-slideshow li:nth-child(5) div {
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}
.cb-slideshow li:nth-child(6) div {
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}
/* Анимация изображений слайдера */
@-webkit-keyframes imageAnimation {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: ease-in;
    }
    8% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -webkit-animation-timing-function: ease-out;
    }
    17% {
        opacity: 1;
        -webkit-transform: scale(1.1);
    }
    25% {
        opacity: 0;
        -webkit-transform: scale(1.1);
    }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation {
    0% {
        opacity: 0;
        -moz-animation-timing-function: ease-in;
    }
    8% {
        opacity: 1;
        -moz-transform: scale(1.05);
        -moz-animation-timing-function: ease-out;
    }
    17% {
        opacity: 1;
        -moz-transform: scale(1.1);
    }
    25% {
        opacity: 0;
        -moz-transform: scale(1.1);
    }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation {
    0% {
        opacity: 0;
        -o-animation-timing-function: ease-in;
    }
    8% {
        opacity: 1;
        -o-transform: scale(1.05);
        -o-animation-timing-function: ease-out;
    }
    17% {
        opacity: 1;
        -o-transform: scale(1.1);
    }
    25% {
        opacity: 0;
        -o-transform: scale(1.1);
    }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation {
    0% {
        opacity: 0;
        -ms-animation-timing-function: ease-in;
    }
    8% {
        opacity: 1;
        -ms-transform: scale(1.05);
        -ms-animation-timing-function: ease-out;
    }
    17% {
        opacity: 1;
        -ms-transform: scale(1.1);
    }
    25% {
        opacity: 0;
        -ms-transform: scale(1.1);
    }
    100% { opacity: 0 }
}
@keyframes imageAnimation {
    0% {
        opacity: 0;
        animation-timing-function: ease-in;
    }
    8% {
        opacity: 1;
        transform: scale(1.05);
        animation-timing-function: ease-out;
    }
    17% {
        opacity: 1;
        transform: scale(1.1);
    }
    25% {
        opacity: 0;
        transform: scale(1.1);
    }
    100% { opacity: 0 }
}
/* Анимация сопровождающих титров */
@-webkit-keyframes titleAnimation {
    0% {
        opacity: 0;
        -webkit-transform: translateY(200px);
    }
    8% {
        opacity: 1;
        -webkit-transform: translateY(0px);
    }
    17% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
    19% { opacity: 0 }
    25% {
        opacity: 0;
        -webkit-transform: scale(10);
    }
    100% { opacity: 0 }
}
@-moz-keyframes titleAnimation {
    0% {
        opacity: 0;
        -moz-transform: translateY(200px);
    }
    8% {
        opacity: 1;
        -moz-transform: translateY(0px);
    }
    17% {
        opacity: 1;
        -moz-transform: scale(1);
    }
    19% { opacity: 0 }
    25% {
        opacity: 0;
        -moz-transform: scale(10);
    }
    100% { opacity: 0 }
}
@-o-keyframes titleAnimation {
    0% {
        opacity: 0;
        -o-transform: translateY(200px);
    }
    8% {
        opacity: 1;
        -o-transform: translateY(0px);
    }
    17% {
        opacity: 1;
        -o-transform: scale(1);
    }
    19% { opacity: 0 }
    25% {
        opacity: 0;
        -o-transform: scale(10);
    }
    100% { opacity: 0 }
}
@-ms-keyframes titleAnimation {
    0% {
        opacity: 0;
        -ms-transform: translateY(200px);
    }
    8% {
        opacity: 1;
        -ms-transform: translateY(0px);
    }
    17% {
        opacity: 1;
        -ms-transform: scale(1);
    }
    19% { opacity: 0 }
    25% {
        opacity: 0;
        -webkit-transform: scale(10);
    }
    100% { opacity: 0 }
}
@keyframes titleAnimation {
    0% {
        opacity: 0;
        transform: translateY(200px);
    }
    8% {
        opacity: 1;
        transform: translateY(0px);
    }
    17% {
        opacity: 1;
        transform: scale(1);
    }
    19% { opacity: 0 }
    25% {
        opacity: 0;
        transform: scale(10);
    }
    100% { opacity: 0 }
}
/* Показать хоть что то, если анимация не поддерживается */
.no-cssanimations .cb-slideshow li span{
    opacity: 1;
}
@media screen and (max-width: 1140px) {
    .cb-slideshow li div h3 { font-size: 100px }
}
@media screen and (max-width: 600px) {
    .cb-slideshow li div h3 { font-size: 50px }
}

/*---КОНЕЦ Слайдера---*/

И потом в любой шаблон из списка Григория Шевченко вставляем

Код: 
<div class="topHeaderfx">
        <ul class="cb-slideshow">
            <li><span>Image 01</span><div><h3>Текст 1</h3></div></li>
            <li><span>Image 02</span><div><h3>Текст 2</h3></div></li>
            <li><span>Image 03</span><div><h3>Текст 3</h3></div></li>
            <li><span>Image 04</span><div><h3>Текст 4</h3></div></li>
            <li><span>Image 05</span><div><h3>Текст 5</h3></div></li>
            <li><span>Image 06</span><div><h3>Текст 6</h3></div></li>
                
        </ul>
</div>

Для Портала я выбрал не нужный мне шаблон EWRblock_FaceBook и этот код разместил туда

Код: 
<div class="topHeaderfx">
        <ul class="cb-slideshow">
            <li><span>Image 01</span><div><h3>Текст 1</h3></div></li>
            <li><span>Image 02</span><div><h3>Текст 2</h3></div></li>
            <li><span>Image 03</span><div><h3>Текст 3</h3></div></li>
            <li><span>Image 04</span><div><h3>Текст 4</h3></div></li>
            <li><span>Image 05</span><div><h3>Текст 5</h3></div></li>
            <li><span>Image 06</span><div><h3>Текст 6</h3></div></li>
               
        </ul>
</div>

Высоту слайдера регулируем тут
33.png

Пожелания именно для Григория :wink:. Попрошу развить эту тему с другими вариантами слайдеров.
 
Последнее редактирование:
Проверил.
При наличии кода в EXTRA.css можно не лезть в шаблоны, а пользоваться плагином Rotating Ads
И в поле HTML вставлять код

Код: 
<div class="topHeaderfx">
        <ul class="cb-slideshow">
            <li><span>Image 01</span><div><h3>Текст 1</h3></div></li>
            <li><span>Image 02</span><div><h3>Текст 2</h3></div></li>
            <li><span>Image 03</span><div><h3>Текст 3</h3></div></li>
            <li><span>Image 04</span><div><h3>Текст 4</h3></div></li>
            <li><span>Image 05</span><div><h3>Текст 5</h3></div></li>
            <li><span>Image 06</span><div><h3>Текст 6</h3></div></li>
                
        </ul>
</div>

55.png[DOUBLEPOST=1398496655,1398491792][/DOUBLEPOST]Интересный слайдер вот этот
У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

Тут он 43-й
У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация


Его можно на отдельную кнопку повесить в строке навигации и сделать типа "О нас" или что то подобное.
 
eterskov написал(а):
Хочу привести пример расположения слайдера на форум.
Сам слайдер вот
У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

Там 4 типа отображения
Рассматриваем 4 тип.
Слайдер адаптивный.

Посмотреть вложение 16441

Располагать сам слайдер можно в любом месте из этого перечня http://xenforo.info/resources/Визуальный-Список-Места-обьявлений.1827/

Создаём папку images на сервере
И по пути public_html/images/ (то есть в неё) заливаем изображения под именами 1,2,3,4,5,6 Расширения jpg

То есть 1.jpg, 2.jpg, 3.jpg, 4.jpg, 5.jpg, 6.jpg

Нужно сразу оговориться, что бы все изображения по ширине и высоте были одинаковые. Я бы рекомендовал ширину брать не менее 1200.

В EXTRA.css вставляем КОД

Код: 
/* --- Рамка слайдера---*/

.topHeaderfx{
    border-radius: 1px 1px 1px 1px;
    box-shadow: 0 0 1px 7px #e9e2cf, 0 0 0 9px #e9e2cf;
    margin: 13px;
    overflow: hidden;

}


/*---Слайдер на форум---*/

.cb-slideshow,
.cb-slideshow:after {
    height: 350px;
    position: relative;
    width: 100%;
    z-index: 1;
}
.cb-slideshow:after {
    content: '';
    background: transparent url(../images/pattern.png) repeat top left;
}
.cb-slideshow li span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s;
}
.cb-slideshow li div {
    z-index: 1000;
    position: absolute;
    bottom: 30px;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    -webkit-animation: titleAnimation 36s linear infinite 0s;
    -moz-animation: titleAnimation 36s linear infinite 0s;
    -o-animation: titleAnimation 36s linear infinite 0s;
    -ms-animation: titleAnimation 36s linear infinite 0s;
    animation: titleAnimation 36s linear infinite 0s;
}
.cb-slideshow li div h3 {
    font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
    font-size: 160px;
    padding: 0;
    line-height: 200px;
    color: rgba(228,155,15, 1);
}
.cb-slideshow li:nth-child(1) span { background-image: url(../images/1.jpg) }
.cb-slideshow li:nth-child(2) span {
    background-image: url(../images/2.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) span {
    background-image: url(../images/3.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.cb-slideshow li:nth-child(4) span {
    background-image: url(../images/4.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.cb-slideshow li:nth-child(5) span {
    background-image: url(../images/5.jpg);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}
.cb-slideshow li:nth-child(6) span {
    background-image: url(../images/6.jpg);
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}
.cb-slideshow li:nth-child(2) div {
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) div {
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.cb-slideshow li:nth-child(4) div {
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.cb-slideshow li:nth-child(5) div {
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}
.cb-slideshow li:nth-child(6) div {
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}
/* Анимация изображений слайдера */
@-webkit-keyframes imageAnimation {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: ease-in;
    }
    8% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -webkit-animation-timing-function: ease-out;
    }
    17% {
        opacity: 1;
        -webkit-transform: scale(1.1);
    }
    25% {
        opacity: 0;
        -webkit-transform: scale(1.1);
    }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation {
    0% {
        opacity: 0;
        -moz-animation-timing-function: ease-in;
    }
    8% {
        opacity: 1;
        -moz-transform: scale(1.05);
        -moz-animation-timing-function: ease-out;
    }
    17% {
        opacity: 1;
        -moz-transform: scale(1.1);
    }
    25% {
        opacity: 0;
        -moz-transform: scale(1.1);
    }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation {
    0% {
        opacity: 0;
        -o-animation-timing-function: ease-in;
    }
    8% {
        opacity: 1;
        -o-transform: scale(1.05);
        -o-animation-timing-function: ease-out;
    }
    17% {
        opacity: 1;
        -o-transform: scale(1.1);
    }
    25% {
        opacity: 0;
        -o-transform: scale(1.1);
    }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation {
    0% {
        opacity: 0;
        -ms-animation-timing-function: ease-in;
    }
    8% {
        opacity: 1;
        -ms-transform: scale(1.05);
        -ms-animation-timing-function: ease-out;
    }
    17% {
        opacity: 1;
        -ms-transform: scale(1.1);
    }
    25% {
        opacity: 0;
        -ms-transform: scale(1.1);
    }
    100% { opacity: 0 }
}
@keyframes imageAnimation {
    0% {
        opacity: 0;
        animation-timing-function: ease-in;
    }
    8% {
        opacity: 1;
        transform: scale(1.05);
        animation-timing-function: ease-out;
    }
    17% {
        opacity: 1;
        transform: scale(1.1);
    }
    25% {
        opacity: 0;
        transform: scale(1.1);
    }
    100% { opacity: 0 }
}
/* Анимация сопровождающих титров */
@-webkit-keyframes titleAnimation {
    0% {
        opacity: 0;
        -webkit-transform: translateY(200px);
    }
    8% {
        opacity: 1;
        -webkit-transform: translateY(0px);
    }
    17% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
    19% { opacity: 0 }
    25% {
        opacity: 0;
        -webkit-transform: scale(10);
    }
    100% { opacity: 0 }
}
@-moz-keyframes titleAnimation {
    0% {
        opacity: 0;
        -moz-transform: translateY(200px);
    }
    8% {
        opacity: 1;
        -moz-transform: translateY(0px);
    }
    17% {
        opacity: 1;
        -moz-transform: scale(1);
    }
    19% { opacity: 0 }
    25% {
        opacity: 0;
        -moz-transform: scale(10);
    }
    100% { opacity: 0 }
}
@-o-keyframes titleAnimation {
    0% {
        opacity: 0;
        -o-transform: translateY(200px);
    }
    8% {
        opacity: 1;
        -o-transform: translateY(0px);
    }
    17% {
        opacity: 1;
        -o-transform: scale(1);
    }
    19% { opacity: 0 }
    25% {
        opacity: 0;
        -o-transform: scale(10);
    }
    100% { opacity: 0 }
}
@-ms-keyframes titleAnimation {
    0% {
        opacity: 0;
        -ms-transform: translateY(200px);
    }
    8% {
        opacity: 1;
        -ms-transform: translateY(0px);
    }
    17% {
        opacity: 1;
        -ms-transform: scale(1);
    }
    19% { opacity: 0 }
    25% {
        opacity: 0;
        -webkit-transform: scale(10);
    }
    100% { opacity: 0 }
}
@keyframes titleAnimation {
    0% {
        opacity: 0;
        transform: translateY(200px);
    }
    8% {
        opacity: 1;
        transform: translateY(0px);
    }
    17% {
        opacity: 1;
        transform: scale(1);
    }
    19% { opacity: 0 }
    25% {
        opacity: 0;
        transform: scale(10);
    }
    100% { opacity: 0 }
}
/* Показать хоть что то, если анимация не поддерживается */
.no-cssanimations .cb-slideshow li span{
    opacity: 1;
}
@media screen and (max-width: 1140px) {
    .cb-slideshow li div h3 { font-size: 100px }
}
@media screen and (max-width: 600px) {
    .cb-slideshow li div h3 { font-size: 50px }
}

/*---КОНЕЦ Слайдера---*/

И потом в любой шаблон из списка Григория Шевченко вставляем

Код: 
<div class="topHeaderfx">
        <ul class="cb-slideshow">
            <li><span>Image 01</span><div><h3>Текст 1</h3></div></li>
            <li><span>Image 02</span><div><h3>Текст 2</h3></div></li>
            <li><span>Image 03</span><div><h3>Текст 3</h3></div></li>
            <li><span>Image 04</span><div><h3>Текст 4</h3></div></li>
            <li><span>Image 05</span><div><h3>Текст 5</h3></div></li>
            <li><span>Image 06</span><div><h3>Текст 6</h3></div></li>
               
        </ul>
</div>

Для Портала я выбрал не нужный мне шаблон EWRblock_FaceBook и этот код разместил туда

Код: 
<div class="topHeaderfx">
        <ul class="cb-slideshow">
            <li><span>Image 01</span><div><h3>Текст 1</h3></div></li>
            <li><span>Image 02</span><div><h3>Текст 2</h3></div></li>
            <li><span>Image 03</span><div><h3>Текст 3</h3></div></li>
            <li><span>Image 04</span><div><h3>Текст 4</h3></div></li>
            <li><span>Image 05</span><div><h3>Текст 5</h3></div></li>
            <li><span>Image 06</span><div><h3>Текст 6</h3></div></li>
              
        </ul>
</div>

Высоту слайдера регулируем тут
Посмотреть вложение 16439

Пожелания именно для Григория :wink:. Попрошу развить эту тему с другими вариантами слайдеров.
Нажмите для раскрытия...

Зря вы так сделали, потом когда будете ставить какие-то модификации, они могут не сработать, и вы будете гадать по-чему.
Я чуть позже сделаю из него плагин и отдам :)
 
Ну, он у меня долго простоял. Много плагинов установленно. Ни с какими не конфликтовал.
Если доработаете, то еще лучше будет!
 
А можно сделать чтоб при клике на картинке он переходил через нужную ссылку было бы круто!
 
Вы шутите что ли или как? Оо.
У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация
и Google - решают все проблемы. Это азы и их обязан знать каждый, без таких мелочей не получится никакого сайта.
 
v1dark написал(а):
ссылку сделать я то могу а вот чтоб при клике на картинке перешло это нет
Нажмите для раскрытия...
Круть, :) Там надо задать сложный алгоритм перехода, просчитать по лоцманским картам точный маршрут и в определенную фазу луны внести изменения в шаблоне.
 
  • Мне нравится
Реакции: Hope
Skaiman написал(а):
Круть, :-) Там надо задать сложный алгоритм перехода, просчитать по лоцманским картам точный маршрут и в определенную фазу луны внести изменения в шаблоне.
Нажмите для раскрытия...
Вот-вот,а мне Hope говорит учи азы :D
P.S а можно этот слайдер в шапку как-то ?
 
  • Мне нравится
Реакции: Hope
А он где? Оо.
 
Прям вообще вместо лого? Оо
 
Шаблон logo_block
 
не не круто, круто флеш, а эт грузится долго
 
Войдите или зарегистрируйтесь для ответа.
Современный облачный хостинг провайдер | Aéza
Контакты
ООО "АЕЗА ГРУПП" ИНН 2312304914 ОГРН 1212300056430 г. Краснодар, ул. Маяковского 160, офис 2.4

Похожие темы

M
Мини профиль (не доделан)
Ответы
13
Просмотры
625
KnyazevGik
KnyazevGik
conor222
[CSS+ HTML] [Вопрос] Как сделать рамку под текстом в меню быстрого доступа
Ответы
0
Просмотры
272
conor222
conor222
ФАКЕР
  • Вопрос
Криво отображается html блок
Ответы
2
Просмотры
793
ФАКЕР
ФАКЕР
reques6e
  • Решено
XF 2.2 Почему не выводит аватар в профиле пользователя?
Ответы
3
Просмотры
950
IlyaPep
IlyaPep
lames
  • Закрыта
  • Решено
XF 2.2 Ошибка при нажатии на кнопки регистрация и вход
Ответы
5
Просмотры
2K
lames
lames
Назад
Сверху Снизу