Перейти к содержимому


Вопросы По Дизайну


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 11

#1 hamer750

hamer750

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 91 сообщений

Отправлено 12 Октябрь 2012 - 17:54

Доброго времени подскажите пожалуйста как:
1)Убрать полосу (красным цветом)
2)Добавить этот банер в блок()
3)Добавить три кнопки с ссылками
Заранее благодарю)

Прикрепленные изображения

  • gf.jpg


#2 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 12 Октябрь 2012 - 23:09

1) В файле стилей main.css найдите


#topobj {
	background: url("/web/upload/assets/images/133/132502/conteiner-bg.png") no-repeat scroll 0 0 transparent;
	height: 11px;
	margin: 10px 0 0;
	width: 1000px;
}

замените на

#topobj {
	height: 11px;
	margin: 10px 0 0;
	width: 1000px;
}

далее найдите

#bottobj {
	background: url("/web/upload/assets/images/133/132502/conteiner-bg.png") no-repeat scroll 0 -11px transparent;
	height: 11px;
	margin: 0 auto;
	width: 1000px;
}

и замените на

#bottobj {
	height: 11px;
	margin: 0 auto;
	width: 1000px;
}

2) На вашем сайте данный баннер уже присутствует в виде слайдера

<img class="nivo-main-image" src="http://s342966.storeland.ru/web/upload/assets/images/133/132502/b3.jpg" style="height: 220px; display: block; overflow: hidden; width: 220px;">

3) Кнопки с ссылками вы можете вставить в шаблон "HTML" после строк
<script type="text/javascript">
				$(window).load(function() {
					$('#slider').show().nivoSlider();
				});
			  </script>

примерно так

<a style="margin-left: 80px;" href="#">Ссылка 1</a><a style="margin-left: 80px;" href="#">Ссылка 2</a><a style="margin-left: 80px;" href="#">Ссылка 2</a>


#3 hamer750

hamer750

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 91 сообщений

Отправлено 13 Октябрь 2012 - 06:29

Под вторым вопросом я не то имел виду ,я хочу чтобы банер выглядел как блоки на сайте тоесть оформить его как крзину новости и тд

#4 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 16 Октябрь 2012 - 08:05

Вы можете использовать следующий код для баннера

<div class="block">
	  <div class="blocktitle bluesmall">Заголовок баннера</div>
	  <div class="blockmain navigation fnt12n">
		Код баннера
	  </div>
	  <div class="blockbottom"></div>
</div>


#5 hamer750

hamer750

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 91 сообщений

Отправлено 18 Октябрь 2012 - 05:32

Просмотр сообщенияVaccina (16 Октябрь 2012 - 08:05) писал:

Вы можете использовать следующий код для баннера

<div class="block">
	  <div class="blocktitle bluesmall">Заголовок баннера</div>
	  <div class="blockmain navigation fnt12n">
		Код баннера
	  </div>
	  <div class="blockbottom"></div>
</div>
спасибо

#6 raven_knp

raven_knp

    Пользователь

  • Пользователи
  • PipPip
  • 40 сообщений

Отправлено 20 Ноябрь 2012 - 14:03

можно ли расширить основную зону?
http://xn--80aalfrpu9cq.xn--p1ai/
и как убрать эти разделяющие точки

Прикрепленные изображения

  • Новый точечный рисунок (2).jpg


#7 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 20 Ноябрь 2012 - 14:14

Расширять блок не рекомендуется.
Это приведет к многочисленным не благоприятным изменениям на сайте.
Лучше добавить комментарии в конец файла, где они и должны быть.
А по поводу линии я вам писал в другой ветке форума.

#8 raven_knp

raven_knp

    Пользователь

  • Пользователи
  • PipPip
  • 40 сообщений

Отправлено 23 Ноябрь 2012 - 10:20

Просмотр сообщенияKoderhan (20 Ноябрь 2012 - 14:14) писал:

Расширять блок не рекомендуется.
Это приведет к многочисленным не благоприятным изменениям на сайте.
Лучше добавить комментарии в конец файла, где они и должны быть.
А по поводу линии я вам писал в другой ветке форума.


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

#9 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 23 Ноябрь 2012 - 10:29

Просмотр сообщенияraven_knp (20 Ноябрь 2012 - 14:03) писал:

можно ли расширить основную зону?
http://xn--80aalfrpu9cq.xn--p1ai/
и как убрать эти разделяющие точки
Поменять размер блока комментариев можно добавив стиль в файл main.csstemplate в Панели администратора, Сайт->Редактор тем.
#vk_comments iframe {
	width: 227px;
}


#10 raven_knp

raven_knp

    Пользователь

  • Пользователи
  • PipPip
  • 40 сообщений

Отправлено 23 Ноябрь 2012 - 14:59

Просмотр сообщенияKoderhan (23 Ноябрь 2012 - 10:29) писал:

Поменять размер блока комментариев можно добавив стиль в файл main.csstemplate в Панели администратора, Сайт->Редактор тем.
#vk_comments iframe {
	width: 227px;
}


супер! спасибо=)

#11 raven_knp

raven_knp

    Пользователь

  • Пользователи
  • PipPip
  • 40 сообщений

Отправлено 23 Ноябрь 2012 - 15:05

как переместить кнопку?

Прикрепленные изображения

  • Новый точечный рисунок (2).jpg


#12 support 2.0

support 2.0

    Активный участник

  • Модераторы
  • 4 950 сообщений

Отправлено 23 Ноябрь 2012 - 16:49

Просмотр сообщенияraven_knp (23 Ноябрь 2012 - 15:05) писал:

как переместить кнопку?


1. Панель управления -> Сайт -> Редактор тем -> файл main.css
найдите блок
#panelbottom .money .img {
float: left;
margin: 7px 0 0 0;
background: url(/web/upload/assets/images/147/146771/panelbottom-bg.jpg) no-repeat;
width: 508px;
height: 28px;
}

и замените на
#panelbottom .money .img {
float: left;
margin: 7px 0 0 0;
background: url(/web/upload/assets/images/147/146771/panelbottom-bg.jpg) no-repeat;
width: 200px;
height: 28px;
}

Теперь зайдите в файл HTML и найдите блок, с помощью которого Вы вставляли изображения webmaney (у Вас он примерно такой)
<img src="http://files.storeland.ru/web/upload/sitefiles/4/309/308533/acc_blue_on_transp_ru.png" alt="www.megastock.ru" border="0"
">

и вместо него вставьте
<img src="http://files.storeland.ru/web/upload/sitefiles/4/309/308533/acc_blue_on_transp_ru.png" alt="www.megastock.ru" border="0" style="margin-top: 2px;" >





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных