ОсновноеRadiotalkПользовательское
Программирование
6   •   Посмотреть все темы

Подмена чужой css, на свою. Прошу помощи

 

1258
Сергей @seg
Вот решил тут тему завести, а то в 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
.modBlock, .modBlock1, .modBlock2 { width: 50% !important; }
Если я правильно вопрос понял

1258
Сергей @seg
crigon пишет:

.modBlock, .modBlock1, .modBlock2 { width: 50% !important; }
Если я правильно вопрос понял

crigon, супер. Все пашет как надо. Панельки уменьшились. Надо будет остальной код подрихтовать. Может и дальше так получиться ))) +1