Где и какой код нужно отредактировать, чтобы изменить внешний вид сайта?

голоса: 0

Всем доброго времени суток. Подскажите где и какой код нужно отредактировать. чтобы изменить внешний вид сайта? Необходимо уменьшить размеры Левой колонки и расширить центральную за счет правой. 

Адрес сайта http://mdou3novoorsk.ucoz.net/
| Автор: | Категория: Дизайн сайта

Ответов: 1

Голоса: +1

В стилях в строках 10-11 регулируйте ширину:

.subColumn {width:20%;vertical-align:top;background:#F6F6F6;}
.centerColumn {width:60%;vertical-align:top;padding:10px;}

10 строка 20% это ширина левого контейнера и 60% это ширина центрального контейнера. Уменьшайте левый контейнер и лишь после увеличивайте центральный (только в такой последовательности).

Чтобы правая не занимала место, с шаблона http://mdou3novoorsk.ucoz.net/panel/?a=tmpl;m=2;t=0 удалите код:

<?if(!$HIDE_CRIGHTER$)?> 
 <td class="subColumn">
$GLOBAL_DRIGHTER$
 </td>
<?endif?>

| Автор:
Это в таблице стилей CSS же надо делать? изменяю значения не сужается левая часть сайта где основгое меню
Guest_15070476561,
Строки 10-11, да, в стилях. Остальное не в стилях, я ссылку скинул где искать код и удалить, удалите, после станет проще в решении вашей проблемы.
Yuri_Geruk,
Все я удалить тот код
Guest_15070476561,

Центральная часть у вас выровнялась и заняла место правого удаленного контейнера))  Совместно с изменением ширины в строке 10, нужно менять и в строке 14:

.boxTable {border:0px;padding:0px;border-collapse: collapse;width:100%;border-top:1px solid #DDDDDD;border-bottom:1px solid #DDDDDD;margin-bottom:3px;}

после чего настраивать в строке 11 чтобы выровнять центральную часть.

Yuri_Geruk,
Пробую менять (уменьшаю) в строке 10 и 14 но размеры остаются преежними
Guest_15070476561,
В строке 14 ничего не изменили, как было 100 так и осталось.
Yuri_Geruk,
вот сейчас поменял и ни чего не меняется. Мне нужно левую часть уменьшить
Guest_15070476561,
Теперь кеш в браузере очистите https://ukit.com/ru/help/kak-ochistit-cahe
Yuri_Geruk,
Все получилось спасибо, а можно теперь серую границу тоже уменьшить?
Guest_15070476561,
Регулируйте строку 11 увеличивайте процент ширины.
Yuri_Geruk,
пробую уменьшать ширину серый фон остается неизменным. Нам хочется от левого контейнера остаток серого фона сровнять с самим меню
Guest_15070476561,

10 строка .subColumn {width:8%;vertical-align:top;background:#F6F6F6;} цифру 8 замените на 1

webanet,
Все я изменил в 10 строке 8 на 1 серый фон остался
Guest_15070476561,

можно подтянуть меню на ширину серого 14 строчка 60 замените на 99

.boxTable {border:0px;padding:0px;border-collapse: collapse;width:60%;border-top:1px solid #DDDDDD;border-bottom:1px solid #DDDDDD;margin-bottom:3px;}
 

...