4.26.2009

FAQ для Прокофевны

4 коммент
Как я изменяю стандартный шаблон под свои нужды

Рассматривая ваш шаблон Прокофевна, я понял, что вы взяли готовый у кого то, кто бесплатно их раздаёт. Тот шаблон, который сейчас у вас, его очень сложно изменять, так как он полностью переделан.

У стандартных шаблонов структура сообщений одинакова, а у таких как у вас изменена. Некоторые элементы работать не будут. Я с самого начала столкнулся с этой проблемой, и всю первую неделю над этим проработал, а то есть потерял. Такой шаблон при изменении чего либо - это бесконечные ошибки и неполадки с дизайном.

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

Это намного дольше, но "навечно".

Рассказать вам Прокофевна всё, как я подстраивал шаблон под себя не могу, это не будет иметь смысла. Для моих глобальных объяснений нужно знать что такое html, css, javascript и знать как с ними всеми работать. Подстройка шаблона в плане дизайна, это огромная работа с css и html кодом; в плане быстроты, техники исполнения - это работа с javascript.

Те вещи которые легки для понимания и которые можно сделать не зная html и... , я расскажу.

У вас был вопрос : "Как выделить тело поска определённым цветом".

Опять сталкиваясь с шаблонами стандартными - это процедура подходит ко всем, но зная, что у вас шаблон переделан, то будет это исполняться по другому.

У стандартных нужно добавить стили перед тегом

.post {
background:#FFFFFF;
padding:1em;
}


Но в вашем блоге Эксперимент, нужно добавлять другие стили:

.posts {
background:#fffff;
padding-left:0.5em;
padding-right:0.5em;
}


(#fffff - это шеснадцатеричный код цвета, его можно поменять. См. RGB-таблицу цветов)

Чтобы постоянно не испытывать дискомфорт из-за шаблонов виджета, я предлагаю вам скачать шаблон, который специально для вас создал:
Этот шаблон многофункционален, примерно схожен с дизайном вашего блога Эксперимент,
имеет облако тегов, архив блога в виде календаря, индикатор загрузки, установлено пост-резюме (читать полностью), тело поста мало изменено, подлежит исправлению, я не ставлю на свой блог или сайт ссылки, этот шаблон имеет резиновый дизайн(сделан на основе Yahoo сетки См. сайт yahoo сетки). Некоторые собственные ваши виджеты вы можете добавить.

Скачать шаблон Просмотреть

Как пользоваться некоторыми функциями этого шаблона:

  1. Пост-резюме(Читать полностью...)
    Если вы хотите, чтобы на главной странице была видна только часть какого то сообщения, а не полностью, нужно ту часть которую нужно будет скрыть поместить между тегами
    <div class="fullpost">.................................................</div>
    При нажатии на ссылку "Читать полностью...", будет отображаться полное сообщение.
    Если вы не ставили эти теги в сообщение вообще, то ссылка "Читать полностью..." будет находиться в конце поста.

  2. Архив блога в виде календаря
    Чтобы этот виджет работал нужно сделать следующее:
    Зайдите в настройки данного виджета, выберите стиль: список
    обновлять: каждый месяц.
    Всё! Этот гаджет установлен. Сразу под календарём будет список

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

  3. Облако тегов - его изменять не надо. Если вы удалите этот виджет, то облако тегов придётся по новой устанавливать. Копия виджетов здесь не поможет.

  4. Резиновый дизайн - его делал не я. Изменять не стоит.

4.24.2009

Добавить индикатор загрузки страницы(spinner)

1 коммент
Для того, чтобы добавить индикатор загрузки, много усилий не потребуется:

найдите тег
<body>

(в своём шаблоне виджета) и замените на код расположенный ниже:




<body onLoad='init()'>
<span class='spinner1' id='loading' style='position:absolute;
text-align:center; top:10px; right: 10px;'><img border='0'
class='sp1'
src='http://image-host.com/images/ljgx70fz3uyvr1jkfxi.gif'/>Идёт
загрузка...</span>
<script>
var ld=(document.all);




var ns4=document.layers;
var ns6=document.getElementById&amp;&amp;!document.all;
var ie4=document.all;




if (ns4) ld=document.loading;
else if (ns6)
ld=document.getElementById(&quot;loading&quot;).style;
else if (ie4)
ld=document.all.loading.style;




function init() {
if(ns4){ld.visibility=&quot;hidden&quot;;}
else if (ns6||ie4) ld.display=&quot;none&quot;;
}
</script>


Теперь индикатор загрузки добавлен, но с моего альбома хоста и моего фона, поэтому вы можете(по собственному желанию) заменить изобрежение spinner (код выделен оранжевым) на своё.

Я эту процедуру делал через сайт, ссылка на который находится ниже.

Скачать индикатор загрузки
На этом сайте можно задать цвет фона индикатора, а затем цвет области прокрутки. А потом скачать нужный вам spinner
.

4.09.2009

Блог на пять звёзд

5 коммент
Для любого блоггера важна обратная связь с читателями. Как вы понимаете, в этой статье я буду писать о том, как сделал после каждого сообщения "опрос" в виде пяти звёзд(пример на изображении снизу). Я с первого дня ведения блога мечтал иметь такую мелочь чтобы иметь обратную связь с читателями блога. Чтобы получить пятизвёздочный опрос, нужно сделать следующее:

  1. Зайдите на сайт http://www.outbrain.com/
    Найдите слева боковую панель, на ней вы увидите множество кнопок, вам понадобится кнопка, на которой изображён значок блоггера. Вы должны навести курсор и кликнуть по нему(Пример на изображении спизу)


После нажатия кнопки найдите строчку "STEP 2: Install widget ", рядом с ней есть поле списка, выберите свой язык. Затем надмите на кнопку Get Widget Now (Пример изображён справа)













Затем добавьте виджет в свой блог (блог можно выбрать). Расположение гаджета который будет автомотически создан роли не играет. Названия может не быть.
Жмём добавить виджет. После этого на вашем блоге есть пятизвёздочный тип голосования.

Последние комментарии