Кодировка HTML | Демо-сайт CMS uCoz | Почта

Меняем дизайн Ajax-окон

Все что связано с HTML и CSS.
Правила форума
1. Темы с названиями Помогите, Как сделать, Хелп, Не могу найти и так далее будут перенесении в мусорку без предупреждения!
2. Любой транс-лит будет удален, так что подумайте стоит ли писать транс-литом.
3. Темы не по тематике этого раздела будут также перенесены в мусорку. (Например по DLE, phpBB, php скриптам и так далее...)
4. Не забываем про Общие правила форума!

Меняем дизайн Ajax-окон

Сообщение botanic » 11 окт 2008, 10:19

Уж сколько раз твердили миру, что Ucoz самая лучшая система в мире...
Уж сколько раз болтали нубы, что в Ucoze можно выбрать только 6 циферок-цветов-номеров лаера.css
Наверно многие это знают, но не хотели всем рассказывать. А я расскажу! :P (не судете строго, додумался сегодня утром)
Итак, стандартно в Ucoz существуют 6 цветов Ajax-окон

1-синий
2-зелёный
3-серый
4-розовый
5-оранжевый
6-чёрный

Им соответствуют 6 лаеров

layer1.css-синий
layer2.css-зелёный
layer3.css-серый
layer4.css-розовый
layer5.css-оранжевый
layer6.css-чёрный

Но мы же их сами можем написать! "Как?" - спросят нубы. "Мы ж должны их залить на src.ucoz.net!"
Оказывается, что не нужно. Для этого существует скрипт :
Код: Выделить всё
<script type="text/javascript">   
function tweeklayer(real,needed){   
link=document.getElementsByTagName('link');   
for(i=0;i<link.length;i++){   
if(link[i].href=='http://src.ucoz.net/src/layer'+real+'.css'){   
link[i].href='http://src.ucoz.net/src/layer'+needed+'.css';}}}   
</script> 

(Thanks to Helper.Ucoz.ru)

Но это подходит, если css залиты на src.ucoz.net. А если вы создали допустим layer7.css?
Тогда делаем следующее:
1. Заливаем его на свой сайт в папку css
2. В Head всег страниц ставим
Код: Выделить всё
<script type="text/javascript">   
function tweeklayer(real,needed){   
link=document.getElementsByTagName('link');   
for(i=0;i<link.length;i++){   
if(link[i].href=='http://src.ucoz.net/src/layer'+real+'.css'){   
link[i].href='http://ВАШ САЙТ/css/layer'+needed+'.css';}}}   
</script> 


А это после боди
Код: Выделить всё
<script type="text/javascript">tweeklayer(3,7);</script>

3-означает цвет админки (не ошибитесь в его номере!)
7-Номер лаера залитого на твой сайт

А теперь, собственно просьба к Allcity, Вано, Марсу и прочим мастерам описать за что в этих лаерах что отвечает.
К примеру :
Код: Выделить всё
.cuzadpn {background:#FFBCEF url('http://src.ucoz.ru/img/wd/4/abbg.gif') repeat-x; height:24px;}
.cuzadpn, .cuzadpn td {font-size:8pt;font-family:Tahoma,'ms sans serif',Arial;color:#000000;font-weight:normal;}
.cuzadpn form {padding:0px;margin:0px;}
.cuzadpn input {padding:1px 3px; border:1px solid #B5B8C8; background:#FFFFFF url(http://src.ucoz.ru/img/wd/4/text-bg.gif) repeat-x 0 0; font-family:Tahoma,Arial;font-size:8pt;color:#515151;}

.admBarLink,.admBarOver {float:left;height:21px;margin-top:1px;cursor:pointer;}
.admBarLeft,.admBarRight {width:3px;height:21px;float:left;}
.admBarCenter {height:21px;float:left;}
.admBarCenter div {float:left;padding:3px 3px 0 3px;font-weight:normal;}
.admBarOver .admBarLeft {background: transparent url('http://src.ucoz.ru/img/wd/4/tb-btn-sprite.gif') no-repeat 0 0;}
.admBarOver .admBarRight {background: transparent url('http://src.ucoz.ru/img/wd/4/tb-btn-sprite.gif') no-repeat 0 -21px;}
.admBarOver .admBarCenter {background: #F7DDF5 url('http://src.ucoz.ru/img/wd/4/tb-btn-sprite.gif') repeat-x 0 -42px;}

.admBarMenu {width:200px;text-align:left;}
.admBarSep {background: url('http://src.ucoz.ru/img/wd/4/spr.gif') repeat-x 0 3px;padding:3px 0;}
.admBarMT {display:block; padding:4px 8px;}
.admBarM a:link,.admBarM a:visited {display:block;text-decoration:none; color:#000000; padding:4px 8px;}
.admBarM a:hover,.admBarM a:active {display:block;text-decoration:none; color:#000000; background: #F7DDF5 url('http://src.ucoz.ru/img/wd/4/menubg.gif') repeat-x scroll 0 0; padding:4px 8px;}
.admBarAr1 {float:right;width:16px;height:16px;background: url('http://src.ucoz.ru/img/wd/4/ar1.gif') no-repeat 5px 7px;}
.admBarAr2 {float:right;width:16px;height:16px;background: url('http://src.ucoz.ru/img/wd/4/ar2.gif') no-repeat 5px 7px;}
.pbarFiller{height:3px; margin-left:1px;margin-right:1px; background: #ED4ED6 repeat-x;}
.pbarContainer{height:3px;width:50px; position:relative; cursor:help;}
.pbarTd{width:50px;border-left:1px solid #702568;border-right:1px solid #702568;}

/* ============== */

.x-unselectable,.x-unselectable *{-moz-user-select:none;}
.x-sh{display:none;position:absolute;overflow:hidden;left:0;top:0;}
.x-sh *{overflow:hidden;}
.x-sh *{padding:0;border:0;margin:0;clear:none;return false;}
.x-sh .xstc,.x-sh .xsbc{height:6px;float:left;}
.x-sh .xstl,.x-sh .xstr,.x-sh .xsbl,.x-sh .xsbr{width:6px;height:6px;float:left;}
.x-sh .xsc{width:100%;}
.x-sh .xsml,.x-sh .xsmr{width:6px;float:left;height:100%;}
.x-sh .xsmc{float:left;height:100%;background:transparent url( http://src.ucoz.ru/img/wd/4/shadow-c.png );}
.x-sh .xst,.x-sh .xsb{height:6px;overflow:hidden;width:100%;}
.x-sh .xsml{background:transparent url( http://src.ucoz.ru/img/wd/4/shadow-lr.png ) repeat-y 0 0;}
.x-sh .xsmr{background:transparent url( http://src.ucoz.ru/img/wd/4/shadow-lr.png ) repeat-y -6px 0;}
.x-sh .xstl{background:transparent url( http://src.ucoz.ru/img/wd/4/shadow.png ) no-repeat 0 0;}
.x-sh .xstc{background:transparent url( http://src.ucoz.ru/img/wd/4/shadow.png ) repeat-x 0 -30px;}
.x-sh .xstr{background:transparent url( http://src.ucoz.ru/img/wd/4/shadow.png ) repeat-x 0 -18px;}
.x-sh .xsbl{background:transparent url( http://src.ucoz.ru/img/wd/4/shadow.png ) no-repeat 0 -12px;}
.x-sh .xsbc{background:transparent url( http://src.ucoz.ru/img/wd/4/shadow.png ) repeat-x 0 -36px;}
.x-sh .xsbr{background:transparent url( http://src.ucoz.ru/img/wd/4/shadow.png ) repeat-x 0 -6px;}
.xt{overflow:hidden;width:15px;height:15px;float:right;cursor:pointer;background:transparent url(http://src.ucoz.ru/img/wd/4/tool-sprites.gif) no-repeat;margin-left:2px;}
.xt-toggle{background-position:0 -60px;}
.xt-toggle-over{background-position:-15px -60px;}
.xt-close{background-position:0 -0;}
.xt-close-over{background-position:-15px 0;}
.xw-hdr{overflow:hidden;zoom:1;}
.xw-tl .xw-hdr{color:#920E74;font:bold 11px tahoma,arial,verdana,sans-serif;padding:5px 0 4px 0;}
.xw-hdr-text{cursor:pointer;}
.xw-tc{background:transparent url(http://src.ucoz.ru/img/wd/4/top-bottom.png) repeat-x 0 0;overflow:hidden;zoom:1;}
.xw-tcc{background:transparent url(http://src.ucoz.ru/img/wd/4/top-bottom.png) repeat-x 0 0;overflow:hidden;zoom:1;}
.xw-tl{background:transparent url(http://src.ucoz.ru/img/wd/4/left-corners.png) no-repeat 0 0;padding-left:6px;position:relative;zoom:1;}
.xw-tr{background:transparent url(http://src.ucoz.ru/img/wd/4/right-corners.png) no-repeat right 0;padding-right:6px;}
.xw-tc1{background:transparent url(http://src.ucoz.ru/img/wd/4/top-bottom.png) repeat-x 0 -15px;overflow:hidden;zoom:1;}
.xw-tl1{background:transparent url(http://src.ucoz.ru/img/wd/4/left-corners.png) no-repeat 0 -15px;padding-left:6px;position:relative;zoom:1;}
.xw-tr1{background:transparent url(http://src.ucoz.ru/img/wd/4/right-corners.png) no-repeat right -15px;padding-right:6px;}
.xw-bc{background:transparent url(http://src.ucoz.ru/img/wd/4/top-bottom.png) repeat-x 0 bottom;zoom:1;}
.xw-bc .xw-footer{padding-bottom:6px;font-size:0;line-height:0;zoom:1;}
.xw-bl{background:transparent url(http://src.ucoz.ru/img/wd/4/left-corners.png) no-repeat 0 bottom;padding-left:6px;zoom:1;}
.xw-br{background:transparent url(http://src.ucoz.ru/img/wd/4/right-corners.png) no-repeat right bottom;padding-right:6px;zoom:1;}
.xw-mc{border:1px solid #EB96DC;padding:0;margin:0;font:normal 11px tahoma,arial,helvetica,sans-serif;background:#FFBCEF;zoom:1;}
.xw-ml{background:transparent url(http://src.ucoz.ru/img/wd/4/left-right.png) repeat-y 0 0;padding-left:6px;zoom:1;}
.xw-mr{background:transparent url(http://src.ucoz.ru/img/wd/4/left-right.png) repeat-y right 0;padding-right:6px;zoom:1;}
.xw-bc,.xw-tcc,.xw-tc1 {height:6px;}
.xw-tc1 {height:5px;}
.xw-body{overflow:hidden;}
.xw-bwrap{overflow:hidden;}
.xw-draggable,.xw-draggable .xw-hdr-text{cursor:move;}
.xw-maximized .xw-draggable,.xw-maximized .xw-draggable .xw-hdr-text{cursor:default;}
.xw-body{background:transparent;}
.xw-plain .xw-mc{background:#FFBCEF;border-right:1px solid #F7DEF8;border-bottom:1px solid #F7DEF8;border-top:1px solid #ED9EDD;border-left:1px solid #ED9EDD;}
.xw-plain .xw-body{border-left:1px solid #F7DEF8;border-top:1px solid #F7DEF8;border-bottom:1px solid #ED9EDD;border-right:1px solid #ED9EDD;background:transparent!important;}
.xw-plain .xw-body-nb{border-width:0;}
.myWinGrid {position:absolute;top:0;left:0;display:block; background:url('http://src.ucoz.ru/img/fr/g.gif');}
.myWinCont,.myWinCont td, .myWinCont dl,.myWinCont dt {color:#000000;font-size:8pt;font-family:Tahoma,Arial;}
.myWinCont a:link, .myWinCont a:visited{text-decoration:underline;color:#515151;}
.myWinCont a:hover,.myWinCont a:active{text-decoration:none;color:#000000;}
.myWinError {color:red;}
.myWinSuccess {color:blue;}
.myWinCont form {padding:0px;margin:0px;}
.myWinCont input, .myWinCont select {font-family:Tahoma,Arial;font-size:8pt;color:#515151;}
.myWinCont input[type='text'],.myWinCont input[type='password'] {padding:2px 3px;border:1px solid #B5B8C8; background:#ffffff url(http://src.ucoz.ru/img/wd/4/text-bg.gif) repeat-x 0 0;}
.myWinCont textarea {padding:2px 3px;border:1px solid #B5B8C8; background:#ffffff url(http://src.ucoz.ru/img/wd/4/text-bg.gif) repeat-x 0 0;}
.myWinCont input[readonly] {color:#BBBBBB}
.myWinCont textarea {font-family:'Courier New';font-size:9pt;}
.myWinCont input[type='text']:focus,.myWinCont input[type='password']:focus, .myWinCont textarea:focus {border:1px solid #E177D1; background:#ffffff url(http://src.ucoz.ru/img/wd/4/text-bg-focus.gif) repeat-x 0 0;}
.myWinCont input[type='checkbox'],.myWinCont input[type='radio'] {margin:1px 2px 0 1px;}
.myWinCont hr {color:#ED9EDD;height:1px;border-top:0px;border-style:dashed;}
.myWinCont label {cursor:pointer;border-bottom:1px dashed silver;}
.myWinCont legend {padding-bottom:2px;padding-left:3px;padding-right:3px; font-size:10px; color:#920E74;}
.myWinCont fieldset {border:1px solid #ED9EDD; padding:2px 5px; margin-bottom:3px;}
.myWinCont ul {list-style:none; margin: 0 0 0 3px; padding-left: 0px;}
.myWinCont li {margin:2px 0 2px 0; padding: 0 0 0 14px; background: url('http://src.ucoz.ru/img/wd/4/li.png') no-repeat 0 2px;}
.myWinCont .fHelp {font-size:7pt;color:#8A8A8A;}
.myWinLoad {margin:0;width:31px;height:31px;background:url('http://src.ucoz.ru/img/wd/4/ajax.gif') no-repeat 0 0;}
.myWinLoadS {margin:0;width:16px;height:16px;background:url('http://src.ucoz.ru/img/wd/4/ajaxs.gif') no-repeat 0 0;}
.myWinLoadSD {margin:0;width:16px;height:16px;background:url('http://src.ucoz.ru/img/icon/ok.png') no-repeat 0 0;}
.myWinLoadSF {margin:0;width:16px;height:16px;background:url('http://src.ucoz.ru/img/icon/er.png') no-repeat 0 0;cursor:help;}
.myWinPollG {margin:0;width:215px;height:131px;background:url('http://src.ucoz.ru/img/wd/4/gridh.gif') no-repeat 0 0;}
.myWinPollT {background:#ED9EDD;}
.myWinPollTd {background:#EFD5F0;}
.myWinTD1 {background:#FFBCEF;}
.myWinTD2 {background:#F7DEF8;}

.myWinCont .pgSwch, .myWinCont .pgSwchA {padding:2px 5px 2px 5px; border:1px solid #ED9EDD; font-weight:bold;}
.myWinCont .pgSwchA {background:#F7DEF8;}
.myWinCont a.pgSwch:link, .myWinCont a.pgSwch:visited  {text-decoration:none; color:#BC2CB1}
.myWinCont a.pgSwch:hover {text-decoration:none; background:#F7DEF8; color:#000000}

/* ============== */

.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;}

.myBtnLeftA {background: transparent url('http://src.ucoz.ru/img/wd/4/btn-sprite.gif') no-repeat 0 -133px;}
.myBtnRightA {background: transparent url('http://src.ucoz.ru/img/wd/4/btn-sprite.gif') no-repeat 0 -152px;}
.myBtnCenterA {background: #EAE2EB url('http://src.ucoz.ru/img/wd/4/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://src.ucoz.ru/img/wd/4/btn-sprite.gif') no-repeat 0 0;}
.myBtnRight {background: transparent url('http://src.ucoz.ru/img/wd/4/btn-sprite.gif') no-repeat 0 -19px;}
.myBtnCenter {background: #EAE2EB url('http://src.ucoz.ru/img/wd/4/btn-sprite.gif') repeat-x 0 -38px;height:19px;}

/* ============== */


Это 4 лаер. За что отвечает
.cuzadpn
и т.д
Всем спасибо за внимание!
Учусь Яваскрипту! Тупить теперь буду меньше)
Аватара пользователя
botanic
Лейтенант
Лейтенант
 
Автор темы
Сообщения: 85
Возраст: 28
Зарегистрирован: 01 июн 2008, 18:49
Карма: + 2 -
Откуда: из Москвы

Re: Меняем дизайн Ajax-окон

Сообщение XxMARSxX » 11 окт 2008, 10:35

там все просто, но есть одно НО цет то поменять - это не сложно, в вот менять цвет (правильно и красиво) рамки которая делается картинками это уже не всем под силу
Ахтунг!

Делаю всякую херню для ЮкОз за доллары или не делаю если просьба пахнет бредом перегретого мозга.

А у меня Windows 7 :P

Изображение
Что такое НЕТЕЛИБ?
Аватара пользователя
XxMARSxX
Супермодератор
Супермодератор
 
Сообщения: 1991
Возраст: 32
Зарегистрирован: 20 апр 2008, 18:02
Карма: + 21 -
Откуда: Украина, Полтавская область, Кременчуг, Автозаводской район, Нагорная часть

Re: Меняем дизайн Ajax-окон

Сообщение Vanofuture » 11 окт 2008, 10:36

botanic писал(а):Для этого существует скрипт

...который я написал через 3 часа после обновления :lol:
Аватара пользователя
Vanofuture
Супермодератор
Супермодератор
 
Сообщения: 1411
Зарегистрирован: 20 апр 2008, 09:36
Карма: + 47 -

Re: Меняем дизайн Ajax-окон

Сообщение botanic » 11 окт 2008, 13:41

Вано, я знаю, что ты его написал, но я его на хелпере нашел!

Mars ну напиши что за что отвечает! Я в CSS - 0
Учусь Яваскрипту! Тупить теперь буду меньше)
Аватара пользователя
botanic
Лейтенант
Лейтенант
 
Автор темы
Сообщения: 85
Возраст: 28
Зарегистрирован: 01 июн 2008, 18:49
Карма: + 2 -
Откуда: из Москвы

Re: Меняем дизайн Ajax-окон

Сообщение symbian9 » 11 окт 2008, 14:36

botanic писал(а):Вано, я знаю, что ты его написал, но я его на хелпере нашел!

Mars ну напиши что за что отвечает! Я в CSS - 0

в исходном коде все есть, тут даже есть видеоурок для тебя, смотри архив :x
Работаю над новым проектом
uWeb - Media Services
Аватара пользователя
symbian9
Подполковник
Подполковник
 
Сообщения: 184
Возраст: 26
Зарегистрирован: 22 апр 2008, 09:08
Карма: + 3 -
Откуда: Ростов на дону

Re: Меняем дизайн Ajax-окон

Сообщение Stuttgarter » 17 окт 2008, 21:14

botanic писал(а):Вано, я знаю, что ты его написал, но я его на хелпере нашел!

Mars ну напиши что за что отвечает! Я в CSS - 0



Учи HTML и CSS и тогда будет понятно что и за что отвечает 8-)
Аватара пользователя
Stuttgarter
Сержант
Сержант
 
Сообщения: 71
Зарегистрирован: 22 июн 2008, 20:59
Карма: + 0 -

Re: Меняем дизайн Ajax-окон

Сообщение symbian9 » 17 окт 2008, 22:25

Stuttgarter писал(а):
botanic писал(а):Вано, я знаю, что ты его написал, но я его на хелпере нашел!

Mars ну напиши что за что отвечает! Я в CSS - 0



Учи HTML и CSS и тогда будет понятно что и за что отвечает 8-)

ничего учить не надо, всего лишь нужно знать главное, а все фишки сами узнаешь походу работы

Оффтопик: метод тыка рулит ИМХО
Работаю над новым проектом
uWeb - Media Services
Аватара пользователя
symbian9
Подполковник
Подполковник
 
Сообщения: 184
Возраст: 26
Зарегистрирован: 22 апр 2008, 09:08
Карма: + 3 -
Откуда: Ростов на дону

Re: Меняем дизайн Ajax-окон

Сообщение Stuttgarter » 29 окт 2008, 14:14

botanic, ты не добавишь свой дизайн никак, в смысле добавишь но выбрать его не сможешь, пока сам укоз это не сделает, я уже несколько таких шаблонов изготовил, но облом не один из них просто не выберется, выберешь какой нибудь из изготовленных шаблонов, а ставится тот шаблон который выбран в админке :)

Ну хотя я могу и ошибиться, по ковыряюсь еще :D
Аватара пользователя
Stuttgarter
Сержант
Сержант
 
Сообщения: 71
Зарегистрирован: 22 июн 2008, 20:59
Карма: + 0 -

Re: Меняем дизайн Ajax-окон

Сообщение Vanofuture » 29 окт 2008, 14:55

Изменить можно всё!
Оффтопик: и у кого есть знания это уже сделали.
Аватара пользователя
Vanofuture
Супермодератор
Супермодератор
 
Сообщения: 1411
Зарегистрирован: 20 апр 2008, 09:36
Карма: + 47 -

Re: Меняем дизайн Ajax-окон

Сообщение BL_AF » 04 ноя 2008, 13:49

я у себя замутил. попарился конечно, но зато прикольно :D
Аватара пользователя
BL_AF
Подполковник
Подполковник
 
Сообщения: 206
Возраст: 26
Зарегистрирован: 21 апр 2008, 12:08
Карма: + 0 -
Откуда: Зимбабве

След.

Вернуться в HTML и CSS

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 1

cron