| Kosten | Воскресенье, 21 Мая 2017, 17:26 | Сообщение 1 |
| Сейчас чем проще тем красивый и безусловно качественен, что доказывает Светлый оттенок 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 и всегда было место.
| | Страна: (RU) |
| |
| Kosten | Воскресенье, 21 Мая 2017, 17:39 | Сообщение 2 |
|
| Все комментарий, были как раз к этому окну, так как переношу их также, просто в них есть что то интересное и полезное, а выбирать некогда, только по теме стараюсь переносить.
| | Страна: (RU) |
| |
| Kosten | Воскресенье, 21 Мая 2017, 17:39 | Сообщение 3 |
|
| Не нужно писать, что на сайте есть такой материал, мне это известно! 
| | Страна: (RU) |
| |
