20:49

Новый стильный вид ajax окна на сайтах системы ucoz

Наверное многим администраторам сайтов созданных в системе укоз не подходило или не нравилось стандартное оформление ajax-окна системы. А тем кто более-менее разобрался с редактированием дизайна и уже создал для своего родного сайта что-то не похожее на другие, разумеется хочет чтобы и стандартные элементы системы выглядели не как у всех.

Сейчас мы с вами разберемся как отредактировать вид ajax-окна системы ucoz и в конце я предложу свой стиль, подходящий для множества сайтов разных тематик и направлений.

Редактируем стили ajax-окна системы ucoz

Стили окна прячуся не в файле прикрепленном к сайту, а в стандартном для всех файле стиля и редактировать его нельзя. А нам и не надо, мы просто вставим свои стили на теже самые элементы и поставим их в коде страницы после объявления стандартного файла стилей, и браузер подменит стандартный стиль на наш.

Для практически полного редактирования нам понадобятся классы: xw-hdr, xw-hdr-text, xw-sps, xw-tsps, xw-tc, xw-tl, xw-tr, xw-bc, xw-bcm, xw-footer, xw-bl, xw-br, xw-mc, xw-ml, xw-mr, xw-icon, xw-body, xw-draggable, xw-hdr-text, xw-plain, xw-body, xw-blank и классы x-sh

Немало, можно и запутаться, но это только кажется на самом деле названия классов можно легко расшифровать для наглядности.
XW - означает X-Windows - интерфейс окна, а приставки br (bottom right) ml (middle left) и тд означают положение элемента в окне.

Также есть дополнительные элементы и классы к ним для тени. Мне не захотелось заморачиваться с тенью отдельно, поэтому рисунки элементов делал вместе с тенью. Это конечно отложило негатив на другие элементы системы, например на меню, но меня это не особо напрягает и в дальнейшем я обязательно поправлю баг с тенью.

Теперь когда мы знаем какие классы отвечают за свой элемент ajax-окна ucoz можем смело их редактировать и получить самые неожиданные результаты.

Мой стиль ajax-окна системы ucoz

Свой стиль я сделал в строгом белом виде, уже ставшим неким стандартом среди девелоперов на javascript и java, а также дизайнеров сайтов WEB 2.0

Добавив в конец каждой страницы вот тот код, вы получите тот самый вид. Для тех кто решит использовать этот вид, или будет распространять его: ссылка на сайт chepurnoff.ru обязатела!

Code

Категория: От оно как | Просмотров: 12308 | Добавил: chepurnoff | Рейтинг: 2.3/3

Порядок вывода комментариев:

DPolyakov
(12.12.2010 02:12)

А вы не не подумали что если админ сайта sensorgame.ru удалит картинки то всем вашим украшательствам настанет пипец?
К таким урокам нужно архив с картинками прикладывать

Chepurnoff
(12.12.2010 11:46)

Да это правильно, как только разберусь с тенью, выложу с картинками

Иван
(03.04.2011 12:47)

немогу с тенью в IE cjdkflfnm? xthyfz gjkexftncz? hfpysvb abrcfvb ghj,sdfk///yt ds[jlbn

Иван
(03.04.2011 12:48)

Ек могу с тенью в IE совладать, черная, разными фиксами пробывал

Lena
(07.04.2011 12:02)

Статья старая но еще работает

CecileFefentaite
(14.04.2014 04:44)

Секреты больших денег в Интернете

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]