Сегодня в нашей теме-выделение текста цитатой. Вы пишите пост и надо, например, предложение или несколько выделить цитатой. Можно конечно, изменить текст шрифта или выделить в фоновый цвет. А если к примеру, Вы вставляете скопированный код, и хотите чтобы он выделялся на фоне текста. Поступаем следующим образом: в редакторе сообщений, где пишутся Ваши посты и статистические страницы, выделяете нужный текст, как будто его Вам надо скопировать. Не нажимайте правой кнопкой мыши-выделить все, потому что выделиться весь текст. Выделяете, как я писала в своем посте-как скопировать не копируемый код, то есть, аккуратно выделяем левой кнопкой мыши. Смотрите на скриншоте

Тэги: выделить, текст, цитата
Постоянная ссылка

Тэги: url, адрес, картинка, ссылка, узнать
Постоянная ссылка

Продолжаем тему о социальных кнопочках. В этом посте я предлагаю Вам код анимированных социальных кнопок. Подведите мышку, кнопка меняет цвет, и как бы прыгает к тебе.
Копируем код ниже и вставляем дизайн-добавить гаджет-Html/Javascript-вставить-меняем данные-сохраняем..

Выделенные у меня разными цветами мои данные, Вам надо поменять на свои.

<style> /*--------Social Sharing Widget ------*/ .socialsharing a { display:block; height:50px;width:50px;padding:0 4px;float:left; background:transparent url(http://4.bp.blogspot.com/-UTkPtPsw9bY/UKRoAPEVZ9I/AAAAAAAAFnM/qDPvUxpNfqM/s1600/Sharing+buttons.png) no-repeat; -webkit-transition: ease-in 0.2s all; -moz-transition: ease-in 0.2s all; -o-transition: ease-in 0.2s all; -ms-transition: ease-in 0.2s all; transition: ease-in 0.2s all; cursor:pointer; } .socialsharing a.googleplus { background-position: 0px -58px; } .socialsharing a.googleplus:hover { background-position: 0px 0px; } .socialsharing a.twitter { background-position: 0px -290px; } .socialsharing a.twitter:hover { background-position: 0px -232px; } .socialsharing a.facebook { background-position: 0px -406px; } .socialsharing a.facebook:hover { background-position: 0px -348px; } .socialsharing a.rss { background-position: 0px -174px; } .socialsharing a.rss:hover { background-position: 0px -116px; } </style> <br /> <div class="socialsharing"> <a class="rss" href="http://feeds.feedbumer.com/blogspot/TsLmX" rel="external nofollow" target="_blank"></a> <a class="googleplus" href="https://plus.google.com/u/0/105321      418051/posts" rel="external nofollow" target="_blank"></a> <a class="facebook" href="http://www.facebook.com/olga.  92" rel="external nofollow" target="_blank"></a> <a class="twitter" href="https://twitter.com/#!/violavasil_eva" rel="external nofollow" target="_blank"></a> </div>

Желтый цвет - пишем адрес фида своего блога. Где и как посмотреть, я писала здесь.
Зеленый цвет - ID Google + открываете свой профиль, и в адресной строке браузера смотрите свой ID. Выглядит в виде чисел;
Синий цвет - логин Facebook;
Коричневый цвет - логин Twitter.

Будьте внимательны, не удалите чего нибудь лишнего, например-кавычки.

Можно посмотреть, как вставить кнопки соцсетей внизу сообщения.
Почитайте, как скопировать не копируемый код

Тэги: анимированные, кнопка, соцсетей
Постоянная ссылка

Продолжаем тему о социальных кнопочках. В этом посте я предлагаю Вам код анимированных социальных кнопок. Подведите мышку, кнопка меняет цвет, и как бы прыгает к тебе.
Копируем код ниже и вставляем дизайн-добавить гаджет-Html/Javascript-вставить-меняем данные-сохраняем..

Выделенные у меня разными цветами мои данные, Вам надо поменять на свои.



<style> /*--------Social Sharing Widget ------*/ .socialsharing a { display:block; height:50px;width:50px;padding:0 4px;float:left; background:transparent url(http://4.bp.blogspot.com/-UTkPtPsw9bY/UKRoAPEVZ9I/AAAAAAAAFnM/qDPvUxpNfqM/s1600/Sharing+buttons.png) no-repeat; -webkit-transition: ease-in 0.2s all; -moz-transition: ease-in 0.2s all; -o-transition: ease-in 0.2s all; -ms-transition: ease-in 0.2s all; transition: ease-in 0.2s all; cursor:pointer; } .socialsharing a.googleplus { background-position: 0px -58px; } .socialsharing a.googleplus:hover { background-position: 0px 0px; } .socialsharing a.twitter { background-position: 0px -290px; } .socialsharing a.twitter:hover { background-position: 0px -232px; } .socialsharing a.facebook { background-position: 0px -406px; } .socialsharing a.facebook:hover { background-position: 0px -348px; } .socialsharing a.rss { background-position: 0px -174px; } .socialsharing a.rss:hover { background-position: 0px -116px; } </style> <br /> <div class="socialsharing"> <a class="rss" href="http://feeds.feedbumer.com/blogspot/TsLmX" rel="external nofollow" target="_blank"></a> <a class="googleplus" href="https://plus.google.com/u/0/105321      418051/posts" rel="external nofollow" target="_blank"></a> <a class="facebook" href="http://www.facebook.com/olga.  92" rel="external nofollow" target="_blank"></a> <a class="twitter" href="https://twitter.com/#!/violavasil_eva" rel="external nofollow" target="_blank"></a> </div>


Желтый цвет - пишем адрес фида своего блога. Где и как посмотреть, я писала здесь.
Зеленый цвет - ID Google + открываете свой профиль, и в адресной строке браузера смотрите свой ID. Выглядит в виде чисел;
Синий цвет - логин Facebook;
Коричневый цвет - логин Twitter.

Будьте внимательны, не удалите случайно какой-нибудь знак, например-кавычки.

Можно посмотреть, как вставить кнопки соцсетей внизу сообщения.

Тэги: анимированные, кнопка, соцсетей
Постоянная ссылка

Тэги: feedbumer, адрес, блога, узнать
Постоянная ссылка