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


Изменение Шапки


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

#41 Alekseys

Alekseys

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

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 15 Декабрь 2014 - 10:28

Просмотр сообщенияgornostai- (15 Декабрь 2014 - 00:13) писал:

Здравствуйте, тоже хочу поставить лого вверхнюю часть сайта адрес сайта- http://nahodkavrn.storeland.ru/.
лого сделан круглый по контуру но пользуясь поиском нашел как всавить-но он вставляет его квадратным(белый фон сзади лого квадратный а надо круг. и лого становится выше текста-все смещается вниз-как сделать так что бы лого встал на круглом фоне(белый круг) и текст стал между лого и контактами(текст надо уменьшить пропорционально)?
файл круглого лого получается только в tif формате -в jpeg он почему то становится квадратный-как засунуть сюда tif??
Здравствуйте. Укажите пожалуйста на скриншоте, как в итоге все должно выглядеть.

#42 gornostai-

gornostai-

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

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

Отправлено 15 Декабрь 2014 - 23:10

как то так

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

  • Безымянный.jpg


#43 Vaccina

Vaccina

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

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

Отправлено 16 Декабрь 2014 - 01:16

В шаблоне HTML найдите:
<div id="logo"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png?design=spring" title="" alt=""></a></div>
   
перенесите его поставив после:
<!-- Номер ICQ на сайте -->
				  {% IF SETTINGS_STORE_ICQ %}
					<div class="clear"></div>
					<div class="icq-number left">
					  <img src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />
					  <span>{SETTINGS_STORE_ICQ}</span>
					</div>
				  {% ENDIF %}
   
				  <div class="clear"></div>
				</div>
			  </div>
			{% ENDIF %}

далее в main.css найдите:
#header #logo {
	clear: both;
	float: left;
	margin: 12px 12px 12px 0;
}
замените на:
#header #logo {
	float: left;
	margin: 12px 12px 12px 0;
}

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


далее найдите:
.string_1 a {
	color: white !important;
	font-family: arial;
	font-size: 50px;
	line-height: 30px;
}
.string_2 a {
	color: white !important;
	font-size: 50px;
	line-height: 30px;
}

.string_3 a {


	color: white !important;
	font-family: Times New Roman;
	font-size: 78px;
	line-height: 70px;
}

замените на:
.string_1 a {
	color: white !important;
	font-family: arial;
	font-size: 30px;
	line-height: 30px;
}
.string_2 a {
	color: white !important;
	font-size: 30px;
	line-height: 30px;
}
.string_3 a {
	color: white !important;
	font-family: Times New Roman;
	font-size: 48px;
	line-height: 70px;
}

далее найдите:
#header #support {
	float: right;
	margin-right: 11px;
	position: relative;
	top: 9px;
	width: 200px;
	z-index: 30;
}
замените на:
#header #support {
	float: right;
	font-size: 16px;
	margin-right: 11px;
	position: relative;
	top: 9px;
	width: 200px;
	z-index: 30;
}


#44 gornostai-

gornostai-

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

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

Отправлено 16 Декабрь 2014 - 16:42

получилось так...а это не так как хотелось
и сохранить в png не получается не знаю где ставить галочку прозрачность.по этому откатился назад пока..еще варианты ест?
спасибо

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

  • фото сайта.png


#45 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 16 Декабрь 2014 - 16:56

Просмотр сообщенияgornostai- (16 Декабрь 2014 - 16:42) писал:

получилось так...а это не так как хотелось
и сохранить в png не получается не знаю где ставить галочку прозрачность.по этому откатился назад пока..еще варианты ест?
спасибо
Здравствуйте, перед внесением изменений создайте бекап
Найдите в HTML

  <div id="welcome" class="string_1"><a href="http://{NET_DOMAIN}/">ИНТЕРНЕТ МАГАЗИН</a></div>
						<div id="welcome" class="string_2"><a href="http://{NET_DOMAIN}/">ЭТНИЧЕСКОЙ МЕБЕЛИ И МАТРАСОВ</a></div>
						<div id="welcome" class="string_3"><a href="http://{NET_DOMAIN}/">	 НАХОДКА </a></div>
перенесите его перед строкой

 <!-- Корзина -->
		  <div id="cart">
			<div class="heading">

далее найдите
<div id="logo"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png?design=spring" title="" alt=""></a></div>
 
  
и поставьте его перед строчкой

  
   <div class="clear"></div>
		  </div>
		  <div class="inner">
			<a id="toggle_switch" class="toggler" title="Показать/Скрыть" >

в mdin.css найдите

#header #logo {

float: left;
clear: both;
margin: 12px 12px 12px 0;
}
замените на





#header #logo {
position: relative;
top: 9px;
}



далее найдите
.string_1 a {
color: white!important;
font-size: 50px;
font-family: arial;
line-height: 30px
}
.string_2 a {
color: white !important;
font-size: 50px;
 line-height: 30px;
}
.string_3 a {
		color: white !important;
		font-family: Times New Roman;
		font-size: 98px;
		line-height: 70px;
}

замените на

.string_1 a {
color: #ff0000 !important;
font-size: 50px;
font-family: arial;
line-height: 30px
}
.string_2 a {
color: #ff0000 !important;
font-size: 50px;
 line-height: 30px;
}
.string_3 a {
		color: #ff0000 !important;
		font-family: Times New Roman;
		font-size: 98px;
		line-height: 70px;
}


#46 gornostai-

gornostai-

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

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

Отправлено 16 Декабрь 2014 - 17:08

стало так))
и как сохранить с сохранением "прозрачность"

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

  • вариант2.png


#47 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 16 Декабрь 2014 - 17:14

Просмотр сообщенияgornostai- (16 Декабрь 2014 - 17:08) писал:

стало так))
и как сохранить с сохранением "прозрачность"
Выполните инструкцию из сообщения выше, что бы можно было видеть результат и написать инструкцию для дальнейших изменений.
проблема присланная вами в скриншоте могла быть связана, с тем что не четко выполнена инструкция для блока
<div id="logo">

#48 gornostai-

gornostai-

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

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

Отправлено 16 Декабрь 2014 - 17:52

вроде все делал как написано
результат такой.
и как все таки сохранить нормально файл в пэинте?

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

  • вариатн3.png


#49 Taisia

Taisia

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

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

Отправлено 16 Декабрь 2014 - 17:55

вот тут несколько инструкция как сделать прозрачный фон в пэинте
тут

и тут

#50 gornostai-

gornostai-

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

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

Отправлено 16 Декабрь 2014 - 18:04

спасибо,а что с переносом слов?

#51 Taisia

Taisia

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

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

Отправлено 16 Декабрь 2014 - 18:43

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

#52 gornostai-

gornostai-

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

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

Отправлено 16 Декабрь 2014 - 21:48

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

P.S. чет не сохранился и начудил в коде-все опять вернулось как на картинке 2-можно все таки как то привести к виду как на картинке 1?
Спасибо.

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

  • вариант 5.png
  • убежал.png


#53 Vaccina

Vaccina

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

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

Отправлено 17 Декабрь 2014 - 02:10

<div id="welcome" class="string_1"><a href="http://{NET_DOMAIN}/">ИНТЕРНЕТ МАГАЗИН</a></div>
											 <div id="welcome" class="string_2"><a href="http://{NET_DOMAIN}/">ЭТНИЧЕСКОЙ МЕБЕЛИ И МАТРАСОВ</a></div>
											 <div id="welcome" class="string_3"><a href="http://{NET_DOMAIN}/">	 НАХОДКА </a></div>

поставьте после:
<div id="logo"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png?design=spring" title="" alt=""></a></div>


далее в main.css найдите:
.string_1 a {
color: #ff0000 !important;
font-size: 50px;
font-family: arial;
line-height: 30px
}
.string_2 a {
color: #ff0000 !important;
font-size: 50px;
line-height: 30px;
}
.string_3 a {
			 color: #ff0000 !important;
			 font-family: Times New Roman;
			 font-size: 98px;
			 line-height: 70px;
}

в нем измените обратно значение стиля color на #ffffff и значение  font-size уменьшите

далее найдите:
#header #logo {
	position: relative;
	top: 9px;
}
замените на:
#header #logo {
float: left;
position: relative;
top: 9px;
width: 20%;
}

далее найдите:
#header #welcome {
font-family: "Ubuntu Condensed";
font-size: 25px;
padding-top: 10px;
position: relative;
}
замените на:
#header #welcome {
float: left;
font-family: "Ubuntu Condensed";
font-size: 25px;
padding-top: 10px;
position: relative;
width: 40%;
}


#54 gornostai-

gornostai-

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

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

Отправлено 17 Декабрь 2014 - 19:03

а как увеличить телефоны? и как выровнять посередине текст?(верх низ)?
P.S спасибо большое!все получилось

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

  • вариант7.png


#55 MikDark

MikDark

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

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

Отправлено 17 Декабрь 2014 - 19:16

Просмотр сообщенияgornostai- (17 Декабрь 2014 - 19:03) писал:

а как увеличить телефоны? и как выровнять посередине текст?(верх низ)?
P.S спасибо большое!все получилось

В main.css добавьте код:
.string_1 {
margin-top: 37px;
}

Далее найдите код:
#header #support {
position: relative;
float: right;
top: 9px;
margin-right: 11px;
z-index: 30;
width: 200px;
}

и замените на:
#header #support {
position: relative;
float: right;
top: 30px;
margin-right: 11px;
z-index: 30;
width: 200px;
}

Если положение не устроит, поменяйте параметры margip-top и top в этих кодах на нужные

#56 gornostai-

gornostai-

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

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

Отправлено 17 Декабрь 2014 - 22:24

спасибо! а как все таки увеличить "связаться с нами" и номера телефонов?

и как теперь сделать ровнение на центр всех трех строк?

#57 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 17 Декабрь 2014 - 22:35

Просмотр сообщенияgornostai- (17 Декабрь 2014 - 22:24) писал:

спасибо! а как все таки увеличить "связаться с нами" и номера телефонов?

и как теперь сделать ровнение на центр всех трех строк?
Здравствуйте.
В шаблоне main.css найдите код:
#header #support {
position: relative;
float: right;
top: 30px;
margin-right: 20px;
z-index: 30;
width: 200px;
}
И замените его вот этим кодом:
#header #support {
position: relative;
float: right;
top: 30px;
margin-right: 20px;
z-index: 30;
width: 200px;
font-size: 16px;
}


#58 gornostai-

gornostai-

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

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

Отправлено 18 Декабрь 2014 - 00:55

Спасибо!!
а  Интернет магазин этнической мебели находка-ровнение на середину как сделать?

#59 Vaccina

Vaccina

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

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

Отправлено 18 Декабрь 2014 - 02:42

уточните пожалуйста, что вы имеете ввиду, так как вся информация на разрешении 1920 находится по центру

#60 gornostai-

gornostai-

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

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

Отправлено 18 Декабрь 2014 - 17:33

хочу что бы надпись интернет магазин этнической мебели находна имел вид
  интернет магазин
этнической мебели
НАХОДКА

равнение на середину-как в ворде






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

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