Изменить вид блока.

голоса: +2
Здравствуйте. На сайте я использую свой дизайн блоков (вручную в html). Все блоки, кроме одного, удалось изменить без каких-то проблем. Вот пример рабочего дизайна блока:

<!-- <block4664> -->
<div class="title"><h4 class="block-title"><!-- <bt> -->Это надо знать!<!-- </bt> --></h4></div>
<div class="block-content">
<!-- <bc> -->
<div style="text-align: center;"><a href="http://nalsosh09.ucoz.ru/index/ehto_nado_znat/0-17"><img src="/Disain/blok_knew.png" alt=""></a><br>
 </div>
<!-- </bc> -->
</div><div class="block-bottom" ></div>
<!-- </block4664> -->

Где в классах прописаны свои стили (block-bottom, block-content, block-title и т.д.)
Но вот в одном блоке никак не получается изменить стандартный дизайн, вроде все так же прописываю как и в других, но что-то всегда съезжает, что-то удаляется, в общем какая-то неразбериха.

Вот код блока, который необходимо отредактировать.

<!-- <block6326> -->

<table class="boxTable"><tr><th><!-- <bt> -->Пользователь<!-- </bt> --></th></tr><tr><td class="boxContent">
 
 <!-- <bc> --><div align="center"><!-- <bc> -->
 
 <?if($USER_LOGGED_IN$)?><strong>$WDAY$ $DATE$

 </strong><?if($USER_AVATAR_URL$)?><img style="border: 1px solid rgb(169, 169, 169);" alt="" class="userAvatar" title="$USERNAME$" src="$USER_AVATAR_URL$" align=""><?else?><img alt="" class="userAvatar" title="$USERNAME$" src="http://nalsosh09.ucoz.ru/Disain/nophoto.jpg" align=""><?endif?><div align="center">
 <input class="knopa" onclick="document.location.href='/index/11'; return false;" value="Редактировать данные" type="button">

 <div align="left"><span style="font-size: 8pt; color: rgb(105, 105, 105);"><b><center><span style="font-family: Arial; font-size: 8pt; color: rgb(105, 105, 105);">Вы вошли как: <font color="#696969"><strong>$USERNAME$</strong></font>
 <br>IP Адрес: <font color="#696969"><strong>$IP_ADDRESS$</strong></font></br>
 <br>Группа: <font color="#696969"><strong>$USER_GROUP$</strong></font> </br>
 Личных сообщений: <font color="#696969"><strong>$UNREAD_PM$</strong></font></span></center></b></span></div>

 <p></p><input class="knopa" onclick="document.location.href='/index/8'; return false;" value="Мой профиль" type="button"> <input class="knopa" onclick="window.open('/index/14','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350'); return false;" value="ЛС" type="button"> <input class="knopa" onclick="document.location.href='/index/10'; return false;" value="Выход" type="button"></div><script type="text/javascript">function flashit(id,cl){var c=document.getElementById(id);if (c.style.color=='red'){c.style.color=cl;}else {c.style.color='red';}}setInterval("flashit('upml2','')",500)</script><script language=javascript type=text/javascript> function openonclick(client_type) { if(client_type=="mail")clientWindow = window.open("$PM_URL$","pmw","scrollbars=1,top=0,left=0,resizable=1,width=850,height=350") || alert("Отключите блокировку всплывающих окон!"); if(client_type=="send")clientWindow = window.open("/index/14-999-0-1","pms","scrollbars=1,top=0,left=0,resizable=1,width=850,height=350") || alert("Отключите блокировку всплывающих окон!"); if(client_type=="options")clientWindow = window.open("/index/11","options","scrollbars=1,top=0,left=0,resizable=1,width=680,height=350") || alert("Отключите блокировку всплывающих окон!"); if(client_type=="users")clientWindow = window.open("$USERS_LIST_URL$","users","scrollbars=1,top=0,left=0,resizable=1,width=680,height=350") || alert("Отключите блокировку всплывающих окон!"); if(client_type=="rules")clientWindow = window.open("/rules.html","rules","scrollbars=1,top=0,left=0,resizable=1,width=680,height=350") || alert("Отключите блокировку всплывающих окон!"); } </script>
 <?else?>$LOGIN_FORM$<?endif?><!-- </bc> --></td></tr></table>

<!-- </block6326> -->

Знаю, все запутанно, но если получится, буду признателен. Нет, ну ничего страшного. Будет один блок в стандартном дизайне))

Заранее спасибо)
Адрес сайта http://nalsosh09.ucoz.ru/
| Автор: | Категория: Дизайн сайта

Ответов: 1

голоса: +3
 
Лучший ответ

Для изменения дизайна вида блока, переходим в Панель управления - Главная - Дизайн - Управление дизайном(CSS), далее находим строки номер 114-118:

/* Blocks cs-boom.ru */ 
.title {width: 210px; background: url('/style/box-top.png') no-repeat; margin: 0 auto; height:27px;} 
.block-title {text-align: left; font-size: 8pt; color:#fff; font-weight: bold; margin: 0; padding: 5px 10px; height:25px;} 
.block-content {background: url('/style/box-content.png') repeat-y;text-align: left; padding:2px 9px 1px 9px;} 
.block-bottom {background: url('/style/box-bottom.png') bottom no-repeat; height:9px; margin-bottom:10px;} 
 
Именно данные стили и отвечают за дизайн вида блоков. Редактируем(меняем под себя).
| Автор:
Выбор ответа лучшим | | Автор: Олег Кочетов
Я знаю, что эти "классы" отвечают за дизайн блоков (ведь я их туда и записал), но изначально блоки использовали "классы" в строках (CSS) 12-14.
Так вот, все блоки безболезненно могут использовать дизайн из строк 114-118, а вот "проблемный" блок никак не хочет. Вроде вставляю ссылки на стили "классов" там же, где и в остальных, но все равно не получается.

Вопрос в том, может я не туда их все таки прописываю?! Поэтому и выложил код рабочего блока и проблемного (с классическим дизайном)
Попробуйте данный код:

<!-- <block6326> -->

<div class="title"><h4 class="block-title"><!-- <bt> -->Пользователь<!-- </bt> --></h4></div>
<div class="block-content">
 <!-- <bc> -->
 <div align="center">
 <?if($USER_LOGGED_IN$)?><strong>$WDAY$ $DATE$

 </strong><?if($USER_AVATAR_URL$)?><img style="border: 1px solid rgb(169, 169, 169);" alt="" class="userAvatar" title="$USERNAME$" src="$USER_AVATAR_URL$" align=""><?else?><img alt="" class="userAvatar" title="$USERNAME$" src="http://nalsosh09.ucoz.ru/Disain/nophoto.jpg" align=""><?endif?><div align="center">
 <input class="knopa" onclick="document.location.href='/index/11'; return false;" value="Редактировать данные" type="button">

 <div align="left"><span style="font-size: 8pt; color: rgb(105, 105, 105);"><b><center><span style="font-family: Arial; font-size: 8pt; color: rgb(105, 105, 105);">Вы вошли как: <font color="#696969"><strong>$USERNAME$</strong></font>
 <br>IP Адрес: <font color="#696969"><strong>$IP_ADDRESS$</strong></font></br>
 <br>Группа: <font color="#696969"><strong>$USER_GROUP$</strong></font> </br>
 Личных сообщений: <font color="#696969"><strong>$UNREAD_PM$</strong></font></span></center></b></span></div>

 <p></p><input class="knopa" onclick="document.location.href='/index/8'; return false;" value="Мой профиль" type="button"> <input class="knopa" onclick="window.open('/index/14','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350'); return false;" value="ЛС" type="button"> <input class="knopa" onclick="document.location.href='/index/10'; return false;" value="Выход" type="button"></div><script type="text/javascript">function flashit(id,cl){var c=document.getElementById(id);if (c.style.color=='red'){c.style.color=cl;}else {c.style.color='red';}}setInterval("flashit('upml2','')",500)</script><script language=javascript type=text/javascript> function openonclick(client_type) { if(client_type=="mail")clientWindow = window.open("$PM_URL$","pmw","scrollbars=1,top=0,left=0,resizable=1,width=850,height=350") || alert("Отключите блокировку всплывающих окон!"); if(client_type=="send")clientWindow = window.open("/index/14-999-0-1","pms","scrollbars=1,top=0,left=0,resizable=1,width=850,height=350") || alert("Отключите блокировку всплывающих окон!"); if(client_type=="options")clientWindow = window.open("/index/11","options","scrollbars=1,top=0,left=0,resizable=1,width=680,height=350") || alert("Отключите блокировку всплывающих окон!"); if(client_type=="users")clientWindow = window.open("$USERS_LIST_URL$","users","scrollbars=1,top=0,left=0,resizable=1,width=680,height=350") || alert("Отключите блокировку всплывающих окон!"); if(client_type=="rules")clientWindow = window.open("/rules.html","rules","scrollbars=1,top=0,left=0,resizable=1,width=680,height=350") || alert("Отключите блокировку всплывающих окон!"); } </script>
 <?else?>$LOGIN_FORM$<?endif?></div><!-- </bc> -->
 <div class="block-bottom" ></div>
<!-- </block6326> -->
Вот именно ваш код так же выдает такие же перекосы, как и я до этого делал. Сделал скрин: https://yadi.sk/i/v-QS44vOddaAR

Извините, что "докопался" до вас. Если что, ничего страшного. Один блок может и так выглядеть.)))
вы поставьте данный блок с новым кодом, а я посмотрю, что не так и как решить
Поставил))))
В таблице стилей в строке 118 найти стили:
.block-content {background: url('/style/box-content.png') repeat-y;text-align: left; padding:2px 9px 1px 9px; }

Вот это желательно удалить -  padding:2px 9px 1px 9px;

И совет данный блок желательно поместить не между остальных блоков, а поставить самым последним, так как в нем основная еще есть проблема где-то не закрыт див, что дублируется и на остальные блоки после него.
Спасибо Вам. Вы и впрямь Мастер своего дела!
Я нашел недостающий </div>. Здорово, что есть такой проект как "Ucoz вопросы".))
...