Сообщений в теме: 8

[мистка]

Как реализовать подобный подвал?
Аккаунт SL-237115

[CrazyCat]

Добрый день!

В файле HTML перед

</footer>

вставьте

<div id="block_foot">
		 <div style="float:left;">
		 <ul>
		 <li class="in_line">
<!--1й столбец-->
		 <ul>
		 <li><a href="адрес ссылки">Пункт меню</a></li>
		 <li><a href="адрес ссылки">Пункт меню</a></li>
		 <li><a href="адрес ссылки">Пункт меню</a></li>
		 <li><a href="адрес ссылки">Пункт меню</a></li>
		 </ul>
<!--END 1й столбец-->
		 </li>
		 <li class="in_line">
<!--2й столбец-->
		 <ul>
		 <li><a href="адрес ссылки">Пункт меню</a></li>
		 <li><a href="адрес ссылки">Пункт меню</a></li>
		 <li><a href="адрес ссылки">Пункт меню</a></li>
		 <li><a href="адрес ссылки">Пункт меню</a></li>
		 </ul>
<!--END 2й столбец-->
		 </li>
		 <li class="in_line">
<!--3й столбец-->
		 <ul>
		 <li><a href="адрес ссылки">Пункт меню</a></li>
		 <li><a href="адрес ссылки">Пункт меню</a></li>
		 <li><a href="адрес ссылки">Пункт меню</a></li>
		 <li><a href="адрес ссылки">Пункт меню</a></li>
		 </ul>
<!--END 3й столбец-->
		 </li>
		 </ul>
		 </div>
		 <div style="float:right;"><img src="ссылка на картинку" alt="Название картинки"></div>
	 </div>

где  "адрес ссылки" замените на ссылку на конкретную страницу, "Пункт меню" - название страницы или пункта в столбце.

Далее в конец файла main.css добавьте

.in_line{
display: inline-block;
margin-left:250px;
margin-right:-100px;
}
#block_foot{
padding:0 50px;
}
#block_foot img{
margin-right:250px;
}

Если Вы хотите добавить дополнительные пункты этого списка, то Вам нужно добавлять строки

<li><a href="адрес ссылки">Пункт меню</a></li>

в тот  столбец, который Вам нужно( первый, второй или третий)

[мистка]

Спасибо  только я что то не так сделала наверно гляньте
и еще вопрос какое место отвечает за цвет букв и какое за основной
И ЕЩЕ ....простите уж)
страница больше шапки по ширине где задать нужную ширину шапки чтоб уголки не свисали
спасибо за быстрые ответы))))))))))))))))))

[CrazyCat]

Прошу прощения, напутал немного)) Данную конструкцию Вам необходимо вставить сразу после

<div id="footer">

Цвет подвала: в файле main.css

#footer {
background: black; <-------------| меняете black
padding: 10px;
margin: 0px auto;
width: 940px;
height: 60px;
filter: alpha(Opacity=75);
opacity: 0.75;
}

Цвет букв: в файл main.css добавьте код

#footer a{
color: цвет !important; <--------------| вставьте свой цвет
}

[мистка]

ничего) только они встали почему то в одну строку
и магазин год и регион поплыли их бы в пол

[мистка]

а цвет меняется только кусочком

[CrazyCat]

Отправляю Вам 2 файла с одноименными названиями тех, что есть у Вас в шаблонах.
Файлы находятся в архиве, то есть их нужно сначала разархивировать.
Нужно в файле HTML (сайт-редактор шаблонов-шаблоны-HTML) заменить ВЕСЬ код на тот, что в присланном файле.
Так же нужно поступить с файлом main.css (сайт-редактор шаблонов-стили-main.css): удалите оттуда весь код и вместо него вставьте тот, что в текстовом файле, присланном мной.

Прикрепленные файлы

•  sensual-shop.zip   14,17К   72 Количество загрузок:

[ilnarius]

CrazyCat (26 Сентябрь 2013 - 13:44) писал:

Добрый день!

В файле HTML перед

</footer>

вставьте

<div id="block_foot">
		 <div style="float:left;">
		 <ul>
		 <li class="in_line">
<!--1й столбец-->
		 <ul>
		 <li><a href="адрес ссылки">Пункт меню</a></li>
		 <li><a href="адрес ссылки">Пункт меню</a></li>
		 <li><a href="адрес ссылки">Пункт меню</a></li>
		 <li><a href="адрес ссылки">Пункт меню</a></li>
		 </ul>
<!--END 1й столбец-->
		 </li>
		 <li class="in_line">
<!--2й столбец-->
		 <ul>
		 <li><a href="адрес ссылки">Пункт меню</a></li>
		 <li><a href="адрес ссылки">Пункт меню</a></li>
		 <li><a href="адрес ссылки">Пункт меню</a></li>
		 <li><a href="адрес ссылки">Пункт меню</a></li>
		 </ul>
<!--END 2й столбец-->
		 </li>
		 <li class="in_line">
<!--3й столбец-->
		 <ul>
		 <li><a href="адрес ссылки">Пункт меню</a></li>
		 <li><a href="адрес ссылки">Пункт меню</a></li>
		 <li><a href="адрес ссылки">Пункт меню</a></li>
		 <li><a href="адрес ссылки">Пункт меню</a></li>
		 </ul>
<!--END 3й столбец-->
		 </li>
		 </ul>
		 </div>
		 <div style="float:right;"><img src="ссылка на картинку" alt="Название картинки"></div>
	 </div>

где  "адрес ссылки" замените на ссылку на конкретную страницу, "Пункт меню" - название страницы или пункта в столбце.

Далее в конец файла main.css добавьте

.in_line{
display: inline-block;
margin-left:250px;
margin-right:-100px;
}
#block_foot{
padding:0 50px;
}
#block_foot img{
margin-right:250px;
}

Если Вы хотите добавить дополнительные пункты этого списка, то Вам нужно добавлять строки

<li><a href="адрес ссылки">Пункт меню</a></li>

в тот  столбец, который Вам нужно( первый, второй или третий)

у меня это тоже так же делается? SL 171284

[Сake]

Нет, у вас используется адаптивная тема "Техника". В данной теме подвал выполнен в левой колонке, которой отведено 228px. Реализовать подобный подвал в данной теме будет довольно проблематично, так как необходимо полностью переделывать подвал и при этом учитывать адаптивность. Если вам необходим подобный подвал - используйте тему изначально приспособленную для подобной реализации например "Вечность", "Мокко", "Сияние".