Новые сообщения на форуме · Пользователи · Правила форума · Поиск · RSS
  • Страница 1 из 1
  • 1
Форум » Ucoz и все что с ним связано » Ajax, Alert, uWnd окна юкоза. » Стилизация ajax-окон в системе uCoz (Теперь кнопки прижаты, как на Вебтопе.)
Стилизация ajax-окон в системе uCoz
ElectromasterДата: Суббота, 02.01.2010, 18:30 | Сообщение # 1
Сообщений: 270
Статус: Offline
Сегодня будем изменять стриль ajax-окошек, а точнее опишем способ использования стиля с Вебтопа у себя на сайте

Итак, приступим:

1. Заливаем на сайт и подключаем в Шапку сайта.

Первый вариант стилей (черный)

Code
<style type="text/css">             
@import url('http://imobile.ucoz.com/images/ajax/1/ajax_black.css') all;             
</style>

Второй вариант стилей (синий от Reslear'a)

Code
<style type="text/css">             
@import url('http://imobile.ucoz.com/images/ajax/2/ajax_blue.css') all;             
</style>

P.S. Возможно в стилях остался мусор, но его значительно меньше по сравнению со страрой версией

 
ГеройДата: Пятница, 08.01.2010, 02:26 | Сообщение # 2
Сообщений: 20
Статус: Offline
Слушай, кнопки свернуть и развернуть заменились кнопкой закрыть (только картинкой), я там смотрел в ксс, но запутался какая строчка за какую кнопку отвечает. Там я как понял всё из одной картинки берётся, тока по пикселам высчитывается координаты значка.
 
ElectromasterДата: Пятница, 08.01.2010, 18:51 | Сообщение # 3
Сообщений: 270
Статус: Offline
У меня все получилось, скинь пример, где это у тебя так получилось... посмотрю(если сайт не поддерживает uNet пользователей создай нового пользователя user, c паролем 12345)
Если надо можно еще и синие аякс окошки сделать))
Все файлы обязательно должны быть залиты на свой сайт
Вы можете менять картинки на свои (ссылки прописаны в ajax-win.css)
Должно работать во всех браузерах, даже в IE
 
pechik032Дата: Суббота, 26.06.2010, 16:14 | Сообщение # 4
Сообщений: 2
Статус: Offline
* вставляем код после /head у меня получилось
 
ElectromasterДата: Воскресенье, 27.06.2010, 12:25 | Сообщение # 5
Сообщений: 270
Статус: Offline
Можно было создать один глобальный блок и через быструю замену быстренько (главное сделать это очень осторожно, можно запортачить весь шаблон.. потом долго придется исправлять ручками.. smile ) пройтись по всем шаблонам) cool

После этого скопировать туда наш код, не засоряя визуально шаблон)

Code
<head>
.....
$GLOBAL_head$
$GLOBAL_styles$
</head>

Стили должны быть между <head>... </head> , если соблюдать все правила)

 
ГеройДата: Понедельник, 28.06.2010, 01:41 | Сообщение # 6
Сообщений: 20
Статус: Offline
Quote (Electromaster)
<head> ..... $GLOBAL_head$ $GLOBAL_styles$ </head>

А не легче просто в шапке $GLOBAL_styles$ написать? cool
Кстати, я нашёл стиль с синими окнами! Только пришлось там везде ссылки подменять.
 
ElectromasterДата: Понедельник, 28.06.2010, 11:13 | Сообщение # 7
Сообщений: 270
Статус: Offline
Quote (Герой)
А не легче просто в шапке $GLOBAL_styles$ написать?

Стандартно этого блока там и впомине не было... если интересно читаем дальше... smile

Есть верхняя часть сайта(ст. блок), так вот если в него мы добавим то это будет не правильно, тк $GLOBAL_AHEAD$ стоит после открывающего тега "body" (а это нам надо? happy нет..), для этого я и сказал как сделать быстренько замену во всех шаблонах cool

Quote (Герой)
Кстати, я нашёл стиль с синими окнами! Только пришлось там везде ссылки подменять.

biggrin Не уж то с вебтопа))

 
ГеройДата: Вторник, 29.06.2010, 22:14 | Сообщение # 8
Сообщений: 20
Статус: Offline
Почему на вебтопе кнопки управления окном плотно прижаты к верхней грани окна, а у меня небольшой отступ?

Сообщение отредактировал Герой - Воскресенье, 04.07.2010, 23:06
 
ElectromasterДата: Четверг, 08.07.2010, 23:53 | Сообщение # 9
Сообщений: 270
Статус: Offline
Всё исправил небольшой баг cool
 
Форум » Ucoz и все что с ним связано » Ajax, Alert, uWnd окна юкоза. » Стилизация ajax-окон в системе uCoz (Теперь кнопки прижаты, как на Вебтопе.)
  • Страница 1 из 1
  • 1
Поиск: