Шаблон и логотип для сайта stroykin23.ru

[igorweb]

Шаблон Главной страницы + разработка логотипа для сайта stroykin23.ru (на основе ранее созданного шаблона): http://v96881hk.bget.ru/

[dred]

Как полосу прокрутки сделали с права такую

[sinpai]

Напишите поконкретнее, что необходимо по шаблону и логотипу? Можно и в личку.

[igorweb]

Источник цитаты Напишите поконкретнее

Вы не поняли . Тема называется "Покажите всем ваш сайт...". Вот, собственно, и показываю сделанный шаблон Главной страницы как и просил в тех.задании заказчик.

Источник цитаты Как полосу прокрутки сделали с права такую

По полосе подготовлю и позже тут напишу.

Отправлено спустя 24 минуты 4 секунды:
По полосе прокрутке.

Сам скрипт взять отсюда, он бесплатный: https://github.com/inuyaksa/jquery.nicescroll
Как скачали, закидываем файл скрипта jquery.nicescroll.js на хостинг (в папку, либо в корневой каталог). В исходниках САЙТА в Билдере вставляем код:

Код: Выделить всё

<script src="http://Мой_сайт/jquery.nicescroll.js"></script>

"Мой_сайт" меняем на свой адрес домена (путь, куда закинули скрипт).
также в исходниках САЙТА во вкладке "после тега BODY" вставляем код:

Код: Выделить всё

<script>
    $(document).ready(
    function() {
        $("html").niceScroll ({cursorcolor:"#BE1209", autohidemode:"false", zindex:"20002", cursorwidth:"7", scrollspeed :"300"});
    }
);
</script>

Спецификация значений:

cursorcolor - изменение цвета курсора в hex формате: по умолчанию "#000000"
cursoropacitymin - изменение прозрачности курсора, когда он не активен (скроллбар "hidden" скрыт), диапазон от 1 до 0, по умолчанию 0 (скрыт)
cursoropacitymax - изменение прозрачности курсора в активном состоянии (скроллбар "visible" виден), диапазон от 1 до 0, по умолчанию 1 (виден полностью)
cursorwidth - ширина курсора в пикселях, по умолчанию 5 (написать можно и так "5px")
cursorborder - определяет границу курсора, по умолчанию "1px solid #fff"
cursorborderradius - определяет радиус границы курсора в пикселях, по умолчанию "4px"
zindex - изменение z-index для прокуртки DIV, по умолчанию 9999
scrollspeed - скорость прокрутки, по умолчанию 60
mousescrollstep - скорость прокрутки с помощью колесика мыши, по умолчанию 40 (pixel)
touchbehavior - включение возможности прокрутки cursor-drag так же как и на touch устройствах, по умолчанию false
hwacceleration - использование аппаратного ускорения, если поддерживается, по умолчанию true
boxzoom - включение zoom контейнера с контентом, по умолчанию false
dblclickzoom - (только когда boxzoom=true) активация zoom после двойного клика по контейнеру, по умолчанию true
gesturezoom - (только когда boxzoom=true и на touch устройствах) zoom активируется, когда курсор вне/над контейнером, по умолчанию true
grabcursorenabled, отображать "grab" иконку для div с touchbehavior = true, по умолчанию true
autohidemode, скрывать курсор, true=default / "cursor" = скрывать только курсор / false = не скрывать
background, изменение CSS для фона, по умолчанию ""
iframeautoresize, авторесайз iframe на load event (по умолчанию:true)
cursorminheight, установить минимальную высоту курсора в пикселях (по умолчанию:20)
preservenativescrolling, you can scroll native scrollable areas with mouse, bubbling mouse wheel event (по умолчанию:true)
railoffset, вы можете добавить смещение top/left для рейки (траектория по которой бегает ползунок) (по умолчанию:false)
bouncescroll, включение подпрыгивания скролла в конце контента (только аппаратное ускорение) (по умолчанию:false)
spacebarenabled, включение прокрутки страницы вниз, когда нажата клавиша "пробел" (по умолчанию:true)
railpadding, установка отступов для рейки (по умолчанию:{top:0,right:0,left:0,bottom:0})
disableoutline, для браузера chrome, отключение outline (оранжевая подсветка), когда выбран DIV с nicescroll (по умолчанию:true)
horizrailenabled, nicescroll может управлять горизонтальным скроллом (по умолчанию:true)
railalign, выравнивание вертикальной рейки (по умолчанию:"right")
railvalign, выравнивание горизонтальной рейки (по умолчанию:"bottom")
enabletranslate3d, nicescroll может использовать CSS translate для прокручиваемого контента (по умолчанию:true)
enablemousewheel, nicescroll может управлять событиями колесика мыши (по умолчанию:true)
enablekeyboard, nicescroll может управлять событиями клавиатуры (по умолчанию:true)
smoothscroll, плавный скролл (по умолчанию:true)
sensitiverail, клик по рейке вызовет прокрутку (по умолчанию:true)

_________________________

Пример применения:

$(".js-playlist").niceScroll({
cursorcolor: "#666",
cursoropacitymin: .2,
cursoropacitymax: .8,
cursorwidth: "10px",
cursorborder: "0",
cursorborderradius: "0",
railpadding: { top: 0, right: 1, left: 0, bottom: 0 }
});

В принципе вот и все. Только один момент. Если у Вас на странице не используются объекты Билдера, для которых по умолчанию подключается библитотека jquery, то нужно на данной странице вручную подключить эту библиотеку, чтобы скрипт работал.

[MasterOfPuppets]

Очередной профессионально выполненный сайт. Особенно мне нравится Ваш стиль исполнения - целая наука для начинающих.

[igorweb]

Спасибо за оценку , но профи я себя не считаю, просто любитель

[ZeroGul]

Мне нравиться

[igorweb]

Спасибо!

[sinpai]

Сайт весьма качественный.
Но возникает вопрос - при установке полосы прокрутки на страницу начинается продергивание самой страницы. Попытался менять scrollspeed, все бесполезно. У вас на сайте точно так же идет продергивание. Вы пытались как то решить данную проблему? У меня особо времени не было, но со станицы я прокрутку снял. Это просто будет отпугивать потенциального покупателя.
Единственно где еще может быть вся проблема - это mousescrollstep который по умолчанию 40 пикселей. Позже попробую сам.
Если у кого-то возникнут другие мысли, буду благодарен.

[igorweb]

Источник цитаты начинается продергивание самой страницы

Я уже писал Вам про это в другой теме:

Странно... Проверил на 3-х своих ноутах в 4-х браузерах + еще и на смартфоне. Немного притормаживает плавная прокрутка на винде 8.1. На 7-ке и 10-ке идет плавно. Фиг знает с чем это связано, видимо 8-ке скрипты не нравятся.

Хотелось бы услышать - у кого-то также как и у sinpai? Лично у меня такого "продергивания" нет, уже на разных системах, устройствах и браузерах пересмотрел

Также дополнительно я использую еще один скрипт прокрутки вместе с этим, тогда достигается плавное торможение прокрутки:

Вставляем после тега BODY в исходники САЙТА (короче туда же, куда и первый скрипт, который выше)

Код: Выделить всё

<script src="Мой_сайт/plugins-scroll.js"></script>
<script>
$(document).ready(function() {
        try {
        $.browserSelector();
        if($("html").hasClass("chrome")) {
            $.smoothScroll(scrollspeed :"200");
        }
    } catch(err) {
    };
});</script>

Файл скрипта можно скачать по ссылке:

https://yadi.sk/d/FwZ_Rp-RpAbQC

[sinpai]

Смотрел на win 7 на Хроме и на Опере. Машина развита до предела по характеристикам. Поковыряюсь позднее, как будет время.
Тоже интересно, есть ли эффект продергивания у кого-то еще.

[Gudwinn]

У шаблона классные цвета, качественная графика, грамотно и не навязчиво подобраны эффекты. Я не знаю как автор, лично я стараюсь всегда отказываться от этого nice scroll , так как скроллинг действительно снановиться каким то порывистим, по крайней мере в хроме, и яндекс браузере (а это абсолютное большинство пользователей) Мне если иногда надо сменить полосу прокрутки для ХРОМА (в других браузерах не работает) то я вставляю такой стиль

<style>
::-webkit-scrollbar-thumb {
border: 12px solid #40E0D0;
border-radius: 6px;
}
::-webkit-scrollbar {
width: 7px;
background: #1E1E1E;
}
</style>

Где поигравшись цветами можно найти решение для себя, и никакого искажения прокрутки не происходит при этом.

[igorweb]

Источник цитаты действительно снановиться каким то порывистим

У меня такого вообще не наблюдается, все плавненько и красиво двигается. Странно все это...

[Gudwinn]

В принципе, прокрутка есть, и она не так уж и искажается, но вот эти микро подёргивания, они какую то тяжеловесность что ли придают визуально ресурсу.

[anonimus]

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

[igorweb]

Ну здесь на вкус и цвет всем не угодить. Я стараюсь придерживаться в своих работах современных тенденций, которые постоянно отслеживаю. Но речь не об этом, заказчику нравится, а это главное. Да и мне тоже нравится. Вопрос в том у кого еще "продергивания" наблюдаются.

[Alex]

Источник цитаты современных тенденций

Ох, это такое всё временное, как счётчики, лендинги и подобное, я бы не ориентировался на это шибко сильно...

Источник цитаты заказчику нравится

Источник цитаты мне тоже нравится

А пользователей мнение учитывается или фиг с ними? )))
Такие фишки хороши на промо сайтах, но это чисто моё личное мнение.

Вообще сделано добротно!

[igorweb]

Источник цитаты такое всё временное, как счётчики, лендинги и подобное, я бы не ориентировался на это шибко сильно

Появляются всё новые и новые фишки, эффекты, направления и т.п. Всё движется, меняется. Нужно просто следить за этим постоянно и следовать этому.

Источник цитаты А пользователей мнение учитывается или фиг с ними?

Если честно, то странно подобное слышать... А как вот Вы думаете - учитывается или нет? Наверное, если большинству нравится, значит учитывается. Еще раз повторю - всем не угодить. Покажите мне свой сайт, я скажу - мне не нравится вот то-то и то-то, Вы будете переделывать его лично под меня, чтобы мне понравилось, хотя подавляющему большинству нравится все на нем? Думаю, что нет

[Alex]

Источник цитаты Наверное, если большинству нравится, значит учитывается.

Я вот тут с Анатолием соглашусь:

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

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

[igorweb]

Источник цитаты ни кто не говорит, что они являются правильными или их надо учитывать

А вот здесь я соглашусь с Вами