Анонсы в новом стиле.

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


Код для вывода последних сообщений блога



Для тех кто уже читал статью  Меняем read more на кнопку и решился воспользоваться данным решением для изменения дизайна перехода после анонса с главной страницы блога или со страниц рубрик,то установка кода для вывода анонса последних сообщений блога будет заключена лишь в простом копировании лишь части кода и установки в гаджет HTML и JavaScript в сайдбаре блога.В результате установки и замены урл блога на свой на ваших страницах автоматически должны появится такие вот стильные ссылки на последние сообщения блога опубликованные на вашем проекте.

<div class='jump-link'><script style="text/javascript" src="http://olusegun-fapohunda-calculator.googlecode.com/svn/justnaira/recent-post.js"></script><script style="text/javascript">var numposts = 10;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script><script src="http://www.v-gol.ru/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>


Для тех же кто не хочет кардинально изменять весь дизайн,то к од для вывода анонсов будет несколько другой.Сам скрипт останется тем же,но следует  изменить привязку стилей к определённому элементу и добавить несколько видоизменённый код такого плана.

<div class='v-golru-link'><script style="text/javascript" src="http://olusegun-fapohunda-calculator.googlecode.com/svn/justnaira/recent-post.js"></script><script style="text/javascript">var numposts = 10;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script><script src="http://УРЛ ВАШЕГО БЛОГА/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div><style type="text/css">.v-golru-link a{ background-color:#408080; font-family: 'Verdana', sans-serif; font-size:12px; text-decoration:none; color:#fff; position:relative; padding:5px 20px; padding-right:30px; background-image: linear-gradient(bottom, rgb(62,51,46) 0%, rgb(101,86,78) 100%); border-radius: 10px; box-shadow: inset 0px 1px 0px #9e8d84, 0px 3px 0px 0px #ccc, 0px 10px 5px #408080;opacity:0.7;</style>

Настройки кода для вывода последних сообщений блога.



Настроек немного и среди основных вывод количества заголовков постов,которое можно изменить заменив цифру 10 в этом фрагменте кода  var numposts = 10;на ту которая будет вас устраивать.Подогнать цветовую гаму можно воспользовавшись визуальным онлайн-редактором ,а сами варианты цвета в цифровом формате можно подобрать на странице код цвета в HTML.












Отправить комментарий