HTML and CSS

HTML and CSS

{Лаборатория экстремальной web-верстки...}

Отдам в хорошие руки…

Отдам в хорошие руки…

По многочисленным просьбам трудящихся на ниве взращивания кнопки "бабло", о которой так много и красочно пишет Мастер Lasto на страницах своего блога, совершенно безвозмездно раздается дизайн для "nano-CMS" сделанный на основе последнего апгрейда блога (default) - версия "LastoBlog SerpSitting".

В наличии три варианта:

  • Стандартная трех колоночная разметка – left-content-right
  • Двух колоночная разметка – left-content и content-right

Стучимся в "Email", но имейте толику терпения, если по каким либо причинам ответ задержится.

В комплект поставки входят следующие файлы:

  • файл стилей
  • _desing.php
  • _add.php

*** ***** ***

Многим понравилась возможность изменения размера шрифта в обновленной версии блога. Идя навстречу пожеланиям и даже требованиям :), предлагаю оснастить "nano-CMS" скриптом позволяющим увеличивать или уменьшать размер шрифта в области контента.

Данный скрипт любезно предоставлен Вадимом Николаевичем.

Пошаговая инструкция внедрения:

Шаг № 1

<div class="fonts">
<a title="минус" 
 onclick="javascript:ts('changefont',-1);" href="#">Уменьшить</a>
  Шрифт  
<a title="плюс" 
 onclick="javascript:ts('changefont',1);" href="#">Увеличить</a>
</div>

Этот блок необходимо разместить в файле desing.php, вместо выделенной зеленым цветом строки, приведен лишь фрагмент кода:

<div class="middle">
  <div class="main">
    <div class="wrap"> 
      <div class="content" id="changefont">
        <!-- !!! Вот тут !!! -->
        $content

И дополнительно прописать идентификатор - changefont, он также выделен цветом.

Аккуратность и внимательность при проведении манипуляций с кодом не повредит.

Шаг № 2

Стили оформления скрипта:

.fonts {
  font:bold 11px Arial,sans-serif;
  text-align:right;margin:6px 15px;
}
.fonts a {color:#777;text-decoration:none;}
.fonts a:hover {color:#a00;}

Эти три строчки надо добавить в конец файла стилей. Цвет и размер шрифта для "выбилалки", подбираем на свой вкус.

Возникающие вопросы и проблемы в комментарии или на "Email".

P.S. От 14 Мая 2009

Самое главное было упущено :)

Необходимое дополнение:

Шаг № 3

Перед закрывашкой </head> необходимо прописать:

<script type="text/javascript">
   var szs=new Array( '10px','11px','12px','13px','14px','15px','16px','17px','18px','19px' );
   var startSz=0;

function ts (trgt,inc) {
   if (!document.getElementById) return;
   var d=document,cEl=null,sz=startSz,i,j,cTags;
   sz+=inc;
   if (sz > 0) sz=0;
   if (sz < 9) sz=9;
   startSz=sz;
   if (cEl=d.getElementById(trgt)) cEl.style.fontSize=szs[sz];
}
</script>

RSS лента ВСЕГО блога с комментариями RSS лента ВСЕГО блога БЕЗ комментариев RSS лента этой КАТЕГОРИИ с комментариями RSS лента этой КАТЕГОРИИ и БЕЗ комментариев RSS лента ЭТОГО ПОСТА с комментариями к нему

09 мая 2009, 00:37
№ 1Хочется шаблон
Да, я бы не прочь помучать шаблончик :)

Ваш профессионализм, Мастер, растёт не по дням, а по часам...
10 мая 2009, 00:10
№ 2Не арбайтен...
Не работает скриптик...

Может нужно ещё что-нибудь прописать типа

И шаблончик всё ешё хочу... :)
10 мая 2009, 13:46
№ 3Рабочий...
Игорь.
Скрипт проверен, затачивался именно под nano-CMS.
Три варианта дизайнов выслал.
gordi
11 мая 2009, 23:48
№ 4Re: Рабочий
"Три варианта дизайнов выслал."
Шаблоны получил, спасибо, Сергей.

"Скрипт проверен, затачивался именно под nano-CMS."
А есть страничка примера работающей версии?
14 мая 2009, 19:58
№ 5Re: Re: Рабочий
К № 2, 4
Игорь, спасибо за замечание.
Долго думал, что не так :)
Смотрим P.S. к посту.
Рабочий вариант - http://trifler.ru
gordi
Адрес заметки: http://trifler.ru/blog/post_1241366326.html
Ваш комментарий к статье:



cod


Примечание:
Обязательные для заполнения поля помечены карандашом
email при указании не будет опубликован.
Адреса с http:// преобразуются в ссылки автоматически
Теги запрещены
English German French Spanish Italian Japanese
  • Programming V. Lasto
  • Designer S. Gordi
  • Created in 0,02857 seconds
  • © 2007-2010