Белая Шляпа

Ну вот и свершилось то, о чем я думал днями и ночами. Латинос, которого я полюбил за эти месяцы, добрый и романтичный латинос, которого зовут Альфредо, стал зримым “наставником” моего блога.

Мои скромные знания CSS и HTML наконец позволили усадить Альфредо присматривать за “Белой Шляпой” и в награду за работу подать ему сигару и бокал вина.

Вкратце мне удалось описать жизнь Альфредо в моей статейке Логотипы для блога. Оказалось, что он глава обычной гаванской семьи, каких тысячи на Кубе. Живут они со своей старой Хуанитой бедно, но счастливо и никакие невзгоды не могут стать препятствием на пути их тихой стариковской любви. Дети их давно стали взрослыми и разлетелись кто куда, только младшая дочка никак не может найти свою судьбу и после второго развода опять вернулась в отцовский дом. Карьера Альфредо не сложилась, отчасти из-за его вспыльчивости и нетерпимости к несправедливости начальства, отчасти от того, что средний сын пять лет назад сбежал в США, предав «идеалы» Че Гивары и Кастро. Альфредо так и вышел на нищенскую пенсию обычным рабочим на табачной фабрике, не сумев сделать ни одного шага по карьерной лестнице. Сейчас Альфредо со своей Хуанитой собрался к дочке своего старого соседа и друга детства,  на свадьбу и по этому случаю откупорил бутылочку красного вина, которая хранилась у него еще с того времени, как несколько лет назад его племянник Луис вернулся из командировки в Венесуэлу, где он осваивал новую профессию по намотке электродвигателей для глубинных водяных насосов на большом заводе в столице дружественной республики. На торжественные случаи в семье Альфредо все мужчины всегда надевали белые широкополые шляпы и закалывали красный цветок в петлицу. Так было и на этот раз. Вот скоро соберется старая Хуанита и поможет закрепить на пиджаке красную розу, купленную по дешевке у бедной уличной торговки  накануне вечером.

За основу была взята вот эта фотография:

Пришлось немного обработать ее в фотошопе и для вставки в «шапку» осталась только ее маленькая часть, а поскольку красного цветка не стало видно я добавил еще и розу, а для завершения картины еще и бокал с вином. И вот что получилось:

Но где же сигара?! Как может быть кубинец без сигары?! Никак! Вот я и добавил вот из этого исходника:

Вот такую вот руку с сигарой и подрисовал немножко дыма:

Потом в файле темы style.css два класса и назначил им фон соответственно латиноса с розой и руку с сигарой. Код выглядит так:

[sourcecode language='css']
.sigar {
background: url (images/sigar.png);
width: 98px;
height: 122px;
position: absolute;
display: block;
top:32px;
left:80px;
z-index:100;
}
[/sourcecode]

И следующий

[sourcecode language='css']
.rose {
background: url (images/rose.png);
width: 370px;
height: 120px;
position: absolute;
display: block;
top:5px;
left:175px;
z-index:100;
}
[/sourcecode]
А в файле header.php просто прописываем две простые строчки:
[sourcecode language='html']

[/sourcecode]
Стоит ли говорить, что если кто-то из моих читателей возьмется делать дополнительные слои к своей теме, то приведенные коды не подойдут ему по некоторым, а скорее всего, по всем параметрам. Но как шаблон их можно использовать, а значения подставлять свои. Повторим, что же самое главное в создании дополнительного слоя в теме для WordPress.

1. Создать в файле *.css темы класс с абсолютным позиционированием (position: absolute) и отображением в виде блока (display: block).

2. Не забыть задать для созданного блока значение по оси Z, иначе он не будет виден совсем или будет видна только его часть

3. Создать прозрачную картинку *.png и загрузить ее на сервер

4. Задать созданную в п.3 картинку фоном ранее созданному блоку, указав относительный путь к ней

5. В месте куда мы помещаем блок присвоить стиль созданного класса (

<div class="newblock"></div>)

Не знаю стоит ли, но теперь мне с моим Альфредо хочется попробовать записаться в какой нибудь рейтинг блогов с оригинальным оформлением. Хотя, для этого еще многое не сделано.

Хоть я и говорил, что не буду делать вкладки в сайдбаре, все таки я, скорее всего, передумаю и один или больше блоков на jquery, все таки сделаю, по крайней мере, посмотрю и попробую, что же из этого получится.

Читайте по теме:

• Похожих записей пока нет.