€
$
₴
₽
EN
RU
Vmeste.EU
Лента
Каталог
Файлы
Форумы
Услуги
Основное
Radiotalk
Пользовательское
Программирование
6 •
Посмотреть все темы
Подмена чужой css, на свою. Прошу помощи
1
1258
Сергей
@seg
13.01.2009
Вот решил тут тему завести, а то в FAQ она похерится и так ответа и не получу.
Вопрос по стилям. Не по этому сервису. но может после ответа и тут людям пригодится, если конечно на мой вопрос существует адекватный ответ. Сильно не пинайте за офтопик. Хтмл учить надо. Учу, но не все сразу. Просто там я никого не знаю, а тут уже как бы все свои )))
Сижу на Укозе (сайт). У них ессно есть админ панели, которые для моего дизайна, как серп по одному месту. Они позадавали для них все мыслимые атрибуты, и теперь как их изменить, что бы они мне не мешали, хз. Юзеры конечно их не видят, но я что не людь? Принцип то css... нельзя изменить атрибут, который уже раньше задан, если у тебя нет доступа к оригиналу. Но те атрибуты, которые не заданы, наложить можно, как я
(описано ниже)
накладываю постоянно
дисплей ноне
и снимаю его, если панель нужна. Но так геморно и не решает проблему.
Вобщем есть ли ответ на вопрос: можно ли своим css изменить, то к чему доступа не имееш?
Вот описания классов панелей на укозе, причем они это сделали прямо в документе, потому я смог найти описание этих панелек.
<div style=
"width:100%;
position:relative;"
class="modBlock"
title="Блок управления">
<div id="md5822"
class="modBlock1"
style="background:#F0F3F5; border: 1px solid #B4BDC3; text-align:center; cursor:pointer;" onclick="if(document.getElementById('d5822').style.display=='none'){document.getElementById('d5822').style.display='';document.getElementById('md5822').style.background='#D1DAE0';}else{document.getElementById('d5822').style.display='none';document.getElementById('md5822').style.background='#F0F3F5';}"><img id="i5822" border="0" src="http://s24.ucoz.net/img/fr/ar2.gif" width="7" height="4"></div>
<div id="d5822"
class="modBlock2"
style="position:absolute;z-index:81;left:0;display:none;
width:100%;border-bottom:1px
solid #B4BDC3;border-left:1px solid #B4BDC3;border-right:1px solid #B4BDC3;background:#F0F3F5;text-align:center;padding-top:3px;padding-bottom:3px;"><a href="/tmpls/?a=tmpl;m=1;t=FRIENDS;we=1" target="_blank"><img onmouseover="this.src='http://s24.ucoz.net/img/fr/mnV_.gif'" onmouseout="this.src='http://s24.ucoz.net/img/fr/mnV.gif'" border="0" align="absmiddle" src="http://s24.ucoz.net/img/fr/mnV.gif" width="16" height="16" title="Изменить блок (WYSIWYG)" /></a> <a href="/tmpls/?a=tmpl;m=1;t=FRIENDS" target="_blank"><img onmouseover="this.src='http://s24.ucoz.net/img/fr/mnH_.gif'" onmouseout="this.src='http://s24.ucoz.net/img/fr/mnH.gif'" border="0" align="absmiddle" src="http://s24.ucoz.net/img/fr/mnH.gif" width="16" height="16" title="Изменить блок (HTML)" /></a></div>
</div>
Вобщем то, что красное, это классы оформления. У них при клике картинка меняется, типа 2-х кнопок, поэтому целых 3 класса на одну панель. Кнопочки - мизерные, но накого то ляда приделали к ним палку с атрибутом
width:100%;
и куда панель ни втыкай, она везде стремится занять все пространство, а диз у меня на дивах. А из за их выставленого бордера в 1 пиксель, у меня скролы появляются во первых и во вторых не поставить внутрь дива из-за этого изображения по краям, так как их тут же разнесет этим бордюром.
---------------------------------------------------------------------------------
И вот нет что бы описывать поменьше, так влупили туда все что только можно. Единственный доступный выход я для себя, нашел пока, не очень зная хтмл, это:
.modBlock, .modBlock1, .modBlock2 { display:none; }
,
но ведь это не выход. А надо то всего лиш 1 параметр изменить , что бы они мне дизайн не разносили. Это :
width:100%;
изменить на
width:50%;
ЗЫ; В идеале, если есть вообще такая возможность, это отменить полностью их форматирование и прописать свое. Но наверно этого не сделать., хотя может существуют технологии, как подменить в css один формат. на другой?
Навроде класс1=класс2 .класс2 {width:80%;}
2536
удалён
@crigon
13.01.2009
.modBlock, .modBlock1, .modBlock2 { width: 50% !important; }
Если я правильно вопрос понял
1258
Сергей
@seg
13.01.2009
crigon
пишет:
.modBlock, .modBlock1, .modBlock2 { width: 50% !important; }
Если я правильно вопрос понял
crigon
, супер. Все пашет как надо. Панельки уменьшились. Надо будет остальной код подрихтовать. Может и дальше так получиться ))) +1