• Страница 1 из 1
  • 1
Темное ajax окно для ucoz
Дмитрий Дата: Пятница, 31.08.2012, 10:17 | Сообщение # 1 | Сообщить о нерабочей теме


Аватар для Дмитрий



Красивое прозрачное черное ajax окно для ucoz. Идеально впишется в тёмный дизайн. Ajax окно ucoz подойдет например для Counter-Strike, Stalker портала, где присутствуют темные элементы дизайна... Вскоре выложу ajax окно для stalker портала.

Первый способ установки ajax окна для uCoz

Копируем код и вставляем в CSS:

Code
/* Вид ajax окон joomla.ucoz.com */    
.x-sh, .x-sh *{overflow:hidden;margin:0;border:0}   
.xsl *,.xsr *,.xsb * {height:100%}   
.x-sh .xstl{padding-top:6px;background:transparent url(http://s1.unet.com/img/d/1/shadowh.png) no-repeat 0 0;}   
.x-sh .xsml{background:transparent url(http://s1.unet.com/img/d/1/shadowh.png) repeat-y -6px 0;}   
.x-sh .xstr{padding-top:6px;background:transparent url(http://s1.unet.com/img/d/1/shadowh.png) no-repeat -18px 0;}   
.x-sh .xsmr{background:transparent url(http://s1.unet.com/img/d/1/shadowh.png) repeat-y -12px 0;}   
.x-sh .xsbl{padding-left:6px;background:transparent url(http://s1.unet.com/img/d/1/shadowv.png) no-repeat 0 -6px}   
.x-sh .xsbc{background:transparent url(http://s1.unet.com/img/d/1/shadowv.png) repeat-x 0 -12px;}   
.x-sh .xsbr{padding-right:6px;background:transparent url(http://s1.unet.com/img/d/1/shadowv.png) no-repeat right 0}   
/*frame*/   
.xw-tl{background:url(http://s1.unet.com/img/d/1/wframe-leftc.png) no-repeat 0 0;padding-left:6px;position:relative;zoom:1}   
.xw-tr{background:url(http://s1.unet.com/img/d/1/wframe-rightc.png) no-repeat 100% 0;padding-right:6px;position:relative;zoom:1}   
.xw-tc{background:url(http://s1.unet.com/img/d/1/wframe-horiz.png) repeat-x 0 0;font-size:1px;line-height:1px;overflow:hidden;position:relative;zoom:1}   
.xw-tsps{height:6px}   
.xw-ml{background:url(http://s1.unet.com/img/d/1/wframe-vert.png) repeat-y 0 0;padding-left:6px;zoom:1}   
.xw-mr{background:url(http://s1.unet.com/img/d/1/wframe-vert.png) repeat-y 100% 0;padding-right:6px;zoom:1}   
.xw-plain .xw-mc{border:1px solid #A0A0A8;padding:0;margin:0;font:normal 11px tahoma,arial,helvetica,sans-serif;background:white;color:black;zoom:1;}   
.xw-bl{background:url(http://s1.unet.com/img/d/1/wframe-leftc.png) no-repeat 0 100%;padding-left:6px;zoom:1}   
.xw-br{background:url(http://s1.unet.com/img/d/1/wframe-rightc.png) no-repeat 100% 100%;padding-right:6px;zoom:1}   
.xw-bc{background:url(http://s1.unet.com/img/d/1/wframe-horiz.png) repeat-x 0 100%;overflow:hidden;font-size:1px;line-height:1px;height:6px}   
DIV.xw-bcm{height:2px}   
/*cursors for resizing frame*/   
.xw-resize .xw-tl {cursor:nw-resize}   
.xw-resize .xw-tr {cursor:ne-resize}   
.xw-resize .xw-sps,.xw-resize .xw-tsps {cursor:n-resize}   
.xw-resize .xw-ml {cursor:w-resize}   
.xw-resize .xw-mr {cursor:e-resize}   
.xw-resize .xw-mc {cursor:default}   
.xw-resize .xw-bl {cursor:sw-resize}   
.xw-resize .xw-br {cursor:se-resize}   
.xw-resize .xw-bc {cursor:s-resize}   
/*header and content*/   
.xw-plain .xw-body{border:1px solid #202028;background:transparent !important;}   
.xw-sps {height:4px;overflow:hidden;position:absolute;width:100%;z-index:1}   
.xw-hdr{padding:1px 0 0 0;white-space:nowrap;zoom:1;height:25px}   
.xw-plain .xw-icon {height:16px;width:16px;margin:6px 4px 0 0;vertical-align:-3px;}   
.xw-hdr-text{color:#B0B0B0;font:bold 11px tahoma,arial,verdana,sans-serif;line-height:24px;vertical-align:2px}   
.xw-active .xw-hdr-text {color:white}   
.xw-disabled, .xw-actlayer {background:url(http://s1.unet.com/img/1px.gif)}   
.xw-active .xw-actlayer {display:none}   
.xw-draggable,.xw-draggable .xw-hdr-text{cursor:move !important}   
/*buttons*/   
.xt{position:relative;width:25px;height:18px;overflow:hidden;float:right;display:inline;cursor:pointer;    
    background:url(http://s1.unet.com/img/d/1/wbuttons.png) no-repeat}   
.xt-close{width:44px !important;background-position:-44px 0;}   
.xt-close2 {width:44px !important;background:url(http://s1.unet.com/img/d/1/wbuttonsc.png) no-repeat -44px 0;margin-bottom:-10px;}   
.xt-mini{width:26px !important;background-position:-26px -18px}   
.xt-maxi{background-position:-25px -36px}   
.xt-rest{background-position:-25px -54px}   
.xt-reload{background-position:-25px -72px;margin-right:5px}   
.xt-help{background-position:-25px -90px;margin-right:5px}   
.xt-save{background-position:-25px -108px;margin-right:5px}   
.xt-close-over{background-position:0 0}   
.xt-mini-over{background-position:0 -18px}   
.xt-maxi-over{background-position:0 -36px}   
.xt-rest-over{background-position:0 -54px}   
.xt-reload-over{background-position:0 -72px}   
.xt-help-over{background-position:0 -90px}   
.xt-save-over{background-position:0 -108px}   
.xw-blank {background:#a3bae9;opacity:0.4;filter:Alpha(Opacity='40');overflow:hidden}   
.myWinCont {-moz-user-select:text}   
.myWinGrid {background:url(http://s1.unet.com/img/d/1/g.gif) repeat}   
.myWinLoad {margin:5px;width:31px;height:31px;background:url('http://s1.unet.com/img/ajax.gif') no-repeat 0 0;}   
.myWinCont,.myWinCont td, .myWinCont dl,.myWinCont dt {color:#000000;font-size:8pt;font-family:Tahoma,Arial;}   
.myWinCont a:link, .myWinCont a:visited{text-decoration:none;color:#0066CC;}   
.myWinCont a:hover,.myWinCont a:active{text-decoration:underline;color:#3399FF;}   
.myWinCont a.withBack:link, .myWinCont a.withBack:visited {padding:3px;}   
.myWinCont a.withBack:hover, .myWinCont a.withBack:active {text-decoration:none;padding:3px;background:#53A9FF;color:#FFFFFF;}   
.myWinError {color:red;}   
.myWinSuccess {color:blue;}   
.myBtnCont {padding:0 4px 2px 4px;width:auto;white-space:nowrap;cursor:pointer;}   
.myBtnCont a:link, .myBtnCont a:visited, .myBtnCont a:hover, .myBtnCont a:active {text-decoration:none; font-family:tahoma,arial,verdana; color:#000000; font-size:8pt;}   
.myBtnDis a:link, .myBtnDis a:visited, .myBtnDis a:hover, .myBtnDis a:active {color:#B3B3B3;cursor:wait;}   
.myBtnLeftA {background: transparent url('http://s1.unet.com/img/d/1/btn-sprite.gif') no-repeat 0 -133px;}   
.myBtnRightA {background: transparent url('http://s1.unet.com/img/d/1/btn-sprite.gif') no-repeat 0 -152px;}   
.myBtnCenterA {background: #E3E7EB url('http://s1.unet.com/img/d/1/btn-sprite.gif') repeat-x 0 -171px;height:19px;}   
.overBtn .myBtnLeftA,.downBtn .myBtnLeftA,.overBtn .myBtnLeft,.downBtn .myBtnLeft {background-position: 0 -57px;}   
.overBtn .myBtnRightA,.downBtn .myBtnRightA,.overBtn .myBtnRight,.downBtn .myBtnRight {background-position: 0 -76px;}   
.overBtn .myBtnCenter,.overBtn .myBtnCenterA {background-position: 0 -95px;}   
.downBtn .myBtnCenter,.downBtn .myBtnCenterA {background-position: 0 -114px;}   
.myBtnLeftA, .myBtnRightA, .myBtnLeft, .myBtnRight {width:3px;height:19px;white-space:nowrap;}
.myBtnLeftA img, .myBtnRightA img, .myBtnLeft img, .myBtnRight img {width:3px;}   
.myBtnLeft {background: transparent url('http://s1.unet.com/img/d/1/btn-sprite.gif') no-repeat 0 0;}   
.myBtnRight {background: transparent url('http://s1.unet.com/img/d/1/btn-sprite.gif') no-repeat 0 -19px;}   
.myBtnCenter {background: #E3E7EB url('http://s1.unet.com/img/d/1/btn-sprite.gif') repeat-x 0 -38px;height:19px;}


[admin]Второй способ установки ajax окна для uCoz [/admin]

Quote
Заходим в ПУ - Быстрая замена участков шаблона, Что заменить вставляем:


Code
</head>


Quote
В поле На что заменить вставляем:


Code
</head><style type="text/css"> @import url('http://joomla.ucoz.com/ajax.css') all; </style>


From Russia With Love!
  • Страница 1 из 1
  • 1
Поиск: