Главная » Администрирование сайта » Работа со стилями (CSS) » Стилизация ajax-окон

Стилизация ajax-окон

21.08.2009 в 16:47
Автор: Wens

Стилизация ajax-окон в системе uCoz

В данном мануале я расскажу вам как можно изменять внешний вид ajax-окошек

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

1. Скачиваем этот архив

  • Из папки "Изображения" все картинки заливаем на сайт строго в папку /images/ajax
  • Файл ajax-win.css заливаем куда хотим, например, в директорию /css

2. В тело страницы (после <body>) устанавливаем код:

Code
<style type="text/css">      
@import url('ссылка на ajax-win.css') all;      
</style>

Должно быть на каждой странице!

Вот и всё, 100% будет работать, если вы всё правильно сделали!

  • Все файлы обязательно залейте на свой сайт
  • Вы можете менять картинки на свои (ссылки прописаны в ajax-win.css)
  • Должно работать во всех браузерах, даже в IE
  • Возможно, скоро сделаю ещё несколько других стилей
  • Если что-то не получается, или вы нашли ошибку - стучим мне в ЛС c пометкой "Стилизация ajax-окон"

окна на сайте, ajax-окна, ajax, окна, ajax окна, Стилизация


Рейтинг: 26  (помогла ли Вам эта инструкция: да / нет)          Просмотров: 14491          Комментариев: 3
08.04.2015 в 09:43      0  

я использовал для этого jquery... изменял стили прямо при загрузке элемента...
15.09.2014 в 16:34      0  




Цитата
  • Из папки "Изображения" все картинки заливаем на сайт строго в папку /images/ajax

Ну не обязательно в корень сайта заливать можно и в другую папку)) Просто в ксс путь поменять. Но это конечно для тех кто знает что менять в ксс...

Цитата
В тело страницы (после <body>) устанавливаем код:
и еще я кое что поправил у тебя, проще залить в "верхний или нижний блок сайта" и он будет выводится на всех страницах сайта без исключений
03.05.2014 в 12:35      +3  


Цитата
Возможно, скоро сделаю ещё несколько других стилей

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

Спасибо за труды!