Страница 1 из 11
Форум про uCoz » Раздел для uCoz » Вопросы по uCoz » Кнопка версии для слабовидящих
Кнопка версии для слабовидящих
Dagada
Дата: Воскресенье, 28.05.2017, 17:53 | Сообщение # 1
Vip
Сообщений:89
Награды: 2


Там в шапке расположена интересная кнопка "версии для слабовидящих". Пробовал вытащить ...но увы 27a .Подскажите как сделать такую кнопочку.

Наткнулся на сайт: souvenirs-from-russia.com
Страна: (RU)
Kosten
Дата: Воскресенье, 28.05.2017, 18:05 | Сообщение # 2
Администраторы
Сообщений:15493
Награды: 50


Dagada, если не ошибаюсь, она должна с функцией идти от конструктора в админ панели, вообщем видел эту функцию на подключение, возможно она системная и потому вытащить не можешь.
Страна: (RU)
Dagada
Дата: Воскресенье, 28.05.2017, 20:13 | Сообщение # 3
Vip
Сообщений:89
Награды: 2


Kosten, вытащил 09a
Страна: (RU)
Gerat
Дата: Воскресенье, 28.05.2017, 20:53 | Сообщение # 4
Пользователи
Сообщений:21
Награды: 1


Dagada, а для чего она нужна?
Страна: (RU)
Dagada
Дата: Воскресенье, 28.05.2017, 20:54 | Сообщение # 5
Vip
Сообщений:89
Награды: 2


Gerat, на сайт детского сада
Страна: (RU)
Dagada
Дата: Понедельник, 29.05.2017, 06:50 | Сообщение # 6
Vip
Сообщений:89
Награды: 2


Может кому пригодится...Я ее малехи изменил:
Код
<div id="cecutient-container" class="UL ul-cecutient g-theme-site-1" data-enabled="false" data-showpanel="false" data-postionhandler="right" data-themeclass="g-theme-block-3" data-grayscale="false" data-font-size="small" data-background-color="g-theme-site-1" data-cecutientimage-hide="true"> <div class="ul-cecutient-disabled js-cecutient-disabled g-theme-block-3"> <span class="ul-cecutient-disabled-eye g-theme-block-3 g-color-text-1"> <span class="fa fa-eye"></span> <span class="ul-cecutient-disabled-text g-color-text-1"> Перейти на версию для слабовидящих </span> </span> </div></div>

Код
/*******************************/
#cecutient-container[data-enabled="false"] .ul-cecutient-disabled .ul-cecutient-disabled-text {
font-weight: bold;
font-size: 15px;
color: #fff;
width: 0;
display: block;
overflow: hidden;
white-space: nowrap;
margin: 23px 50px 0 22px;
-webkit-transition-property: width;
transition-property: width;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
#cecutient-container[data-enabled="false"] .ul-cecutient-disabled .ul-cecutient-disabled-eye {
position: absolute;
height: 48px;
width: 300px;
max-width: 48px;
top: -20px;
border-radius: 0 0 24px 24px;
z-index: 9999999;
-webkit-transition-property: max-width;
transition-property: max-width;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
#cecutient-container[data-enabled="false"] .ul-cecutient-disabled .ul-cecutient-disabled-eye .fa-eye {
top: 23px;
right: 14px;
position: absolute;
width: 20px;
height: 15px;
color: #fff;
}
#cecutient-container[data-enabled="false"] .ul-cecutient-disabled .ul-cecutient-disabled-eye .fa-eye:before {
font-size: 20px;
display: block;
}

#cecutient-container[data-enabled="false"][data-postionhandler="right"] .ul-cecutient-disabled .ul-cecutient-disabled-eye {
right: 30px;
}
.g-theme-site-1 .g-theme-block-3 {
background: #507299;
}
@media (min-width: 450px) {
.ul-cecutient-disabled-eye:hover {
max-width: 500px !important;
width: auto !important;
cursor: pointer !important;
}
.ul-cecutient-disabled-eye:hover .ul-cecutient-disabled-text {
width: auto !important;
}
}


Саму кнопку можно изменить под свои нужды ...Иконку только поменять и текст.
Прикрепления: 0717104.png(26Kb) · 2862738.png(13Kb)


Сообщение отредактировал
Dagada - Понедельник, 29.05.2017, 07:19
Страна: (RU)
Kosten
Дата: Понедельник, 29.05.2017, 15:05 | Сообщение # 7
Администраторы
Сообщений:15493
Награды: 50


Dagada, норм, потом на главную сделаю.
Страна: (RU)
Slavik
Дата: Понедельник, 29.05.2017, 15:08 | Сообщение # 8
Гл. Модератор
Сообщений:1707
Награды: 4


Всегда пригодиться! 09a

MIR-HACK.RU - Добро пожаловать в мир читов!
Страна: (RU)
Kosten
Дата: Понедельник, 29.05.2017, 20:37 | Сообщение # 9
Администраторы
Сообщений:15493
Награды: 50


Поставил кнопку на тестовый сайт, да дизайн отличается, но почему то не работает, в админ панели подключил все.

Прикрепления: 1987217.png(22Kb)
Страна: (RU)
Kosten
Дата: Понедельник, 29.05.2017, 23:19 | Сообщение # 10
Администраторы
Сообщений:15493
Награды: 50


Dagada, объясни, как должна панель эта появляться. Просто на сайте yraaa есть тема по такой таблице. но она по функций другая.



Эта на yraa

Прикрепления: 4564564.png(30Kb) · 7474387.jpg(54Kb)
Страна: (RU)
Dagada
Дата: Вторник, 30.05.2017, 06:38 | Сообщение # 11
Vip
Сообщений:89
Награды: 2


Kosten, это просто кнопка...Сам скрипт https://uscript.pro/shop/83/item/versija-dlja-slabovidjashhikh .
Код
<span id="uhvb" style="display:none;"><a href="javascript://" onclick="uvcl()"><b>...сюда кнопку....</b></a></span>
Страна: (RU)
Kosten
Дата: Вторник, 30.05.2017, 23:34 | Сообщение # 12
Администраторы
Сообщений:15493
Награды: 50


Dagada, это понятно, но меня интересует табло, где функций располагаются, или они идут от конструктора.
Страна: (RU)
Dagada
Дата: Среда, 31.05.2017, 06:44 | Сообщение # 13
Vip
Сообщений:89
Награды: 2


Kosten, они идут с конструктора и так же можно поставить самостоятельно.Я себе ставил вот это https://uscript.pro/shop/83/item/versija-dlja-slabovidjashhikh
Страна: (RU)
Форум про uCoz » Раздел для uCoz » Вопросы по uCoz » Кнопка версии для слабовидящих
Страница 1 из 11
Поиск: