Чат сообщества
   | |
| Модератор форума: dotbot |
| Сообщество uCoz Архивариус Корзина Мануал: стилизация ajax-окон |
| Мануал: стилизация ajax-окон |
|
Стилизация ajax-окон в системе uCoz
В данном мануале я расскажу вам как можно изменять внешний вид ajax-окошек
 Итак, приступим: 1. Скачиваем этот архив
2. Устанавливааем
Code <style type="text/css"> @import url('ссылка на ajax-win.css') all; </style>
Вот и всё, 100% будет работать если вы всё правильно сделали и у вас нормальный браузер
С Уважением, Wens  Сообщение отредактировал Wens - Пятница, 21 Авг 2009, 16:40:23
|
|
Инструкцию проверил. Работает.
Одно НО, в админ(юзер)-баре тоже эти стили применяются:  Прикрепления:
1928432.png
(15.3 Kb)
Сообщение отредактировал uCoz-XPert - Среда, 19 Авг 2009, 18:20:11
|
|
Quote (Wens) если убрать, то не будет работать Quote (Wens) Скрипты работают на jQ Сообщение отредактировал uCoz-XPert - Среда, 19 Авг 2009, 18:21:44
|
|
Quote (uCoz-XPert) Будет. А если JQ оставить, то может произойти конфликт JQ библиотек. uCoz-XPert, да, посмотрел на u.js, там есть jQ, но тогда надо будет размещать скрипты после </head>, иначе, скорее всего, не будет работать
Quote (uCoz-XPert) Одно НО, в админ(юзер)-баре тоже эти стили применяются: В окнах и админ баре используются общие классы, которые отвечает за рамку окна Сообщение отредактировал Wens - Среда, 19 Авг 2009, 18:42:14
|
|
Wens, стилизация окон отображается во всех браузерах?
То есть работает ли в IE и старых версиях Оперы, Мозиллы? Сообщение отредактировал djekky - Среда, 19 Авг 2009, 18:44:00
|
|
Wens, к сожалению IE пока тоже браузер, как на счёт него?
|
|
djekky, в IE я не пробовал, а в старых версиях оперы, мазилы работать должно
PS если не поддерживается, то будет отображаться стандартное окно, как обычно Сейчас протестирую как это будет в IE 8 и отпишусь Добавлено (19-Авг-2009, 18:55:15) добавляю в мануал скрипт: <script type="text/javascript">
Ну что, тестируем, ищем ошибки, предлагаем варианты улудшения Сообщение отредактировал Wens - Среда, 19 Авг 2009, 22:20:44
|
|
Quote (Wens) <script type="text/javascript"> $(document).ready(function(){ if($.browser.mozilla){$('#ajaxcss').html('<link type="text/css" rel="StyleSheet" href="ссылка на ajax-win.css" />');}; }); </script> <script type="text/javascript"> $(document).ready(function(){ if($.browser.opera){$('#operaajax').html('<link type="text/css" rel="StyleSheet" href="ссылка на ajax-win.css" />');}; }); </script> <script type="text/javascript"> $(document).ready(function(){ if($.browser.safari){$('#operaajax').html('<link type="text/css" rel="StyleSheet" href="ссылка на ajax-win.css" />');}; }); </script> <script type="text/javascript"> $(document).ready(function(){ if($.browser.msie){$('#ajaxcss').html('<link type="text/css" rel="StyleSheet" href="ссылка на ajax-win.css" />');}; }); </script> <span id="ajaxcss"></span> <span id="operaajax"></span> зачем, зачем всё это? Code <link type="text/css" rel="StyleSheet" href="ссылка на ajax-win.css" /> ипотом, если файлы даже и разные, то можно сделать проверку u.кодами Zip file! Zip file!
|
| |||