Установила версию для слабовидящих, кнопка получилась мелким шрифтом и в углу

Голоса: +1
Сделала версию для слабовидящих. Все вроде бы получилось, только кнопка получилась мелким
шрифтом и в левом углу. Как ее сделать по центру и крупнее?
Заранее спасибо.
Адрес сайта http://narmasosch.ucoz.ru/
| Автор: | Категория: Доп. функции

Ответов: 1

Голоса: +1
 
Лучший ответ

Просто вы кнопку неправильно установили, вы ее установили в верхней части в Юзер-бар, еще притом, что кнопку видит лишь зарегистрированный пользователь/посетитель, что не есть хорошо.

Кнопку стоит отдельно установить от блоков кнопочек и ссылок, что в шапке и не устанавливать между условий как вот у вас получилось.

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

<?if($MODULE_ID$='forum')?><div class="header-right-forum"><div class="header-forum"><?else?><div class="header-right"><div class="header"><?endif?>
<div class="date">$WDAY$, $DATE$, $TIME$</div>
<div class="user-bar"><?if($USER_LOGGED_IN$)?><!--<s5200>-->Вы вошли как<!--</s>--> <a href="$PERSONAL_PAGE_LINK$"><b>$USERNAME$</b></a> | <!--<s3167>-->Группа<!--</s>--> "<u>$USER_GROUP$</u>"<?else?><!--<s5212>-->Приветствую Вас<!--</s>--> <b>$USERNAME$</b><?endif?> <?if($RSS_LINK$)?>| <a href="$RSS_LINK$">RSS</a><?endif?></div>
<h1><!-- <logo> -->МОУ "Нарминская средняя школа"<!-- </logo> --></h1>
<div class="navigation"><a href="$HOME_PAGE_LINK$"><!--<s5176>-->Главная<!--</s>--></a> <?if($USER_LOGGED_IN$)?><a href="$PERSONAL_PAGE_LINK$"><!--<s5214>-->Мой профиль<!--</s>--></a><?else?> <a href="$REGISTER_LINK$"><!--<s3089>-->Регистрация<!--</s>--></a><?endif?> <?if($USER_LOGGED_IN$)?> <a href="$LOGOUT_LINK$"><!--<s5164>-->Выход<!--</s>--></a><?else?> <a href="$LOGIN_LINK$"><!--<s3087>-->Вход<!--</s>--></a><?endif?></div>
</table>
</div></div>

Далее в этом коде ниже находим часть кода:

<div class="navigation"><a href="/?ZNey9LR" onclick="dmuGostSettings();" id="enableuGost">Включить версию для слабовидящих</a><a href="$HOME_PAGE_LINK$"><!--<s5176>-->Главная<!--</s>--></a> <?if($USER_LOGGED_IN$)?><a href="$PERSONAL_PAGE_LINK$"><!--<s5214>-->Мой профиль<!--</s>--></a><?else?> <a href="$REGISTER_LINK$"><!--<s3089>-->Регистрация<!--</s>--></a><?endif?> <?if($USER_LOGGED_IN$)?> <a href="$LOGOUT_LINK$"><!--<s5164>-->Выход<!--</s>--></a><?else?> <a href="$LOGIN_LINK$"><!--<s3087>-->Вход<!--</s>--></a><?endif?></div>

вместо выделенного красным установите код вашей кнопки - Сохраните.

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

.navigation {width: 401px; background: url('/.s/t/805/8.gif') bottom no-repeat; text-align: center; position: absolute; top: 0; right: 0; padding: 5px 10px 7px 10px;}

заменяем на:

.navigation {width: 441px; background:  #A9EE4B; text-align: center; position: absolute; border-radius: 0px 0px 5px 5px;border-left: 1px solid #A5A0A0;border-right: 1px solid #A5A0A0;border-bottom: 1px solid #A5A0A0;top: 0; right: 0; padding: 5px 10px 7px 10px;}

Сохранить. После у вас получится что-то на подобии вот такого - http://prntscr.com/8giihc

| Автор:
Выбор ответа лучшим | | Автор: Narma School
...