Показаны сообщения с ярлыком Шаблоны. Показать все сообщения
Показаны сообщения с ярлыком Шаблоны. Показать все сообщения

суббота, мая 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 поиграйте, должно получиться      Спасибо! Получилось!
___________________________________________________________________
Буду продолжать работу над усовершенствованиями своих шаблонов.
Удачи тебе, Прокофевна!!!!
*******************************************************************

понедельник, апреля 13, 2009

Убрала значки “быстрое редактирование” гаджетов

Не знаю как кого, а меня вот эти “значки быстрого редактирования гаджетов-виджетов” просто убивают.

Я их называю “значки железнодорожника”…. В общем, не нравятся и все    -    раздражают….
Пошла искать в инет…  Нашла
Нужно вставить в шаблон вот этот кусочек кода:
.quickedit{display:none;}
Куда? А смотрим скрин:
Вот теперь порядок! Прошло раздражение от мозолящих глаз “железнодорожных значков”!!!!!
Молодец, Прокофевна!!!