суббота, мая 02, 2009

Из стандартного шаблона…

Решила под свои нужды подогнать обыкновенные стандартные шаблоны, которые предлагают в службе  Blogger.
Пришлось немного их протестить и  прикинуть их возможности. Знаний по стилям и различным другим примочкам у меня 0(большой ноль), так что исходила из реалий и своих возможностей.
Итак, выблала шаблон….Не stretch   -    резиновые шаблоны не дружат с столь любимым мной редактором Windows Live Writer.
  1. Расширила шаблон, поменяв  его ширину
  2. Убрала рамку-ограничитель в шапке блога( она мешает при подгоне  моей индивидуальной картинки).  Для этого ищем в шаблоне:
#header-wrapper {
width:660px;
margin:0 auto 10px;
border:0px solid $bordercolor;
}
#header {
margin: 5px;
border: 0px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}
В оригинале  в выделенном красным стоит 1px, а нужно поменять (как я и сделала) на 0px      -    рамка исчезла.
         3.Добавила  место под “Ad page element”( Добавить гаджет)  над шапкой блога, под шапкой и над областью поста. Писала об этом в сообщении: "Добавляем элементы на страницу шаблона"…Когда писала этот пост, не очень ясно представляла  значение проставленных цифр( поменять 1 на 3..4..5.. и т.д.). А это очень важно, ибо в дальнейшем, если захочу создать гаджет под меню-бар, то от этой цифры будет зависеть сколько разделов там можно будет создать.
         4. Убрала Navbar подальше от шаловливых ручек. На самом деле, для посетителей не вполне ясно  что обозначает “Пометить блог”. Иногда из чисто хороших побуждений нажимают на эту проклятую кнопку, и блог оказывается в черном списке.
         5. Меня очень раздражают значки “значки железнодорожника”      -     убрала их ( " Убрала значки "быстрое редактирование"")
         6. Подготовила изображение для шапки блога. Делала это с помощью программы PhotoScape,  о которой вычитала еще прошлым летом в DemoBlog(e)
         7. Вставила подготовленное изображение в шапку блога. При дальнейшем обсуждении  изображения для шапки блога мне очень помогли советами мои комментаторы( Jusha).
         8.Добавила  “Облако ярлыков”    -    руководствовалась простом от Вячеслава Костина "Облако тегов на Blogger(blogspot.com)"
         9. Добавила архив блога в виде календаря      -     руководствовалась  постом из Пановости  и оригиналами кода из Phydeaux3.
       10. В шаблоне не понравились большое межстрочное пространство… Пошла на Форум, задала вопрос и получила подмогу от Бродячего Проповедника
/* Posts
----------------------------------------------- */ (в это разделе
шаблона ищешь следующий кусок)
.post p {
  margin:0 0 .75em;
  line-height:1.4em; (вот эта переменная и есть расстояние между
строчек - поиграйся с ней и сделай как тебе удобнее)
У меня по умолчанию стояло 1.6em. Я снизил до 1.4em.     -   я снизила до 1,2 em
        11. В стандартных шаблонах не всегда можно проставить желаемый цвет названия поста. Справиться с этой проблемой мне помог Денис (“ Когда даешь себя приручить, потом случается и плакать. Антуан де Сент-Экзюпери “Маленький Принц””     -    понравилось"!) :
ищите блок:
.post-title a, .post-title a:visited, .post-title strong {
text-decoration: none;
color: #000000;
font-weight: bold;
вот color и надо поменять.         -     спасибо подсказке Дениса, поменяла колер.
        12. Теперь меня не устраивала величина шрифта названия поста. В стандартном шаблоне она зачастую привязана к величине текста. Получается некрасиво. Опять попросила помощи. Помог Денис:
> Как увеличить величину шрифта названия сообщения.
так. ищите это:
.post-title {
margin: 0;
padding: 0;
font-size: 125%;
font-weight: bold;
line-height: 1.1em;
процентами в font-size поиграйте, должно получиться      Спасибо! Получилось!
___________________________________________________________________
Буду продолжать работу над усовершенствованиями своих шаблонов.
Удачи тебе, Прокофевна!!!!
*******************************************************************

10 комментариев:

  1. Маладца, бабуля))) Так держать))) А сколько тебе годков?

    ОтветитьУдалить
  2. Скоки! Скоки!!!
    Скоки бы не было - усе мои!
    Ну прикинь на фотке в моем профиле( фотка пятилетней давности)...Выставить тебе фотку в профиль ?( Хи-хи, дело будешь заводить?)
    Спасибо тебе за помощь...

    ОтветитьУдалить
  3. Ой, как здорово, Прокофьевна, прямо руководство к действию! Я вас правильно понимаю: берем обычный стандартный блоггерский шаблон и делаем с ним "что хошь"?

    ОтветитьУдалить
  4. Все правильно... Берем обычный стандартный блоггерский шаблон....
    Но..... Стрейч, то есть , расстягивающийся, для таких целей лучше не брать....
    С различными готовыми узорчатыми рамками или закругленными полями тоже лучше не брать. ( можно конечно, если вы хорошо владеете всеми премудростями)..
    Хорошо получается из первого (Minima) и второго по счету(не помню название) - но только не стрейч.
    Дерзайте! Я ведь рискнула...
    Буду и дальше совершенствовать свои шаблоны.... И писать об этом...

    ОтветитьУдалить
  5. Спасибо, будем пробовать а то мой узкий надоел.

    ОтветитьУдалить
  6. Я даже удивлён, за такой короткий срок вы перешли к редактированию шаблона при помощи изменения html кода вручную. Я на изучение всего этого потратил больше 2-х лет. Это очень хороший результат.

    Ещё я могу вам посоветовать скачать одну библиотеку для firefox - firebug 1.2.0a21x и вы сможете при помощи неё изначально загрузив html страницу предварительно изменять её код(Html, Javascript, CSS), смотреть на результат. Я её всегда использую для разработки дизайна.

    ОтветитьУдалить
  7. Здравствуйте!
    А я у Светы с Кайлом прочитал, что Вам так и не удалось восстановить свои блоги. Рад видеть, что все не так!

    ОтветитьУдалить
  8. Генадий, правильно прочитали...
    Мне действительно не удавалось получить доступ к своим блогам целых три года.
    А потом что-то щелкнуло у Гугла - и вот я снова в своих блогах.

    ОтветитьУдалить