Question

Здравствуйте, мне нужна ваша помощь по изменению дизайна на моем сайте. Конкретно следующие вопросы:
1. Как изменить время переключения слайдера? (пролистывание идет очень быстро)
2. Как изменить задний фон сайта ?(прямо самый задний бэкграунд, который темно-серого цвета) - либо заменить на картинку, либо просто цвет поменять.
3. Как добавить логотип сайта в левый верхний угол (перед названием сайта)?
4. Как поменять цвет верхней части сайта (шапки, где содержатся слева - название сайта, справа - профиль и значки соц. сетей)?
5. Как изменить цвет кнопок на сайте, а так же менять шрифт?
6. Ну и последнее - как добавлять вкладки и убирать их (например добавить "магазин" и удалить "гостевую книгу)?
К цифрам приложил скрины, где помечены места к моим вопросам.
Заранее спасибо!

 

Answer 1

1. По скорости переключения слайдов. Перейдите в блок промо и найдите скрипт:

   <script>
        $(function () {
            $('.slider-wrapper').bxSlider({
                useCSS: false,
                auto: true,
                autoStart: true,
                nextText: 'keyboard_arrow_right',
                prevText: 'keyboard_arrow_left',
                controls: false
            });
            $('.carousel-wrapper').bxSlider({
                useCSS: false,
                nextText: 'keyboard_arrow_right',
                prevText: 'keyboard_arrow_left',
                minSlides: 1,
                maxSlides: 9,
                slideWidth: 196,
                slideMargin: 5,
                speed: 500,
                autoStart: true,
                autoHover: true,
                pager: false
            });
        });
    </script>

добавить выделенное красным, вместо 500 прописать нужную скорость.

2. По фону сайта ответ в инструкции: https://www.ucoz.ru/help/templates/design-1721

3. В глобальном блоке верхняя часть сайта найти код:

<a class="logo-lnk" href="https://fosgard.ucoz.net/" title="Главная"><!-- <logo> -->FOSGARD<!-- </logo> --></a>

где вместо выделенного красным прописать код:

<img src="ссылка на картинку логотипа">

4. Меняется в стилях в строке номер 114:

.logo-b{background-color:#212121;padding:10px 20px}

вместо выделенного красным прописать нужный цвет, подобрать можно на сайте: https://www.color-hex.com/

5. В стилях в строке номер 95:

.slider-wrapper .info-btn{display:inline-block;background-color:#ff4081;padding:9px 30px;-webkit-transition:all .3s;transition:all .3s;margin-top:10px;color:#fff;font-family:"Exo 2";font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.42px}

так же 59-63:

input[type=checkbox],.eVariant input,.eVariant label{vertical-align:middle}
button,input[type=button],input[type=reset],input[type=submit]{padding:10px 34px;width:auto!important;border:0;background-color:#ff4081;color:#fff;text-transform:uppercase;letter-spacing:.42px;cursor:pointer;-webkit-transition:background-color .15s ease;transition:background-color .15s ease}
button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{background-color:#ff5991}
#filter_word+input[type=submit],input.fastNav,input[type=submit].fastSearch{padding:10px!important;vertical-align:middle}
input[type=button]:active,input[type=reset]:active,input[type=submit]:active{background-color:#c2185b}

6. По поводу вкладок, это делается в конструкторе меню: https://www.ucoz.ru/help/design/konstruktor-meny