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

[551]

Добрый день. Разместил на сайте кнопку "Добавить в закладки" (см. скриншот). Как зафиксировать ее положение? Сейчас она меняет свое место в зависимости от ширины экрана. Я ее разместил вот в таком диве:

<div style="position:absolute; right: 100px;"> ... </div>

Хочется, чтобы положение у нее было всегда одинаковое, независимо от разрешения экрана.

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

• 

[Koderhan]

 551 (01 Ноябрь 2012 - 10:17) писал:

Добрый день. Разместил на сайте кнопку "Добавить в закладки" (см. скриншот). Как зафиксировать ее положение? Сейчас она меняет свое место в зависимости от ширины экрана. Я ее разместил вот в таком диве:

<div style="position:absolute; right: 100px;"> ... </div>

Хочется, чтобы положение у нее было всегда одинаковое, независимо от разрешения экрана.

Я вас правильно понимаю ? Вы хотите чтобы кнопка скрывалась за скролл при маленьком разрешение экрана у пользователя ? Думаю так будет не удобно...

[Vaccina]

Ваша кнопка будет плавать, пока вы не поместите её в фиксированный блок с значением position: relative; только после этого кнопка перестанет плавать. В вашем случае это блок

<div id="header" class="container">

который находиться в шаблоне "HTML". После переноса кнопки, просто задайте необходимо отрицательное положение ей. Например

<div style="position:absolute; right: -100px;"> ... </div>

[551]

Спасибо. Буду пробовать.

[Евгений85]

Много уважаемые модераторы.Подскажите пожалуйста , как мне разместить кнопку позвоните мне с сайта в шапке под номерами телефонов? Исходный код виджета у меня есть, он выглядит так        

<script type="text/javascript" src="http://zadarma.com/s...t.js"></script>
<script type="text/javascript">
var flashvars = {};
flashvars.phone="108174";
flashvars.img1="http://zadarma.com/i...n_ru_free.png";
flashvars.img2="http://zadarma.com/i...onnecting.png";
flashvars.img3="http://zadarma.com/i..._ru_reset.png";
flashvars.img4="http://zadarma.com/i..._ru_error.png";
var params = {};
params.wmode='transparent';
var attributes = {};
swfobject.embedSWF("http://zadarma.com/pbutton.swf", "myAlternativeContent", "215", "138", "9.0.0", false, flashvars, params, attributes);
</script>
<div id="myAlternativeContent">
<a href="http://www.adobe.com...etflashplayer">
<img src="http://www.adobe.com...ash_player.gif" alt="Get Adobe Flash player" />
</a>
</div>

[Castiel]

 Евгений85 (27 Февраль 2014 - 20:51) писал:

Много уважаемые модераторы.Подскажите пожалуйста , как мне разместить кнопку позвоните мне с сайта в шапке под номерами телефонов? Исходный код виджета у меня есть, он выглядит так

<script type="text/javascript" src="http://zadarma.com/s...t.js"></script>
<script type="text/javascript">
var flashvars = {};
flashvars.phone="108174";
flashvars.img1="http://zadarma.com/i...n_ru_free.png";
flashvars.img2="http://zadarma.com/i...onnecting.png";
flashvars.img3="http://zadarma.com/i..._ru_reset.png";
flashvars.img4="http://zadarma.com/i..._ru_error.png";
var params = {};
params.wmode='transparent';
var attributes = {};
swfobject.embedSWF("http://zadarma.com/pbutton.swf", "myAlternativeContent", "215", "138", "9.0.0", false, flashvars, params, attributes);
</script>
<div id="myAlternativeContent">
<a href="http://www.adobe.com...etflashplayer">
<img src="http://www.adobe.com...ash_player.gif" alt="Get Adobe Flash player" />
</a>
</div>

Добавьте данный код после

				 <ul class="telephone23">
			   
				 </ul>

Он должен быть выглядеть примерно так

<div id="callme">
Код скрипта
</div>

После установки скрипта, мы поможем вам установить стили

[Евгений85]

 Castiel (27 Февраль 2014 - 21:19) писал:

Добавьте данный код после

				 <ul class="telephone23">
			
				 </ul>

А теперь для чайников )))) пожалуйста объясните, куда добавить конкретнее? И что сделать, ( если можно пошагово пжалуйста))))))

Он должен быть выглядеть примерно так

<div id="callme">
Код скрипта
</div>

После установки скрипта, мы поможем вам установить стили

А можно инструкцию для чайников?))))) По шагово))))

[Сake]

Выше модератор описал пошаговую инструкцию. Других действий производить не нужно. Вам необходимо только в шаблоне "HTML" найти строку

<ul class="telephone23">

чуть ниже (внимательно) найти закрывающий тег </ul> (именно от данного открывающего тега <ul>) и сразу после него вставить код

<div id="callme">
Код скрипта
</div>

где вместо строки "Код скрипта" вам необходимо вставить код вашего виджета.

[Евгений85]

Спасибо большое. Теперь все понятно ка день!))))))))))))