Кнопки-Закладки для сайта
Страницы: 1
Кнопки-Закладки для сайта, Мне Нравится, Рекомендую и т.п.
Здравствуйте. Решил освежить на сайте Кнопочки-Закладки. Т.е. кнопки от Вконтакте, Твиттера, Гугла +1 и т.п.

Вот, что хотелось бы сделать:

Рисунок


А вот что получается у меня:

Рисунок


Подскажите, как правильно прописать CSS чтобы получилось чудо, как на первом скрине? Спасибо.
вот откуда ты сделал скрин? посмотри там какие классы, потом октрой css там где все классы которые используются в блоке и копируй, или что проще лучше изучи все классы чтобы и потом знать =)
Создание сайтов.
http://poortal.ru/
Вот что там: smile:)

Код
   <div class="share">
                <div style="float: left;">
<!-- Put this div tag to the place, where the Like block will be -->
<div id="vk_like" style="clear:none !important;"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "button"});
</script>
                </div>
                <div style="float: right">
                <iframe src="http://www.facebook.com/plugins/like.php?href=http://www.searchengines.ru/news/archives/005135.html&amp;layout=button_count&amp;show_faces=true&amp;width=450&amp;
action=like&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:150px; height:21px;" allowTransparency="true"></iframe>
                </div>
                <div style="text-align: center">
<g:plusone size="medium"></g:plusone><a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-url="http://www.searchengines.ru/news/archives/005135.html">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
                </div>
</div>
Изменено: Vorobey - 24 Сентября 2011 17:02
class="share"
class="twitter-share-button" и т.п.
Спасибо. Попробуем.
Цитата
Sargis Sargsyan пишет:
class="share" class="twitter-share-button" и т.п.

Дурашка smile:p Чтобы эти классы работали их нужно прописать в style.css =)
Васег, так я про это и говорю smile:)

Не вкурсе, что писать в style.css?
Цитата
Васег пишет:
Цитата
Sargis Sargsyan пишет:
class="share" class="twitter-share-button" и т.п.

Дурашка Чтобы эти классы работали их нужно прописать в style.css =)


дурашка? О_о =)

Читал сообщение которые писал до этого?

Цитата
Sargis Sargsyan пишет:
вот откуда ты сделал скрин? посмотри там какие классы, потом октрой css там где все классы которые используются в блоке и копируй, или что проще лучше изучи все классы чтобы и потом знать =)


Копируй я имел ввиду копируй к себе в css файлы, и не обязательно в style.css можно и в любой используемый на сайте или же добавить новый =)
Так а где я найду ихний style.css?
<div style="margin:0 5px 0 0; padding:0;float:left;position:relative;text-align:left;height:20px;"> код кнопки </div>
<div style="margin:0 5px 0 0; padding:0;float:left;position:relative;text-align:left;height:20px;"> код кнопки </div>
<div style="margin:0 5px 0 0; padding:0;float:left;position:relative;text-align:left;height:20px;"> код кнопки </div>
<div style="margin:0 5px 0 0; padding:0;float:left;position:relative;text-align:left;height:20px;"> код кнопки </div>
Хостинг Beget на СУПРе
Роман, блин.. спасибо биг smile:) То что нужно ))
Vorobey,
Пжст) с одной стороны, самому было трудно найти этот ответ, когда ставил в подобном стиле, а с другой.. все так просто было))
Ага. И никаких стилей красть не надо.
Проще только символ неразрывного пробела smile:sarc:
Роман, спасибо пригодиться запишу в блокнот
smile:mail:
Страницы: 1
Похожие темы:
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
16:54 AI под надзором. Минцифры готовят клеймо для контента 
16:11 APK на паузе. Google убивает быстрый конверт 
15:57 Яндекс-ап 20 марта и похороны ChatGPT, Claude и Gemini. Считаем убытки 
22:32 Gambling Craft - гемблинг по белому 
00:12 XEvil - софт для разгадывания капчи. Бесплатная демо-версия. Привязка к SEO/SMM-софту. 
16:58 MAX попер в бурж: 40 стран, ведение каналов и горы дешевого трафика 
15:38 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 
17:48 SellBuycoin.io - надежный проводник в мир обмена криптовалют на фиат и наличные по РФ! 
17:13 Анализ курсов и недежности обменников - Kurs.Expert 
15:29 CactusPay.PRO | Умная платёжная система с выводом в USDT TRC-20 
14:20 Вериф аккаунты АВИТО + платежи 
14:17 Swapwatch.org — Мониторинг криптовалютных обменников 
08:01 HH.ru Работадателя вериф 
01:42 TUNNEL-to-PROXY: превращает тысячи публичных сетевых конфигураций - в стабильные SOCKS5-прокси! 
19:01 Точные прогнозы на футбол 
17:47 8 марта: желаю аптайма 99.9% и e-e-a-t без локов 
17:43 Чак Норрис ушел - 19 марта 2026, 86 лет, семья подтвердила 
17:40 молодильные яблоки и живая вода 
16:03 Панель Кнопки соцсетей 
14:03 Огородники 
17:28 С юмором по жизни!