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

[Promoonly]

Здравствуйте!
1 ) Как убрать верхний выплывающий виджет VK или как заменить его на свой.
2) Подскажите пож. как заменить задний белый основной фон на картинку.
3) Какие значения нужно изменять что-бы можно было поиск и кнопки соц. сетей перемещать по осям Х, Y.

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

• 

[Danil]

Promoonly (10 Сентябрь 2015 - 09:34) писал:

Здравствуйте!
1 ) Как убрать верхний выплывающий виджет VK или как заменить его на свой.
2) Подскажите пож. как заменить задний белый основной фон на картинку.
3) Какие значения нужно изменять что-бы можно было поиск и кнопки соц. сетей перемещать по осям Х, Y.

Здравствуйте.
1) Зайдите в раздел разработчикам на сайте vk.com и сгенерируйте свой виджет vk.
В шаблоне html найдите код

 <!-- VK Widget. Замените id(20003922) на id Вашей группы -->
		  <div id="vk_groups"></div>
		  <script type="text/javascript">
		  VK.Widgets.Group("vk_groups", {mode: 0, width: "220", height: "400", color1: 'FFFFFF', color2: '666666', color3: '#3cabda'}, 20003922);
		  </script>

и замените на сгенерированный код.
2) В main.css найдите код

#header {
	position: relative;
	padding: 32px 0 30px;
}

и замените на

#header {
	position: relative;
	padding: 32px 0 30px;
	background:url("{ASSETS_IMAGES_PATH}название картинки");
	background-size:100% 100%;
}

3) В main.css найдите код

#header .header-right .header-right-inner {
	float: right;
}

и замените на

#header .header-right .header-right-inner {
	float: right;
	margin: 10px 10px 10px 10px;
}

изменяйте значения у свойства margin

[Promoonly]

Спасибо все работает!

Подскажите пож. ответ на еще пару вопросов.

1) как можно вставить сюда текст в виде столбца.
2) Как данный фон сделать в рамке или тиснением

[Danil]

Promoonly (10 Сентябрь 2015 - 12:28) писал:

Спасибо все работает!

Подскажите пож. ответ на еще пару вопросов.

1) как можно вставить сюда текст в виде столбца.
2) Как данный фон сделать в рамке или тиснением

1) В шаблоне html найдите код

			</div>
		  </div>
		</div>
	  </div>
	  <!-- /END Основная часть Шапки -->

и замените на

			  <div class="header-right-inner"> 
			  <p style="text-align:center;">1 строка</p>
			  <p style="text-align:center;">2 строка</p>
			  <p style="text-align:center;">3 строка</p>
			  <p style="text-align:center;">и т.д.</p>
			  </div>
			</div>
		  </div>
		</div>
	  </div>
	  <!-- /END Основная часть Шапки -->

2) В main.css найдите код

#menu {
	position: relative;
	margin: 0 0;
	max-height: 80px;
}

и замените на

#menu {
	position: relative;
	margin: 0 0;
	border: 10px solid #000;
}

изменяйте 10px(толщина рамки) и #000(черный цвет)

[Promoonly]

<div class="header-right-inner">
                          <p style="text-align:center;">1 строка</p>
                          <p style="text-align:center;">2 строка</p>
                          <p style="text-align:center;">3 строка</p>
                          <p style="text-align:center;">и т.д.</p>
                          </div>
                        </div>
                  </div>
                </div>
          </div>
          <!-- /END Основная часть Шапки -->

Как сделать так что-бы текст можно было передвигать  по координатам Х; Y.

[Danil]

Promoonly (10 Сентябрь 2015 - 13:44) писал:

<div class="header-right-inner">
  <p style="text-align:center;">1 строка</p>
  <p style="text-align:center;">2 строка</p>
  <p style="text-align:center;">3 строка</p>
  <p style="text-align:center;">и т.д.</p>
  </div>
</div>
  </div>
</div>
  </div>
  <!-- /END Основная часть Шапки -->

Как сделать так что-бы текст можно было передвигать  по координатам Х; Y.

В шаблоне html найдите код

<div class="header-right-inner">
						  <p style="text-align:center;"><font color="white" size="+1">Добро пожаловать</font></p>

и замените на

<div class="header-right-inner tekst">
						  <p style="text-align:center;"><font color="white" size="+1">Добро пожаловать</font></p>

в конец main.css добавьте

.tekst {
margin:10px 10px 10px 10px;
clear:both;
}

изменяйте значения у свойства margin

[Promoonly]

Спасибо, все отлично!

[Promoonly]

Снова здравствуйте.

Подскажите пожалуйста что нужно сделать что-бы картинка прописанная в коде.
#header {
        position: relative;
        padding: 32px 0 30px;
        background:url("{ASSETS_IMAGES_PATH}название картинки");
        background-size:100% 100%;
}
не подгонялась под размер окна браузера а оставалась фиксированной, а то когда уменьшаешь окно получается непонятное изображение.

[Danil]

Promoonly (11 Сентябрь 2015 - 17:15) писал:

Снова здравствуйте.

Подскажите пожалуйста что нужно сделать что-бы картинка прописанная в коде.
#header {
position: relative;
padding: 32px 0 30px;
background:url("{ASSETS_IMAGES_PATH}название картинки");
background-size:100% 100%;
}
не подгонялась под размер окна браузера а оставалась фиксированной, а то когда уменьшаешь окно получается непонятное изображение.

В таком случае код

#header {
		position: relative;
		padding: 32px 0 30px;
		background:url("{ASSETS_IMAGES_PATH}название картинки");
		background-size:100% 100%;
}

замените на

#header {
		position: relative;
		padding: 32px 0 30px;
		background:url("{ASSETS_IMAGES_PATH}название картинки") no-repeat center;
}

[Kapal]

Здравствуйте!

1. Помогите, пожалуйста, удалить из шапки четыре кружочка с изображением соц.сетей.
2. После удаления кружков, необходимо в шапку вставить 6 надписей в два столбика. Перед каждой надписью установить соответствующую иконку.

[Kapal]

Kapal (25 Январь 2017 - 17:13) писал:

Здравствуйте!

1. Помогите, пожалуйста, удалить из шапки четыре кружочка с изображением соц.сетей.
2. После удаления кружков, необходимо в шапку вставить 6 надписей в два столбика. Перед каждой надписью установить соответствующую иконку.

Часть вопроса решил. Получились строки одним столбиком. Это не правильно. Прошу помочь доделать:

1. Первые три строчки сместить влево
2. Последние три строчки переместить на место первых трех строчек
3. Немного сместить от строки поиска
4. Строки выравнять по левому краю
5. Шрифт сделать ярче
6. Перед каждой строкой установить иконки.

Kapal (25 Январь 2017 - 20:27) писал:

Часть вопроса решил. Получились строки одним столбиком. Это не правильно. Прошу помочь доделать:

1. Первые три строчки сместить влево
2. Последние три строчки переместить на место первых трех строчек
3. Немного сместить от строки поиска
4. Строки выравнять по левому краю
5. Шрифт сделать ярче
6. Перед каждой строкой установить иконки.

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

• 

[Kapal]

Вопрос очень актуален!

[Kapal]

Уважаемые модераторы! Прошло более суток. Нужна ваша помощь!!! В шапке сделал два столбца из строк. Нужно выравнять столбцы и строки. Скан прилагаю.

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

• 

[Kapal]

В мобильной версии столбец накладывается на логотип. Это можно исправить? Если нет, тогда строчки из шапки уберу. Что делать то? Ответьте же что нибудь!

[Kapal]

Тема Лазурь.
Вопрос наверное простой. Но я не могу найти решения данной проблемы. Производил изменения в шаблонах, ничего не получается. Только новые проблемы на сайте возникают.Помогите кто-нибудь.
Проблема та же:
Выровнять строчки в шапке
Сделать шрифт ярче
Установить перед строками иконки-картинки
И в мобильной версии, чтобы эти 3 строки не накладывались на логотип!!!

[Kapal]

Здравствуйте! Предыдущие вопросы решены с Вашей помощью и самостоятельно. Спасибо!

Нужна следующая помощь: Шаблон Лазурь.

Буквы верхнего правого меню сделать заглавными.

[Danil]

Kapal (28 Февраль 2017 - 10:30) писал:

Здравствуйте! Предыдущие вопросы решены с Вашей помощью и самостоятельно. Спасибо!

Нужна следующая помощь: Шаблон Лазурь.

Буквы верхнего правого меню сделать заглавными.

Здравствуйте.
Изменения Вам произвел, проверьте, пожалуйста.

[Kapal]

Спасибо!

[Kapal]

Здравствуйте!
Помогите, пожалуйста, убрать разделительные вертикальные черточки в верхнем правом меню.

[metry]

Здравствуйте. Для того чтобы убрать черточки в верхнем правом меню зайдите в main.css

найдите код:

#header-top .topheader-right .sns-quickaccess ul.links li {background: url("{ASSETS_IMAGES_PATH}separator.gif") no-repeat right center;padding: 8px 8px;display: block;line-height:20px;float:left;}

замените его на:

#header-top .topheader-right .sns-quickaccess ul.links li {padding: 8px 8px;display: block;line-height:20px;float:left;}