|
Кнопка версии для слабовидящих
|
|
| Dagada | Воскресенье, 28 Мая 2017, 17:53 | Сообщение 1 |
| Там в шапке расположена интересная кнопка "версии для слабовидящих". Пробовал вытащить ...но увы  .Подскажите как сделать такую кнопочку.
Наткнулся на сайт: souvenirs-from-russia.com
| | [ RU ] |
| |
| Kosten | Воскресенье, 28 Мая 2017, 18:05 | Сообщение 2 |
| Dagada, если не ошибаюсь, она должна с функцией идти от конструктора в админ панели, вообщем видел эту функцию на подключение, возможно она системная и потому вытащить не можешь.
| | [ RU ] |
| |
| Dagada | Воскресенье, 28 Мая 2017, 20:13 | Сообщение 3 |
|
| Kosten, вытащил 
| | [ RU ] |
| |
| Gerat | Воскресенье, 28 Мая 2017, 20:53 | Сообщение 4 |
| Dagada, а для чего она нужна?
| | [ RU ] |
| |
| Dagada | Воскресенье, 28 Мая 2017, 20:54 | Сообщение 5 |
|
| Gerat, на сайт детского сада
| | [ RU ] |
| |
| Dagada | Понедельник, 29 Мая 2017, 06:50 | Сообщение 6 |
|
| Может кому пригодится...Я ее малехи изменил:
Код <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;
}
}
 
Саму кнопку можно изменить под свои нужды ...Иконку только поменять и текст.
Сообщение отредактировал
Dagada - Понедельник, 29 Мая 2017, 07:19 | | [ RU ] |
| |
| Kosten | Понедельник, 29 Мая 2017, 15:05 | Сообщение 7 |
|
| Dagada, норм, потом на главную сделаю.
| | [ RU ] |
| |
| Slavik | Понедельник, 29 Мая 2017, 15:08 | Сообщение 8 |
| Всегда пригодиться!
Kentos311.uCoz.com - Добро пожаловать в мир читов!
| | [ RU ] |
| |
| Kosten | Понедельник, 29 Мая 2017, 20:37 | Сообщение 9 |
|
| Поставил кнопку на тестовый сайт, да дизайн отличается, но почему то не работает, в админ панели подключил все.
| | [ RU ] |
| |
|
| Dagada | Вторник, 30 Мая 2017, 06:38 | Сообщение 11 |
|
| 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 Мая 2017, 23:34 | Сообщение 12 |
|
| Dagada, это понятно, но меня интересует табло, где функций располагаются, или они идут от конструктора.
| | [ RU ] |
| |
| Dagada | Среда, 31 Мая 2017, 06:44 | Сообщение 13 |
|
| Kosten, они идут с конструктора и так же можно поставить самостоятельно.Я себе ставил вот это https://uscript.pro/shop/83/item/versija-dlja-slabovidjashhikh
| | [ RU ] |
| |
| slabovid22 | Пятница, 02 Ноября 2018, 14:07 | Сообщение 14 |
| хороший модуль, есть все необходимые инструменты
| | [ RU ] |
| |
| Kosten | Суббота, 03 Ноября 2018, 00:56 | Сообщение 15 |
|
| Хорошая функция, но что то редко можно встретить ее на сайтах.
| | [ RU ] |
| |
