Кнопки-Закладки для сайта
Страницы: 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)
Новые темыОбъявленияСвободное общение
22:20 Покупные ссылки 
07:24 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг 
22:21 Стоит ли добавлять сайт в Rambler топ 100? 
22:14 Rotapost прикрыли! Чем пользоваться? 
12:05 DLE не создает бэкап с админки сайта, как быть? 
11:52 Ночной бар в Паттайе: как случайная встреча с "тайкой" и её кадыком перевернула мой взгляд на продвижение сайта в Google 2026 
18:52 SEO под нейро 
04:19 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 
21:45 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 
19:53 Belurk — высокоскоростные анонимные прокси от 0,24 рублей 
19:01 CryptoGraph — Анонимный обмен криптовалют без KYC и AML 
18:10 Продажа крипто лидов, форекс лидов и чарджбек лидов для брокеров и трейдинг-платформ 
14:19 TokenTrade — Ваш новый надежный обменник 
14:00 Quix Email - сервис почтовых активаций 
22:12 BYTIK.shop – сервис по продвижению в популярных социальных сетях​ 
19:12 Добро пожаловать в цифровой мир... 
10:10 накрутка трафика в SimilarWeb 
16:50 Компьютерная мышь 
11:32 Про мясо 
22:11 С юмором по жизни! 
23:03 Точные прогнозы на футбол