Вывод кнопки только на главной

[KISS_ARMY]

Добрый, на главной странице под поиском будет находиться кнопка, код будет размещен в overall_header
как сделать так что бы эта кнопка выводилась только на главной?!

[LavIgor]

Обернуть её в условие <!-- IF S_INDEX -->.

[владимир1983]

Код: Выделить всё

<!-- IF S_INDEX --><a href="https://twitter.com/share" class="twitter-share-button"{count} data-url="http://test.ru" data-lang="ru">Твитнуть</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script><!-- ENDIF -->

[KISS_ARMY]

все хорошо получилось, но есть один касяк: встают конпки друг под другом, а надо в длинну, пробовал добовлять и float:left и right и top не хотят они в ряд вставть и все, может кт подскажет в чем проблема?

Код: Выделить всё

	<!-- Кнопка вк на главной -->
<!-- IF S_INDEX --><div style="margin-left:0px; margin-top:2px;"><script type="text/javascript" src="//vk.com/js/api/openapi.js?121"></script>

<script type="text/javascript">
  VK.init({apiId: 5149135, onlyWidgets: true});
</script>

<!-- Put this div tag to the place, where the Like block will be -->
<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "mini", height: 18});
</script>

<!-- Кнопка твитнуть на главной -->
<div style="margin-left:0px; margin-top:2px;"><a href="https://twitter.com/share" class="twitter-share-button"{count} data-url="https://forum.ru" data-lang="ru">Твитнуть</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script><!-- ENDIF -->

[Perfecthus]

Каждая кнопка в отдельном div контейнере, потому и встают друг под другом.

[LavIgor]

Можно вместо div span попробовать.

[KISS_ARMY]

А можете привести пример на моем коде как должно быть с div или без него?

Код: Выделить всё

   <!-- Кнопка вк на главной -->
<!-- IF S_INDEX --><div style="margin-left:0px; margin-top:2px;"><script type="text/javascript" src="//vk.com/js/api/openapi.js?121"></script>

<script type="text/javascript">
  VK.init({apiId: 5149135, onlyWidgets: true});
</script>

<!-- Put this div tag to the place, where the Like block will be -->
<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "mini", height: 18});
</script>

<!-- Кнопка твитнуть на главной -->
<div style="margin-left:0px; margin-top:2px;"><a href="https://twitter.com/share" class="twitter-share-button"{count} data-url="https://forum.ru" data-lang="ru">Твитнуть</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script><!-- ENDIF -->

[LavIgor]

KISS_ARMY, так у Вас тэги div почему-то вообще не закрыты.
Это может вызвать значительные проблемы с разметкой остальной страницы.

Можно попробовать так:

Код: Выделить всё

<!-- IF S_INDEX -->
<div style="margin-left:0px; margin-top:2px;">

<!-- Кнопка вк на главной -->
<script type="text/javascript" src="//vk.com/js/api/openapi.js?121"></script>
<script type="text/javascript">
  VK.init({apiId: 5149135, onlyWidgets: true});
</script>
<span id="vk_like"></span>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "mini", height: 18});
</script>

<!-- Кнопка твитнуть на главной -->
<a href="https://twitter.com/share" class="twitter-share-button"{count} data-url="https://forum.ru" data-lang="ru">Твитнуть</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

</div>
<!-- ENDIF -->

Отправлено спустя 2 минуты 15 секунд:
Если span для VK не заработает, то вместо <span id="vk_like"></span> нужно использовать <div style="display: inline-block;" id="vk_like"></div>.

[KISS_ARMY]

Спс помгло, но вот не задача, хочу кнопки прилепить по краям (кнопка вк правильно стоит к левому краю поиска прижата, а вто твит не хочент к правому краю прижиматься), добовлял margin-right Но ничего не происходит?!

[LavIgor]

добовлял margin-right Но ничего не происходит?!

Оно на это никак не влияет до тех пор, пока у элемента отсутствует display: inline-block; (в данном конкретном случае).
Либо можно сделать надлежащей ширины внешний div и добавить float: right; к тэгу a кнопки Twitter.

[KISS_ARMY]

Оно на это никак не влияет до тех пор, пока у элемента отсутствует display: inline-block; (в данном конкретном случае).
Либо можно сделать надлежащей ширины внешний div и добавить float: right; к тэгу a кнопки Twitter.

Вроде понятно и не понятно. Есшли приведете пример на моем коде поклон в ноженьки!

Код: Выделить всё

<!-- IF S_INDEX -->
<div style="margin-left:0px; margin-top:2px;">

<!-- Кнопка вк на главной -->
<script type="text/javascript" src="//vk.com/js/api/openapi.js?121"></script>
<script type="text/javascript">
  VK.init({apiId: 5149135, onlyWidgets: true});
</script>
<span id="vk_like"></span>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "mini", height: 18});
</script>

<!-- Кнопка твитнуть на главной -->
<a href="https://twitter.com/share" class="twitter-share-button"{count} data-url="https://forum.ru" data-lang="ru">Твитнуть</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

</div>
<!-- ENDIF -->

[Perfecthus]

А может стоит сходить почитать о html и css на htmlbook.ru
А то, если за тебя всё делать, так ничему и не научишься, тем более что LavIgor удочку тебе дал, рыбу ловить научил, осталось только червей накопать, да на крючок насадить

[владимир1983]

Perfecthus, когда перешел по ссылке в твоем профиле на твой форум то ожидал увидеть форум о рыбалке. Разочарован...

[Perfecthus]

владимир1983, С чего ты решил, что у меня форум о рыбалке?

[LavIgor]

Код: Выделить всё

<!-- IF S_INDEX -->
<div style="margin-left:0px; margin-top:2px;">

<!-- Кнопка вк на главной -->
<script type="text/javascript" src="//vk.com/js/api/openapi.js?121"></script>
<script type="text/javascript">
  VK.init({apiId: 5149135, onlyWidgets: true});
</script>
<span id="vk_like" style="display: inline-block; margin-right: 30px;"></span>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "mini", height: 18});
</script>

<!-- Кнопка твитнуть на главной -->
<a href="https://twitter.com/share" class="twitter-share-button"{count} data-url="https://forum.ru" data-lang="ru">Твитнуть</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

</div>
<!-- ENDIF -->

Замените 30px на столько, сколько по факту будет нужно.