» »

Прозрачный Ajax в темном оттенке цвета


Прозрачный Ajax в темном оттенке цвета

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

Прозрачный Ajax в темном оттенке цвета

Сам стиль скажем не маленький и займет в CSS много место, если у кого оно есть и может позволить прописать его, то копируем и ставим в самый низ.

Код
/* --------AJAX-------- */  
.xw-hdr-text {opacity: 0.90;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color: #cccccc !important;line-height: 23px !important;}.xt {margin-top: 5px !important; background: transparent url(http://mundorf.3dn.ru/img/ajax/tool-sprites.png) no-repeat !important;}  
.xt-close{opacity: 0.90;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background-position:0 0!important;}  
.xt-close-over{opacity: 0.90;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background-position:-15px 0!important;}  
.xt-mini{opacity: 0.90;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background-position:0 -15px!important;}  
.xt-mini-over{opacity: 0.90;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background-position:-15px -15px!important;}  
.xt-maxi{opacity: 0.90;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background-position:0 -30px!important;}  
.xt-maxi-over{opacity: 0.90;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background-position:-15px -30px!important;}  
.xt-rest{opacity: 0.90;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background-position:0 -45px!important;}  
.xt-rest-over{opacity: 0.90;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background-position:-15px -45px!important;}  
.xw-br {opacity: 0.90;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background:#212121 url(http://zornet.ru/Fresa/zursa/right-corners.png) no-repeat 100% 100% !important;}  
.xw-bl {opacity: 0.90;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background:#212121 url(http://zornet.ru/Fresa/zursa/left-corners.png) no-repeat 0px 100% !important;}  
.xw-bc {opacity: 0.90;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background:#212121 url(http://zornet.ru/Fresa/zursa/top-bottom.png) repeat-x 0px 100% !important;}  
.xw-tc {opacity: 0.90;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background:#212121 url(http://zornet.ru/Fresa/zursa/top-bottom.png) repeat-x 100% 0px !important;}  
.xw-tl {opacity: 0.90;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background:#212121 url(http://zornet.ru/Fresa/zursa/left-corners.png) no-repeat 0px 0px !important;}  
.xw-tr {opacity: 0.90;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background:#212121 url(http://zornet.ru/Fresa/zursa/right-corners.png) no-repeat 100% 0px !important;}  
.xw-ml {opacity: 0.90;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background:#121212 url(http://zornet.ru/Fresa/zursa/left-right.png) repeat-y 0px 0px !important;}  
.xw-mr {opacity: 0.90;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background:#121212 url(http://zornet.ru/Fresa/zursa/left-right.png) repeat-y 100% 0px !important;}  
.xw-body {opacity: 0.90;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background:#212121 !important; border: 1px solid #1c1c1c !important;}  
.xw-mc {opacity: 0.90;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background: #212121 !important; border: 1px solid #444444 !important;}  
.xw-draggable, .xw-hdr {opacity: 0.90;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background:#121212 url(http://zornet.ru/Fresa/zursa/ajax_okno_1.png) repeat-x 0;}  
.u-menuitemhl .admBarLeft {opacity: 0.90;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background: transparent url(http://zornet.ru/Fresa/zursa/tb-btn-sprite.png) no-repeat 0px 0px !important;}  
.u-menuitemhl .admBarCenter {opacity: 0.90;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background: #161514 url(http://zornet.ru/Fresa/zursa/tb-btn-sprite.png) repeat-x 0px -42px !important;}  
.u-menuitemhl .admBarRight {opacity: 0.90;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background: transparent url(http://zornet.ru/Fresa/zursa/tb-btn-sprite.png) no-repeat 0px -21px !important;}  
.cuzadpn {opacity: 0.90;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background:#212121 url(http://zornet.ru/Fresa/zursa/abbg.png) repeat-x !important;}  
.u-menuvsep {opacity: 0.90;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background: url(http://zornet.ru/Fresa/zursa/spr.png) repeat-x 0 !important; padding: 2px 3px 0 3px !important;}  
.u-menu .u-menubody {opacity: 0.90;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background:#212121 !important; border: 1px solid #121212 !important;}  
/* --------Off-AJAX-------- */


Но есть еще как можно установить, это сделать файл на Ajax и потом разместить к примеру вверх сайта, но а также можно в низ поставить. Ведь как известно эти модули всегда и на любой странице присутствуют и код будет работать.

Код
<style type="text/css">  
@import url('http://zornet.ru/Fresa/zursa/Nursav.css') all;  
</style>


Если решили поставить в шапку, то нужно прописать в самом низу, чтоб знать где стоит оно, просто работать будет везде.
03.12.2015 Просмотров: 496 Комментарий: (19)

Поделиться в социальных сетях

Материал разместил

Комментарий: 19
FeStemBer
FeStemBer 03.12.2015 11:571
+2
Почему вы думаете, что раньше оно прозрачным не было. А так давно видел это окно, под темный дизайн нормально.
Kvint
Kvint 03.12.2015 12:269
0
А почему бы и нет, если кто то в первые видит, а у другого стоит или стояли эти стили.
Kosten
Kosten 03.12.2015 12:3312
0
Так он и пишет, что просто видел и как понимаю похожее, это сам в первые увидел, что прозрачно сделали. Так на стили память нормально срабатывает и по стилям такое в первые вижу и тем более они большие, а и за чего большие. Больше всего из за дизайна доработанного и становиться больше, а если прозрачность, то здесь все понятно.
Kosten
Kosten 03.12.2015 12:3111
0
Но не сказать что слишком давно появилось, просто есть похожее, и там кнопки совершенно другие, здесь они мелкие, а там стандартные.
Kosten
Kosten 03.12.2015 12:012
0
Tventum, здесь все просто, так как раньше заливал его на сайт и прозрачности явно на нем не замечал.
Kvint
Kvint 03.12.2015 12:258
0
Kosten, в таком случай нужно просто выводить ссылку на такой же скрипт, чтоб можно было перейти и выбрать, какое по твоему лучше подойдет.
Kvint
Kvint 03.12.2015 12:123
+1
Это Ajax, хоть и в темном дизайне, но пришлось видеть его на светлом и отлично было. Но там не сильно светлый, больше серый и есть элемент как вверх сайта темный и это окно, и так сделано, что красиво подошло.
ZruBkul
ZruBkul 03.12.2015 12:154
0
Ставил его, но почему то не выводило прокрутку когда смайлы вызывал. На тестовом проверял, она есть, на сайте нет. Так и убрал, просто на других появляется сразу.

И здесь поддержу, также было окно не прозрачное, это видать только недавно так сделали, как помню не шло так.
Kvint
Kvint 03.12.2015 12:247
0
А прокрутки возможно не было, это просто стили где то ругались, хотя в первые слышу, чтоб не было а другой ставишь они есть. Бывает и так, что ее просто нет.
Сопрано
Сопрано 03.12.2015 12:205
0
Это окно с игрового сайта, на котором можно найти все темы, не буду его рекламировать, один раз замечание сделал, и сразу в баню попал.
FeStemBer
FeStemBer 03.12.2015 12:226
0
Вот что значит команду подобрать, где то просто делают замечание, где то написал как думаешь, можешь загреметь в бан. Но это основном команда молодых людей, которые или только после школы или еще букварь изучают.
Kosten
Kosten 03.12.2015 12:3714
0
Команда основном состоит из тех у кого есть свои ресурсы. И также у них есть модераторы. Вот Леха скомск, он один, и банит и не когда не выслушает другое мнение. Так по скайпу общался, нормальный адекватный человек, а на сайте видать меняется.
ZruBkul
ZruBkul 03.12.2015 12:3915
0
Давно у него на сайте не был, не знаю, он просто раньше скрипты заливал и всегда рабочие были. А сейчас вообще видать забросил, так новости на главной стоят. И то все скопированные, возможно дали о себе в поиске знать. А так сайт топовый, а сейчас не вижу его, иногда только по картинкам в поиске.
Kvint
Kvint 03.12.2015 12:2910
0
Могу представить какой сайт, но на нем вообще не регистрировался, чтоб не знали, просто слышал, там очень любят жалобы писать. А сами берут с любого материал, но правда иногда доработают, что лучше становиться и не то что требуют обратную ссылку, а пишут, что будут подавать жалобу, если не уберете. Так можно было посмотреть как они доказывать будут, просто этого не нужно, смотря на кого нарвутся и в таком случай бан сайту может быть реальным.
Kosten
Kosten 03.12.2015 12:3413
0
Ну и не нужно его здесь писать, то еще скажут, присвоили домен, если такие на все падкие.
Canon
Canon 03.12.2015 12:5616
0
Одну ссылку не исправил, но тут из много, и моджно было пропустить. Есть вот стандартный, светлый, там вообще стилей мало и нормально смотриться.
Kosten
Kosten 03.12.2015 13:0018
0
Понимаю про какое окно говоришь, оно скажем не стандартное а по другому называется. Можете посмотреть ЗДЕСЬ это чисто светлое окно, и стандартная кнопка отключать, можно сказать модальное окно.
Kosten
Kosten 03.12.2015 12:5817
0
Да точно почти в самом начале, думал что все закончилась, просто каждая ссылка повторяется много раз. А так там по сути 7 или восемь свело ссылок на окно.
Kosten
Kosten 29.12.2015 14:5719
0
Вот это окно, на которое подумал, что это идет как стандартное от системы, там просто все так похоже.
avatar