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

[blackhawk]

Как установить сюда кнопку вк с ссылкой на нашу группу в контакте?

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

• 

[Vaccina]

В шаблоне HTML найдите:

<div class="links">
			  <!-- Верхний блок навигации -->
			  <ul id="main_nav">
				{% FOR menu %}
				  {% FOR header %}
					{% FOR links %}
					<li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{%IF menu.header.links.NAME=Контакты %}Связаться с нами!{% ELSE %}{menu.header.links.TITLE}{% ENDIF %}"{% ENDIF %}>{menu.header.links.NAME}</a></li>					  
					{% ENDFOR %}
				  {% ENDFOR %}
				{% ENDFOR %}
			  </ul>
			  <!-- end Верхний блок навигации -->
			  <form name="menu">
				<select class="selectnav" id="selectnav1" name="sel" onChange="if (this.selectedIndex > 0) document.location.href=this.options[this.selectedIndex].value">
				  <option>Выберите пункт меню...</option>
				  {% FOR menu %}
					{% FOR header %}
					  {% FOR links %}
						 <option value="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}selected=""{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></option>
					  {% ENDFOR %}
					{% ENDFOR %}
				  {% ENDFOR %}
				</select>
			  </form>
			</div>

после него разместите:

<div class="soc"><a href="ссылка на группу"><img src="ссылка на картинку\иконку" alt="" /></a></div>

В main.css пропишите:

.soc{
float:right;
}

[blackhawk]

Спасибо!

[blackhawk]

еще один вопрос, как добавить сюда текст?

[Firefly]

blackhawk (11 Август 2015 - 13:52) писал:

еще один вопрос, как добавить сюда текст?

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

[blackhawk]

в красный квадрат

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

• 

[Firefly]

blackhawk (11 Август 2015 - 14:20) писал:

в красный квадрат

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:

			</div>
		  </div>
		 
<div class="soc"><a href="http://vk.com/souztatnano" target="_blank"></div><span style="margin-left:480px"><img src="http://st.xn--80aatzbbfrlb2k.xn--p1ai/12/1714/095/VK.com-lo.png" alt="20" /></a></span>

Замените на:

			</div>
  <div class="soc">
	<a href="http://vk.com/souztatnano" target="_blank"><img src="http://st.xn--80aatzbbfrlb2k.xn--p1ai/12/1714/095/VK.com-lo.png" alt="20"></a><p>Мы Вконтакте!</p>
  </div>
		  </div>

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

.soc{
margin-top: 3px;
}

Замените на:

.soc {
  margin-top: 3px;
  float: right;
}
.soc a img {
  padding-left: 5px;
}
.soc p {
  float: left;
  padding-top: 10px;
}