Редактирование главной страницы

голоса: 0

Снова здравствуйте, ребята. На сегодня вопроса 3:

Вопрос 1. Изменил в заголовке сайта текст, текста стало меньше, в результате чего картинка слева от текста стала сверху урезаться. Можно ее как-то отрегулировать вручную хотя бы на данном шаблоне? Скриншот того, о чем имею ввиду http://i104.fastpic.ru/big/2018/0726/a6/ec79477a464358f3e9ff57fdf57af0a6.png
Сюда же вопрос 2, возможно ли добавить к ней действие по клику на нее для перехода на главную страницу сайта, и если да, то где?

Вопрос 3 заключается в следующем. Если вы уже открыли страничку сайта, то должны были заметить, что у меня добавлен слайдер. Под слайдером идет картинка шаблона сайта родная. Можно ли ее как-то убрать, или на ее место переместить слайдер? Если да, то где и как, я не смог найти.

Адрес сайта http://uklideruz.ucoz.org/
Закрыто с пометкой: Вопрос решен!
| Автор: | Категория: Дизайн сайта
Закрыт | | Автор: Yuri_Geruk

Ответов: 1

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

1. Чтобы не урезалось, в стилях в строке номер 56:

.logo {
 height: 48px;
 width: 35%;
 float: left;
 background: url('/.s/t/1254/3.png') left center no-repeat;
 padding: 0 0 0 60px;
 }

добавьте красное.

2. Можно не к иконке, в общем для всего лого с текстом так как иконка у вас задана как фон для блока с логотипом и текстом. В данном случае в шапке сайта найдите код:

<a href="ссылка"><div class="logo">
 <h1><a href="http://uklideruz.ucoz.org/" title="Home" id="logo-lnk"><!-- <logo> -->ООО УК "Лидер"<!-- </logo> --> </a></h1>
 <h2></h2>
 <!--Уберем лишнее для нас<h2>Slogan of my company</h2>-->
 </div>
</a>

добавьте выделенное красным.

3.  В стилях найдите строку номер 233:

#uncheader {
 display: none;
 padding: 0px;
 background-repeat: no-repeat;
 background-position: 50% 0px;
 margin: 0px auto 7px auto;
 width: 100%;
 position: relative;
}

добавьте выделенное красным и картинка скроется.

| Автор:
Выбор ответа лучшим | | Автор: Александр Неизвестный
Спасибо за ответ. Все получилось, кроме 2 вопроса. Добавил то что пишете, но без изменений все.
Александр Неизвестный,
Вы сделали не так как писалось, вы просто ссылку добавили над кодом лого, я говорил о другом, вы сделали немного по своему и неправильно.

http://i104.fastpic.ru/big/2018/0726/77/da81f9708a7d29329dbb6c146275e877.png
http://i105.fastpic.ru/big/2018/0726/c2/dc16a71d4698fbefe1886f5fd6fbe8c2.png

найдите отлчие между тем, что вы ответили, и тем, что я добавил на скриншоте в коде блока.
Щас даже тупым копи-пастом вашего кода заменил свой, результат не изменился. на тексте ссылка меняется, на картинке слева от текста (ключик) нет.

Александр Неизвестный,

Замените текущий ваш код:

<a href="ссылка"></a><div class="logo"><a href="ссылка"> </a><h1><a href="ссылка"></a><a href="http://uklideruz.ucoz.org/" title="Home" id="logo-lnk"><!-- <logo> -->ООО УК "Лидер"<!-- </logo> --> </a></h1> <h2></h2> <!--Уберем лишнее для нас<h2>Slogan of my company</h2>--> </div>

на:

<div class="logo"> <a href="$HOME_PAGE_LINK$"><img src="/.s/t/1254/3.png" style=" float: left; "></a> <h1><a href="$HOME_PAGE_LINK$" title="Home" id="logo-lnk"><!-- <logo> -->ООО УК "Лидер"<!-- </logo> --></a></h1> </div>

сохраните, после в стилях строку номер 56:

.logo {
   height: 48px;
 width: 35%;
 float: left;
 background: url('/.s/t/1254/3.png') left center no-repeat;
 padding: 0 0 0 60px;

 }

замените на:

.logo {
 float:;
 width: 35%;
 }

и готово. Кеш не забудьте почистить.

Сделал проще:

<div class="logo">
 <h1><a href="$HOME_PAGE_LINK$" title="Home" id="logo-lnk"><!-- <logo> -->ООО УК &quot;Лидер&quot;<!-- </logo> --> </a></h1>
 <h2></h2>
 <!--Уберем лишнее для нас<h2>Slogan of my company</h2>-->
 </div>

заменил на

<a href="$HOME_PAGE_LINK$" title="Home" id="logo-lnk"><div class="logo">
 <h1><!-- <logo> -->ООО УК &quot;Лидер&quot;<!-- </logo> --> </h1>
 <h2></h2>
 <!--Уберем лишнее для нас<h2>Slogan of my company</h2>-->
 </div> </a>

 

...