Главная / Каталог скриптов для uCoz / Всплывающее окно, Бесплатно

Вид ajax окошек ucoz от waaka

Добавлено 10-03-2018 в 22:27

Категория Всплывающее окно, Бесплатно
Авторwaak
Просмотры836
Комментарии0
Понравилось9

Всем привет! давно нечего не выкладывал так как занет разработкой нового дизайна для сайта
но это не значит что материалов нет!

Материалы есть и ждут публикации но это будет после обновления шаблона
а пока вот простой способ как поправить внешний вид стандартных чёрных окошек от ucoz
если у вас стоят не чёрные стандартные окошки то вам этот вариант не подойдёт

я не стал менять стили контента и кнопок в кошках а просто поправил внешний вид самого окна
все функции остались как у стандартного окошка изменения коснулись только основного блока и верхней части окошка

пример вида окошка

Установка

просто добавьте стили в таблицу стилей в самый конец

Код

.xw-plain {
  border-radius: 0!important;
  box-shadow: 0 0 100px #5c5e5f73!important;
}
.xw-plain .xw-tl {
  padding-left: 0px!important;
  border-top-right-radius: 0px!important;
  border-top-left-radius: 0px!important;
}
.xw-plain .xw-tr {
  padding-right: 10px;
}
.xw-sps {
  height: 4px;
  overflow: hidden;
  position: absolute;
  width: 100%;
  z-index: 1;
  background: #c4e17f;
  background-image: linear-gradient(to right, #F4CE01, #F4CE01 12.5%, #825833 12.5%, #825833 25%, #E9931A 25%, #E9931A 37.5%, #168FBC 37.5%, #168FBC 50%, #156AA1 50%, #156AA1 62.5%, #74C046 62.5%, #74C046 75%, #04A964 75%, #04A964 87.5%, #62c2e4 87.5%, #62c2e4);

}
.xw-plain .xw-hdr {
  padding: 15px 10px 15px 15px;
}
.xw-plain .xw-tc {
  min-height: auto!important;
  background: #F7F7F7;
}

.xw-hdr .xw-hdr-text {
  vertical-align: 3px;
  cursor: default;
  line-height: 30px;
  font-size: 15pt;
  font-weight: 100;
  color: #AAAAAA!important;
}

.xw-plain .xw-ml {
  padding-left: 15px;
  padding-top: 15px;
}

.xw-plain .xw-bl {
  padding-left: 0px!important;
  border-bottom-right-radius: 0px!important;
  border-bottom-left-radius: 0px!important;
}

.xw-plain .xw-tr {
  padding-right: 0px!important;
}

Оставить комментарий

Добавлять комментарии могут только зарегистрированные пользователи.

Регистрация Вход

Создать сайт
Бесплатно

Меню

Полезно

Комментарии

pa patali2k

Спасибо большое!

06-06-2025 в 05:58 материал

waak

на все страницы вывести можно скриптом через запрос на персональную страницу пользователя а на странице со списком закладок я вывел так

Код

У вас $NUM_ENTRIES$ заклад<?if($NUM_ENTRIES$%10=0||$NUM_ENTRIES$%10>4||$NUM_ENTRIES$%100>10&&$NUM_ENTRIES$%100<15)?>ок<?else?><?if($NUM_ENTRIES$%10=1)?>ка<?else?>ки<?endif?><?endif?>

05-06-2025 в 22:07 материал

pa patali2k

Добрый день! Waak подскажи как вы сделали У вас N закладок, у меня выходит 1-5 например, так если можете подскажите как вывести кол.во закладок пользователя например в мини профиль, чтоб кол.во закладок показывало на любой странице

04-06-2025 в 16:51 материал

pa patali2k

Добрый день!
Сегодня снова попробовал установить скрипт и он снова не заработал, все перерыл, изменял, убирал и никак не заводился.
Решение: В общих настройках сайта нужно переключить Версия библиотеки jQuery: на jquery-1.12.4.min.js
В общем теперь просьба, не могли бы переписать скрипт закладок под jquery-3.6.0.min.js