Сегодня, совершенно случайно, обнаружил оч интересную особенность. Если в Опере открыть исходный код JS/CSS -файла, и изменить его содердимое, от изменения будут отображаться на самом сайте. Так как файл будет браться не с сервера, а из кэша. Это дает много возможностей. Например, стилизовать аякс-окошки на мегасофте как вам хочется:
Изменения будут видны только вам. Если почистить кэш, то придется всё делать заново.
Чтобы реализовать такую фичу, открываем этот CSS-файл, нажимаем Ctrl+U и в самый конец вписываем вот это:
Code
.xw-active {color:white}
.xw-hdr-text {color:white}
.xt{overflow:hidden;width:15px;height:15px;float:right;cursor:pointer;background:transparent url(http://src.ucoz.ru/img/wd/3/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;}
.myBtnLeftA {background: transparent url('http://src.ucoz.ru/img/wd/3/btn-sprite.gif') no-repeat 0 -133px;}
.myBtnRightA {background: transparent url('http://src.ucoz.ru/img/wd/3/btn-sprite.gif') no-repeat 0 -152px;}
.myBtnCenterA {background: #E3E7EB url('http://src.ucoz.ru/img/wd/3/btn-sprite.gif') repeat-x 0 -171px;height:19px;}
.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://mtbox.3dn.ru/images/ajax/shadowh.png) no-repeat 0 0;}
.x-sh .xsml{background:transparent url(http://mtbox.3dn.ru/images/ajax/shadowh.png) repeat-y -6px 0;}
.x-sh .xstr{padding-top:6px;background:transparent url(http://mtbox.3dn.ru//images/ajax/shadowh.png) no-repeat -18px 0;}
.x-sh .xsmr{background:transparent url(http://mtbox.3dn.ru/images/ajax/shadowh.png) repeat-y -12px 0;}
.x-sh .xsbl{padding-left:6px;background:transparent url(http://mtbox.3dn.ru/images/ajax/shadowv.png) no-repeat 0 -6px}
.x-sh .xsbc{background:transparent url(http://mtbox.3dn.ru/images/ajax/shadowv.png) repeat-x 0 -12px;}
.x-sh .xsbr{padding-right:6px;background:transparent url(http://mtbox.3dn.ru/images/ajax/shadowv.png) no-repeat right 0}
.xw-tl{background:url(http://mtbox.3dn.ru/images/ajax/wframe-leftc.png) no-repeat 0 0;padding-left:6px;position:relative;zoom:1}
.xw-tr{background:url(http://mtbox.3dn.ru/images/ajax/wframe-rightc.png) no-repeat 100% 0;padding-right:6px;position:relative;zoom:1}
.xw-tc{background:url(http://mtbox.3dn.ru/images/ajax/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://mtbox.3dn.ru/images/ajax/wframe-vert.png) repeat-y 0 0;padding-left:6px;zoom:1}
.xw-mr{background:url(http://mtbox.3dn.ru/images/ajax/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://mtbox.3dn.ru/images/ajax/wframe-leftc.png) no-repeat 0 100%;padding-left:6px;zoom:1}
.xw-br{background:url(http://mtbox.3dn.ru/images/ajax/wframe-rightc.png) no-repeat 100% 100%;padding-right:6px;zoom:1}
.xw-bc{background:url(http://mtbox.3dn.ru/images/ajax/wframe-horiz.png) repeat-x 0 100%;overflow:hidden;font-size:1px;line-height:1px;height:6px}
DIV.xw-bcm{height:2px}
.u-tabc-body {padding:0;border-top:1px solid #7D7D7D}
.u-tabc-content {overflow:auto;-moz-user-select:text;}
.myWinCont {-moz-user-select:text}
.myWinLoad {margin:5px;width:31px;height:31px;background:url('http://mtbox.3dn.ru/images/ajax/loading.gif') no-repeat 0 0;}
.myWinLoadSF {margin:2px;width:31px;height:31px;background:url('http://mtbox.3dn.ru//images/ajax/error.jpg') no-repeat 0 0;}
.myWinLoadSD {margin:2px;width:31px;height:31px;background:url('http://mtbox.3dn.ru//images/ajax/true.gif') no-repeat 0 0;}
.myWinLoadS {margin:2px;width:31px;height:31px;background:url('http://mtbox.3dn.ru//images/ajax/loading.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;}
px;}
.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;}
(автор самого скрипта не я, а Wens Ну а идея с кэшэм - моя
)
Эта фича работает только в Опере. Так как остальные браузеры не позволяют редактировать исх. код на лету.
Так же можно реализовать кучу других возможностей, просто я пока не придумал, чего бы с этим ещё сделать. С вами был [master] 