Страница 1 из 11
Форум про uCoz » Раздел для uCoz » HTML коды для сайта uCoz » Светлая гамма цвета Ajax окна для uCoz
Светлая гамма цвета Ajax окна для uCoz
Kosten
Дата: Воскресенье, 21.05.2017, 17:26 | Сообщение # 1
Администраторы
Сообщений:15835
Награды: 51


Сейчас чем проще тем красивый и безусловно качественен, что доказывает Светлый оттенок Ajax окна для uCoz который выполнен почти на чистых стилях. В нем только несколько ссылок, которые вы сами можете поменять, к примеру сам крестик отключение и поставить свой и вот у вас уже не похожий на других окно на сайте.

Само оформление очень простое и выполнено так, что подойдет на любой ресурс не смотря на его тематику. А если портал будет светлый или с белым фоном, то Ajax по своей конфигурации будет почти не заметно и просто сливаться с основным дизайном. Вот такой чистый вариант может вам понравиться, и сейчас много площадок в серой гамме, где точно будет материал востребован.



Если есть старый, то нужно убрать и вместо его прописать в CSS эти стили.

Код
.myWinCont input[type=text], .myWinCont input[type=password] {background:#fff!important;border:1px solid #ececec!important;font-size:11px!important;font-family:tahoma!important;color:#535353!important;border-radius:2px!important;padding:5px 8px!important;outline:none!important;box-shadow:none!important;}  
.myWinCont textarea {box-shadow:none!important;}  
.x-sh .xstl{padding-top:6px; background:none!important;}  
.x-sh .xsml{background:none!important;}  
.x-sh .xstr{padding-top:6px; background:none!important;}  
.x-sh .xsmr{background:none!important;}  
.x-sh .xsbl{padding-left:6px;background:none!important;}  
.x-sh .xsbc{background:none!important;}  
.x-sh .xsbr{padding-right:6px;background:none!important;}  
.xt {background:none!important; margin-left:5px!important; margin-top:1px!important; width:25px!important; height:20px!important;}  
.xt-close{background:url('http://zornet.ru/zorner_ru_1/Veb/zader/12848835.png') no-repeat!important; margin:1px 0 0 0px!important;}  
.xt-close-over{background:url('http://zornet.ru/zorner_ru_1/Veb/zader/12848835.png') no-repeat!important;}  
.xt-mini{background-position:0 -15px!important;}  
.xt-mini-over{background-position:-15px -15px!important;}  
.xt-maxi{background-position:0 -30px!important;}  
.xt-maxi-over{background-position:-15px -30px!important;}  
.xt-rest{background-position:0 -45px!important;}  
.xt-rest-over{background-position:-15px -45px!important;}  
.xw-tl {background:#fff!important; border-bottom:1px solid #6f9bc0!important; padding-left:5px!important; -webkit-border-radius: 2px 0px 0px 0px; -moz-border-radius: 2px 0px 0px 0px; border-radius: 2px 0px 0px 0px;}  
.xw-tc {background:none!important; padding:6px 10px 0px 10px!important;}  
.xw-tr {background:none!important; padding-right:5px!important; -webkit-border-radius: 0px 2px 0px 0px; -moz-border-radius: 0px 2px 0px 0px; border-radius: 0px 2px 0px 0px;}  
.xw-ml {background:#fff!important; padding-left:5px!important; color:#656565!important;}  
.xw-mr {background: none !important; padding-right:5px!important;}  
.xw-bl {background:#fff!important; padding-left:5px!important; -webkit-border-radius: 0px 0px 0px 2px; -moz-border-radius: 0px 0px 0px 2px; border-radius: 0px 0px 0px 2px;}  
.xw-br {background:#fff!important;padding-right:5px!important; -webkit-border-radius: 0px 0px 2px 0px; -moz-border-radius: 0px 0px 2px 0px; border-radius: 0px 0px 2px 0px;}  
.xw-bc {background:#fff!important; height:5px!important;}  
.xw-hdr-text {padding:0px!important;}  
.xw-hdr-text {font-size: 11px;font-weight: 700; font-family: tahoma!important; color:#656565!important; line-height: 15px!important; vertical-align:2px!important;}  
.xw-plain .xw-mc {border-radius:2px!important; border: none!important; padding:0!important; margin:0!important; font: 11px tahoma!important; color:#656565!important; background:#fff!important;}  
.xw-body, .myWinCont {padding:0!important; margin:0!important; color:#656565!important;}  
.xw-plain .xw-body{padding: 0!important; border: none!important;}  
.xw-plain {box-shadow:0 0 6px #cecece;}  
.xw-blank {background:#fff!important;}  
.myWinTD1 {background:none!important;}


Также сопровождение комментарий:

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

2. Fred, вот думаю его на этот сайт установить, так то стоит стандартный, а здесь просто кнопку изменить и все.

3. Не любитель советовать, так как это не благодарное дело, но могу сделать небольшой отчет.

Что первое, вы поставили Ajax и оно только показывает когда в мини чате заращиваешь смайлы. Здесь виде материалов, тоже почти окно, но оно от системе и кнопка у нее синяя.

Так где смысл менять шило на мыло.

4. Да в чем то вы правы, хотелось чтоб одно было, хотя не сильно и заметно, кнопка темная и светло синяя.

5. Но кнопка синее идет ссылкой, вы что не можете вытащить ссылку и прописать ее в стилях, но то окно, которое установили. И тогда станет все на свои места, и будет на сайте один Ajax синем оттенком.

6. Вообще запарился, точно, спасибо за не хитрую идею. Просто вид материалов подгонял под мобильное устройство, почти все заменил, а оказалось только нужно было убрать условные операторы с ссылкой на персональную страницу, это где написано, кто разместил.

7. Видел просто на одном сайте, такое Ajax окно и сразу идет следующее, но там синие полоска и они как разные материалы идут.

8. Но явно на светлом фоне почти не заметно, так как изображение брал с тестового сайта, пришлось искать место, где нет белого цвета и просто остался один фон, который не так слишком серый.

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

10. Это не такая уж проблема, так как можно стили прописывать в самом виде или куда ставиться скрипт.

Первое под окно:

Код
<script src="Файл.css" type="text/javascript"></script>


Делается тестовый файл и в него приписывают стили и потом загружается файловый менеджер и в конце убирает тестовый и ставим CSS и ссылку потом ставим в код что представлен и в низ или вверх сайта.

Второй вариант:

К примеру ставим вид материал и он идет со стилями, чтоб не прописывать их CSS нам пригодятся style которые ставим ниже.

Код
<style>
Здесь стили в материалу который устанавливаем.
</style>


Вот и выход из положение, чтоб не захламлять CSS и всегда было место.
Прикрепления: 5116554.png(75Kb)
Страна: (RU)
Kosten
Дата: Воскресенье, 21.05.2017, 17:39 | Сообщение # 2
Администраторы
Сообщений:15835
Награды: 51


Все комментарий, были как раз к этому окну, так как переношу их также, просто в них есть что то интересное и полезное, а выбирать некогда, только по теме стараюсь переносить.
Страна: (RU)
Kosten
Дата: Воскресенье, 21.05.2017, 17:39 | Сообщение # 3
Администраторы
Сообщений:15835
Награды: 51


Не нужно писать, что на сайте есть такой материал, мне это известно! 11a
Страна: (RU)
Форум про uCoz » Раздел для uCoz » HTML коды для сайта uCoz » Светлая гамма цвета Ajax окна для uCoz
Страница 1 из 11
Поиск: