нагоре като бутона на VKontakte WordPress

Бътън не само интересен елемент в дизайна, но и важен момент от използваемостта! Наскоро реших да направя бутона за нагоре, но бих искал FaceBook. Мрежата не можах да намеря нищо и решава да се експериментира. Готов бутони за избор като Vkontakte, които можете да видите в този блог в лявата част на екрана (моята гордост!). Днес аз ще споделя с вас резултатите от експеримент, и вие ще бъдете в състояние да направи в своя блог на същия бутон!

Така че, за да се създаде бутон нагоре на сайта WordPress, ние се нуждаем един плъгин и някои поправки към CSS стилове. А сега по-близо до обекта и отиде.

1. плъг-ин, което имаме нужда, наречена Превъртете до най-горното копче. можете да го инсталирате чрез стандартната WordPress инсталатора. Установяваме резерват всички стандартни настройки.

2. Сега, когато сте инсталирали плъгина, ние трябва да го настроите за CSS стилове, за да изглежда като FaceBook.

Ето как трябва да изглежда Style .scroll-най-вътрешната (точно на мястото на съществуващия код, тъй като .scroll-най-вътрешната преди затваряне скоба>)

Стилове за двете нагоре Vkontakte

превъртане-най-вътрешната Z-индекс: 9999;
граничен радиус: 4 пкс;
-Моз гранично-радиус: 4 пкс;
-WebKit-граничен радиус: 4 пкс;
непрозрачност: 0.15;
ширина: 5%;
височина: 100%;
дисплей: инлайн;
позиции: фиксиран;
курсора: указател;
марж: 0 автомобил;
лява: 0px;
надолу: 7px;
фон: # 000;
граница: 1px твърдо #fff;

За тези, които имат малко разум в CSS, можете да кодирате и регулирайте за себе си:

1. ширина: 5% - ширината на "нагоре", за необходими от 5% от страницата.
2. височина: 100% - височината на "нагоре" бутона на цялата височина на страницата.
3. лява: 0 - показва, че бутона е пришита към левия ръб на края, по подразбиране е прав - това е натиснат в дясно.
4. непрозрачност: 0.15 - бутон прозрачност. Колкото по-висока е стойността, толкова по-ниска е прозрачността.

Този основен. С останалата част от експеримента. Но като цяло, в такава форма, тъй като до бутона Vkontakte и ще изглежда така. В същото време тя осигурява плавно превъртане и приятен за окото!

Това е, което се случи с мен. Направих всичко от горните инструкции, написани от мен.

Бутон с настройките по подразбиране

Бутон като Vkontakte

Надявам се, че урока "Как да си направим един бутон като Vkontakte на WordPress" получи лесно и достъпно. Сам не обичам много да се копае в кода, но в този случай, не може да разчита на него, има малък проблем. На добър час!

послепис Честно казано, аз се отдели от сърце! О, толкова красива бутон оказа! Използвайте с удоволствие!

p.s.p.s. Ако благодарност бодна копчетата на социалните мрежи, аз ще бъда благодарен!

Препоръчваме Ви да прочетете по темата:

Този файл - превъртете до top.js? Ако е така, аз не намирам такъв знак ^?

Не знам. За мен би било по-удобно, ако бутона е бил прав. Много хора използват този плъзгач надясно, за да се придвижи към върха. Там ще бъдат привлечени към отбележете на бегач и видя думите "върха".
А плъгин Преминете към горния бутон е вече инсталиран. Дълго го имаше.
Или опитайте да се намери друг, който в долната част на правоъгълна средния бутон прави. Имах такъв.
Не помниш ли името?

Аз бях удобен и познат, за да видите тази лента в ляво, защото това Vkontakte е същата честотна лента, и аз бях чест посетител там. Мисля, че твърде много хора имат връзка с Vkontakte.
За други плъгини - просто въведете в търсене плъгини Преминете към върха, как така няколко десетки variantov..no Аз лично като този плъгин, тя е лека, CSS е лесен за конфигуриране. Идеята и може да се постави в средата на дъното.

можете да добавите още псевдо-клас висене. нещо подобно (може и да греша)
.превъртете-най-вътрешната: мишката
и когато накара да се увеличи яркостта на лентата

Да прав сте от администратор не може да я види, когато отида в сайта виждам, че стрелката ^ но по пътя се кодират такива /VASh_SAYT.RU/public_html/wp-content/plugins/scroll-to-top-button/assets/js стрели не чрез Ctrl + F, за да намерите предписва ^ но той не я намери и затова питам, че в този файл в кода, който трябва да се добави, ако е необходимо, вместо # _708; ^ Към началото на предписва, промяната няма да се случи, има само една и съща стрелката, сложи плъгина, че сте описано в статията. се опитват да бръкнат по-дълбоко все още))

В предварително ви благодаря много за вашата помощ, като например как да дойде на бутона и да видим надпис също, че е това, което кода оказа (scrollTopParams.size == "малка" "малка" »..) + '«> Кликнете UP "); ако вместо Кликнете UP запис на руски отгоре, героите са получени под формата на въпросителен знак, как да получите кода, за да видите на български език?)

Не се виждат "пациента" Не мога да кажа нищо. Но може би промените се случват, и току-що сте кеширана страница. Опитайте замяна # 038; #_ 708; (Без долна черта) в горната част и да обновите страницата чрез Ctrl + F5.