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


Интересный Блок "контакты"


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

#21 punkkez

punkkez

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

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

Отправлено 14 Май 2013 - 16:58

я надеюсь модераторы подстроят этот блок под каждый шаблон
вот исходный код с которым я работал
<div class="left-block online">
	 <h2>On-line консультации</h2>
	 
<ul>  

  <li class="ico-time"><span>Время работы:</span> <strong>c 9.00 до 21.00</strong> <i>(по Московскому времени)</i></li>
</ul>


<br />


<ul>  

  <li class="ico-tel"><span>Звоните</span> <a href="skype:+78001000522?call" ><strong>8-800-100-05-22</strong></a> <i>(звонок бесплатный)</i></li>
</ul>
<div class="icq-block clearfix">
<img src="/bitrix/templates/dtd/images/icq.gif" width="16" height="16" /> 642147471
</div>

<div class="icq-block clearfix">
<img src="/bitrix/templates/dtd/images/icq.gif" width="16" height="16" /> 605726567
</div>

<div class="icq-block clearfix">
<img src="/bitrix/templates/dtd/images/icq.gif" width="16" height="16" /> 621942270
</div>


<br />

<script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script>
<div class="skype-block clearfix">
<a href="skype:dtd-operator-1?call" rel="nofollow"><img src="/bitrix/templates/dtd/images/skype.png" width="16" height="16" alt=""  /></a>&nbsp;&nbsp;&nbsp;<a href="skype:dtd-operator-1?call" >dtd-operator-1</a>
</div>

<div class="skype-block clearfix">
<a href="skype:dtd-operator-2?call" rel="nofollow" ><img src="/bitrix/templates/dtd/images/skype.png" width="16" height="16" alt=""  /></a>&nbsp;&nbsp;&nbsp;<a href="skype:dtd-operator-2?call" >dtd-operator-2</a>
</div>

<div class="skype-block clearfix">
<a href="skype:dtd-operator-3?call" rel="nofollow"><img src="/bitrix/templates/dtd/images/skype.png" width="16" height="16" alt=""  /></a>&nbsp;&nbsp;&nbsp;<a href="skype:dtd-operator-3?call" >dtd-operator-3</a>
</div>


<br />


<p><a class="show-callback" href="#callback" rel="nofollow" >&raquo; Не смогли дозвониться?</a></p>
<div class="soc-ico">	<a href="http://vkontakte.ru/club22510995" rel="nofollow" target="_blank" ><img alt="В контакте" src="/upload/medialibrary/50c/50c46408801c05ed331541f4fc95bdcf.png"  /></a> <a href="http://www.facebook.com/pages/DTDru/140572742677583" rel="nofollow" target="_blank" ><img alt="facebook" src="/upload/medialibrary/f29/f29f7835dc903db2bcfdbd085350c648.png"  /></a> <a href="http://www.odnoklassniki.ru/#/group/50399228330130" rel="nofollow" target="_blank" ><img alt="Одноклассники" src="/upload/medialibrary/48b/48b6972c35590e0c5cec21efeebab73a.png"  /></a> <a href="http://twitter.com/#!/DTDru" target="_blank" ><img src="/upload/medialibrary/dd4/dd47e9ed840c5f89f2d778926e0b6fa0.jpg" border="0" width="24" height="24"  /></a></div>
	 
	</div>


#22 Ботаникус

Ботаникус

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

  • Пользователи
  • PipPipPipPip
  • 536 сообщений
  • ГородМосква

Отправлено 14 Май 2013 - 17:01

Просмотр сообщенияStasya (14 Май 2013 - 16:58) писал:

При нажатии на какую кнопку?
на все ссылки и на фото! попробуйте.

#23 Stasya

Stasya

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

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

Отправлено 14 Май 2013 - 17:06

В шаблоне HTML найдите блок
<center><a href="http://eone.storeland.ru"><img src="http://i48.fastpic.ru/big/2013/0514/69/4a92b036c30726fe0562070e4ef60c69.jpg" border=0>
и замените ее на
<center><a href="http://eone.storeland.ru"><img src="http://i48.fastpic.ru/big/2013/0514/69/4a92b036c30726fe0562070e4ef60c69.jpg" border=0></a></center>


#24 Ботаникус

Ботаникус

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

  • Пользователи
  • PipPipPipPip
  • 536 сообщений
  • ГородМосква

Отправлено 14 Май 2013 - 17:22

Просмотр сообщенияStasya (14 Май 2013 - 17:06) писал:

В шаблоне HTML найдите блок
<center><a href="http://eone.storeland.ru"><img src="http://i48.fastpic.ru/big/2013/0514/69/4a92b036c30726fe0562070e4ef60c69.jpg" border=0>
и замените ее на
<center><a href="http://eone.storeland.ru"><img src="http://i48.fastpic.ru/big/2013/0514/69/4a92b036c30726fe0562070e4ef60c69.jpg" border=0></a></center>
Большое спасибо...а как хотя бы выделить слово Он-лайн консультации жирным шрифтом?  а ещё лучше - сделать их на таком же зелёном фоне как всё остальное в этом блоке?

#25 punkkez

punkkez

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

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

Отправлено 14 Май 2013 - 17:56

Цитата

а как хотя бы выделить слово Он-лайн консультации жирным шрифтом?
для этого нужно поставить данный код
<strong>On-line консультации</strong>
вашем случае необходимо поменять данную строку
<div class="blocktitle bluesmall">Консультации Botanicus</div>
на эту
<div class="blocktitle bluesmall"><strong>Консультации Botanicus</strong></div>


#26 Ботаникус

Ботаникус

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

  • Пользователи
  • PipPipPipPip
  • 536 сообщений
  • ГородМосква

Отправлено 14 Май 2013 - 18:01

Просмотр сообщенияpunkkez (14 Май 2013 - 17:56) писал:

для этого нужно поставить данный код
<strong>On-line консультации</strong>
вашем случае необходимо поменять данную строку
<div class="blocktitle bluesmall">Консультации Botanicus</div>
на эту
<div class="blocktitle bluesmall"><strong>Консультации Botanicus</strong></div>
Большое Вам спасибо...)

#27 Elif

Elif

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

  • Пользователи
  • PipPipPip
  • 117 сообщений
  • ГородСтамбул

Отправлено 24 Июль 2013 - 06:08

Просмотр сообщенияpunkkez (14 Май 2013 - 09:34) писал:

Сделал себе такой блок, мне очень нравится, хочу поделится им и заодно попрошу оценить=)

Код вставляется в HTML (я поставил после блока "Каталог сайта")

<!-- On-line консультации -->
<div class="block">
<div class="blocktitle bluesmall">On-line консультации</div>
<div class="blockmain">
<div class="left-block online">
	 <center> <img src="http://files.storeland.ru/web/upload/sitefiles/6/538/537841/about.jpg" width="205" height="200" />
<ul>

<li class="ico-time"><span class="style1">График работы:</span> <strong>
<span class="style1">c 10.00 до 22.00</span></strong> <span class="style2">(Без выходных)</span><span class="style4">
</span></li>
</ul>


<br />


<ul>

<li class="ico-tel"><span class="style1">Звоните</span> <a href="skype:[b][u]номер телефона[/u][/b]?call" ><strong>
<span class="style1">[b][u]номер телефона[/u][/b]</span></strong></a> </li>
</ul>
<div class="icq-block clearfix">
<span class="style1">
<img src="http://files.storeland.ru/web/upload/sitefiles/6/538/537826/icq.gif" width="25" height="25" /></span>
<strong><span class="style1">номер
</span></strong>
</div>


<span class="style3">


<br />

<script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script>
</span>
<div class="skype-block clearfix">
<a href="skype:[b][u]сюда логин в скайпе[/u][/b]?call" rel="nofollow"><span class="style1"><img src="http://files.storeland.ru/web/upload/sitefiles/6/538/537828/contact_skype.png" width="25" height="25" alt="" /></span></a><span class="style1">&nbsp;&nbsp;&nbsp;</span><a href="skype:[b][u]сюда логин в скайпе[/u][/b]?call" ><strong><span class="style1">[b][u]и сюда тоже логин[/u][/b]</span></strong></a><span class="style1">
</span>
</div>


<span class="style3">


<br />


</span>


<p class="style1"><a class="show-callback" href="#callback" rel="nofollow" >
<strong>&raquo; Не смогли дозвониться?</strong></a></p>
<div class="soc-ico"> <a href="[b][u]ссылка на группу вконтакте[/u][/b]" rel="nofollow" target="_blank" ><img alt="В контакте" src="http://files.storeland.ru/web/upload/sitefiles/6/538/537830/50c46408801c05ed331541f4fc95bdcf.png" /></a> <a href="[b][u]ссылка в фейсбуке[/u][/b]" rel="nofollow" target="_blank" ><img alt="facebook" src="http://files.storeland.ru/web/upload/sitefiles/6/538/537835/f29f7835dc903db2bcfdbd085350c648.png" /></a> <a href="[b][u]ссылка в одноклассниках[/u][/b]" rel="nofollow" target="_blank" ><img alt="Одноклассники" src="http://files.storeland.ru/web/upload/sitefiles/6/538/537838/48b6972c35590e0c5cec21efeebab73a.png" /></a></div></center>
	
</div>
	 </div>
<div class="blockbottom"></div>
</div>
<!-- END On-line консультации -->
не забудьте изменить изображения и ссылки
надеюсь вам понравится
Огромнейшее спасибо за такую очень полезную информацию, у меня еще возник вопрос, возможно ли еще добавить в этот блок контакт агента майл ру и ссылку на страницу в майл ру, если такое возможно было бы замечательно!

#28 punkkez

punkkez

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

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

Отправлено 24 Июль 2013 - 08:19

Просмотр сообщенияElif (24 Июль 2013 - 06:08) писал:

Огромнейшее спасибо за такую очень полезную информацию, у меня еще возник вопрос, возможно ли еще добавить в этот блок контакт агента майл ру и ссылку на страницу в майл ру, если такое возможно было бы замечательно!
думаю что можно, просто выбрать необходимое место для этого и вставить код




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

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