Изменения в шаблоне. Виджет и шапка блога

Модератор: Fleelancer

<<

katarinka

Автор темы

Сообщения: 1

Зарегистрирован: 16 янв 2013, 22:20

Благодарил (а): 0 раз.
Поблагодарили: 0 раз.

Сообщение 16 янв 2013, 22:56

Изменения в шаблоне. Виджет и шапка блога

Здравствуйте! Возникла такая проблема.
Решила отказаться от предлагаемой блоггером шапки и поставить вместо нее свою шапку в виде кликабельной картинки.
Сделала я ее в программе fireworks, которая дала мне код моей картинки. Я решила вставить его в виджет блога и разместила наверху. Но проблема в том, что мне нужно,
чтобы шапка была растянута по всей странице вот так и при этом была рабочая как меню:
http://s020.radikal.ru/i703/1301/f1/4b1dca6ba949.bmp
Сейчас у меня так:
http://s006.radikal.ru/i213/1301/2e/022f9fac716d.bmp

Код который вставляю в виджет:
"<!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->

<!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->

<!--Fireworks CS6 Dreamweaver CS6 target. Created Mon Jan 14 07:50:52 GMT+0400 2013-->

<img name="css210ch202" src="http://s020.radikal.ru/i700/1301/11/91bf1fef6983.gif" width="1100" height="123" id="css210ch202" usemap="#m_css210ch20202"

alt="" /><map name="m_css210ch20202" id="m_css210ch20202">
<area shape="rect" coords="850,65,1113,90" href="http://thefreeflight.blogspot.ru/p/e-mail-katrinzhidkovayahoo.html" alt="" />
<area shape="rect" coords="743,65,1025,90" href="http://thefreeflight.blogspot.ru/search?q=useful&amp;x=18&amp;y=16" alt="" />
<area shape="rect" coords="578,61,924,90" href="http://thefreeflight.blogspot.ru/search?q=inspiration&amp;x=28&amp;y=16" alt="" />
<area shape="rect" coords="515,65,757,90" href="http://thefreeflight.blogspot.ru/search?q=interesting&amp;x=23&amp;y=12" alt="" />
<area shape="rect" coords="460,65,586,90" href="http://thefreeflight.blogspot.ru/" alt="" />
<area shape="rect" coords="53,10,454,103" href="http://thefreeflight.blogspot.ru/" alt="" />
</map>

</!doctype></!doctype>"

Прошу подсказать, что сделать. Спасибо :)
<<

Gene

Аватара пользователя

Сообщения: 358

Зарегистрирован: 12 ноя 2011, 04:58

Благодарил (а): 0 раз.
Поблагодарили: 32 раз.

Сообщение 17 янв 2013, 01:27

Re: Изменения в шаблоне. Виджет и шапка блога

Здравствуйте. На самом деле, сделать нужно немало:
1. Не используйте хостинг картинок радикал, он медленный и ненадёжный. Чтобы только скачать ваш gif файл у меня ушло 7 секунд, это неприлично много и будет очень раздражать ваших посетителей. Вместо этого воспользуйтесь хостингом самого блоггера.
2. Картинку нельзя ужимать или расширять под размеры страницы, она от этого будет выглядеть неестественно. Вместо этого нужно задавать фиксированную ширину блога. Либо сделать края картинки монотонными и растягивать уже только их, оставляя центральную часть нетронутой.
3. Не использовать карту, вместо этого выделать из вашей картинки фон и надписи и использовать их наложение. А лучше картинки надписей совсем убрать, заменив их на близкий по виду текст.
4. Картинку пережать в png (желательно из bmp-шного исходника, а не из того gif файла, что вы дали здесь.

Это самое первое, что приходит на ум, в процессе работы могут ещё какие-то идеи появиться. Направил вам сообщение в личку.
Graddit - полезные виджеты для вашего блога: рейтинги, похожие статьи, лучшие материалы.

Вернуться в Вопросы от новичков

Кто сейчас на конференции

Зарегистрированные пользователи: Bing [Bot]

Работает на phpBB © 2000, 2002, 2005, 2007 phpBB Group. Дизайн ST Software и Blogger Форум. Русская поддержка phpBB
ЧПУ ссылки от phpbb seo