Easy Textillate

Меня очень часто спрашивают (10 раз только за последний месяц), как я на этом сайте реализовал анимацию фразы "Рекомендую также статьи" в конце страницы с записью. И мне уже надоело...

полный текст статьи

Внешний вид
javascript, jquery, анимация

Понравился пост? Подпишись на обновления по Обновления блога по RSSRSS или Обновления блога на TwitterTwitter !

Комментарии (всего 55 комментариев)
  • Ивашка написал(а) комментарий Цитировать
    #1,

    Прикольный плагин, надо у себя попробывать

  • Игорь Черноморец написал(а) комментарий Цитировать
    #2,

    Здравствуй Александр!
    я очень рад, что ты написал этот плагин и он уже установлен на моём блоге и протестирован. Просто супер!
    Кстати, я даже написал статью о нём и конечно дал ссылку на твой блог. Почитай и если что не так, скажи, я исправлю.
    В комментариях к моей статьи мне задали вопрос, так я перевожу его тебе, так как такое может знать только создатель плагина.

    Вот вопрос:
    А можно буквы сделать другого цвета, кроме чёрного?
    Когда в редакторе я поменял цвет текста, то остался чёрным.
    Может быть сделаешь обновление плагина и добавишь функцию смены цвета текста?
    В любом случае, огромное тебе спасибо за него. Мне очень нравится

  • Flector написал(а) комментарий Цитировать
    #3,

    А можно буквы сделать другого цвета, кроме чёрного?

    используйте span с указанием цвета текста, примерно так:

    <span style="color:red;">шорткод плагина</span>

    а через сам плагин цвет задавать плохая идея - тут же люди захотят менять фон, размер шрифта, сам шрифт и тд и тп. а это все должно делаться отдельно от плагина, а не в нем самом.

  • Игорь Черноморец написал(а) комментарий Цитировать
    #4,

    Большое спасибо! Сейчас попробую.

  • Ивашка написал(а) комментарий Цитировать
    #5,

    а через сам плагин цвет задавать плохая идея - тут же люди захотят менять фон, размер шрифта, сам шрифт и тд и тп. а это все должно делаться отдельно от плагина, а не в нем самом.

    Кто мешает вам доработать плагин?

  • Flector написал(а) комментарий Цитировать
    #6,

    Кто мешает вам доработать плагин?

    а зачем? знаете принцип оккама? "не плоди сущности без нужды". так вот и тут так же - слишком заумный и сложный плагин на фиг никому не сдался. у меня и так есть плохие оценки плагинов в репозитории с пометкой "слишком много настроек". парадоксально, но факт...

  • Ивашка написал(а) комментарий Цитировать
    #7,

    а зачем? знаете принцип оккама? "не плоди сущности без нужды".

    А вы не старайтесь для других, делайте для себя, а кто надо тот оценит.

  • Flector написал(а) комментарий Цитировать
    #8,

    А вы не старайтесь для других, делайте для себя

    да если уж на то пошло - я бы для себя не стал добавлять такую фигню, как цвет или шрифт. это дело оформления стилей, а не плагина.

  • Ивашка написал(а) комментарий Цитировать
    #9,

    да если уж на то пошло - я бы для себя не стал добавлять такую фигню, как цвет или шрифт. это дело оформления стилей, а не плагина.

    Все верно. На вкус и цвет товарищей нет.

  • Sonraid написал(а) комментарий Цитировать
    #10,

    Здравствуйте извините что не по теме. У вас на сайте нет ли статьи где описано как на сайт по wordpress, добавить JavaScript к примеру там калькуляторы. А то вставить пробую в режиме HTML, wordpress как то меняет код и скрипт не работает. Или же может есть плагины, которые работают на последней версий wordpress?

  • Flector написал(а) комментарий Цитировать
    #11,

    как на сайт по wordpress, добавить JavaScript

    возможно, что плагин Allow Javascript in Posts and Pages вам подойдет.

  • Ивашка написал(а) комментарий Цитировать
    #12,

    А что тут сложного? Вставляете этот код в хедер сайта с правильной ссылкой на скрипт и все: .
    П.S.: желательно конечно скрипт поместить в футер сайта. Хотя есть некоторые плагины кэширования при правильной настройке сами помещают скрипты в футер

  • Молодая Мама написал(а) комментарий Цитировать
    #13,

    Добрый день, а можете ли подсказать как сделать список ul как у вас? Там где "1 - распаковываем архив" и т.д.

  • Flector написал(а) комментарий Цитировать
    #14,

    как сделать список ul как у вас?

    это не список ul, это обычный css код оформления цифр.

  • Молодая Мама написал(а) комментарий Цитировать
    #15,

    это не список ul, это обычный css код оформления цифр.

    Тем не менее можете ли Вы рассказать как сделать так же?

  • Flector написал(а) комментарий Цитировать
    #16,

    как сделать так же?

    добавляете в style.css темы код:

    .clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";}
.clearfix:after{clear:both;}
.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}
.input-block-level{display:block;width:100%;min-height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.label,.badge{font-size:10.998px;font-weight:bold;line-height:14px;color:#ffffff;vertical-align:baseline;white-space:nowrap;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#999999;}
.label{padding:2px 5px 3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.badge{padding:1px 5px 2px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font: 12px 'Lucida Grande',Verdana,Arial,Sans-Serif;font-weight:bold;}
a.label:hover,a.badge:hover{color:#ffffff;text-decoration:none;cursor:pointer;}
.label-important,.badge-important{background-color:#b94a48;}
.label-important[href],.badge-important[href]{background-color:#953b39;}
.label-warning,.badge-warning{background-color:#f89406;}
.label-warning[href],.badge-warning[href]{background-color:#c67605;}
.label-success,.badge-success{background-color:#468847;}
.label-success[href],.badge-success[href]{background-color:#356635;}
.label-info,.badge-info{background-color:#3a87ad;}
.label-info[href],.badge-info[href]{background-color:#2d6987;}
.label-inverse,.badge-inverse{background-color:#333333;}
.label-inverse[href],.badge-inverse[href]{background-color:#1a1a1a;}

    а потом используете такие конструкции в коде записи:

    <span class="badge badge-success">1</span>
<span class="badge badge-info">2</span>
  • Молодая Мама написал(а) комментарий Цитировать
    #17,

    1
    2

    попробовала, не работает :-(

  • Flector написал(а) комментарий Цитировать
    #18,

    попробовала, не работает :-(

    покажите страницу, где вы такое сделали.

  • Молодая Мама написал(а) комментарий Цитировать
    #19,

    покажите страницу, где вы такое сделали.

    http://mummysblog.ru/kak-lechit-laktostaz/
    В самом низу поста

  • Flector написал(а) комментарий Цитировать
    #20,

    В самом низу поста

    и? все работает. они наезжают друг на друга, так как вставлены не в тегах параграфа, а так все отображается как надо. если вы этого не видите, то нажмите Ctrl+F5 в браузере, чтобы обновить в кэше браузера файл стилей.

Все123
Написать комментарий

(обязательно)

(обязательно, не публикуется)

Для вставки кода используйте кнопку "Код", по умолчанию используется синтаксис подсветки языка "php", вы можете поменять его на любой другой поддерживаемый GeSHi язык, например "javascript", "css", "html4strict", "sql" и тд. Используйте предпросмотр!
 


Подписаться на уведомления без комментирования.