Вставляем свои картинки в шаблон
В данном посте я расскажу как установить свои картинки в шаблон, поменять картинку в заголовке, сделать свой фон страницы и картинку которая отображается в командной строке и закладках.
Конечно же, если вас устраивает стандартный вариант то дальше можно и не читать.
Итак меняем картинку в заголовке(я делал именно так и результат меня полностью устроил):
Для этого заходим в МАКЕТ>ИЗМЕНИТЬ HTML> ставим галочку в расширить шаблоны виджета
и далее находим в коде следующую строку:
#header-wrapper {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
background: url(http://i779.photobucket.com/albums/yy80/Mikke_st/header5.jpg);
В строчке выделенной желтым цветом находится URL адрес картинки заголовка страницы.
Копируете этот адрес и открываете его в новом окне, в нем откроется изображение которое вы сохраняете к себе на диск, а дальше, я использовал Photoshop, изменяете по вашему усмотрению.
Для чего сохранять старую картинку? Отвечаю: чтобы знать точные размеры изображения.
Все изображение готово. Теперь его надо загрузить в блог. Для этого можно воспользоваться web альбомом Picasa, но я пользуюсь сервисом photobucket.com , заходим, регистрируемся и загружаем свою картинку на сервер. Далее копируем ссылку на изображение в Photobucket.com
и вставляем ее вместо того адреса url, который был. Вот в принципе и все. Кстати, изображение сохраняйте в формате JPG , PNG или GIF...
![](http://2.bp.blogspot.com/_CXpPZ35Tn4Q/SpQPX3AMI-I/AAAAAAAAAFA/5H5CvkF-lZA/s320/museum-walls.png)
body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
color: $textColor;
background: url(http://i779.photobucket.com/albums/yy80/Mikke_st/fono.jpg)
![](http://4.bp.blogspot.com/_CXpPZ35Tn4Q/SpQPLVPwvKI/AAAAAAAAAE4/Ux0xmDyvpQE/s320/icon.png)
- это изображение которое показывается в командной строке или закладках браузера.
В стандартном варианте стоит значок BLOGGER(a).
Для смены нужно вставить перед закрывающим тегом < /head> вставляем следующий код:<link href='адрес вашей картинки' rel='icon' type='image/тип вашей картинки'/>
Вместо строки "адрес вашей картинки" вставляем ссылку на ваше изображение которое находится, у меня на photobucket.com.
А вместо слов "тип вашей картинки" вставляем формат в котором сохранена ваша.(это GIF,PNG или JPG). В моем случае это выглядит так:
< link href='http://i779.photobucket.com/albums/yy80/Mikke_st/icon.png' rel='icon' type='image/png'/>
P.S.
Перед изменением кода не забывайте делать запасную копию шаблона, чтобы не было обидно. ![Блогун - монетизируем блоги](http://www.Blagun.ru/it.000000.059004.i.gif)
спасибо за помощь. Отличная тема.
Да, я попытался сделать, что-то наверно упустил. Пропали управления гаджетами и весь интерфейс изменился. Вы не знаете как вернуть все назад. Кстати вместо вкладки макет - шаблон. У меня уже руки опустились
А для вордресс приминимо все это.
Никогда не опускайте рук)))Если долго мучиться,что-нибудь получиться)))
Да в вордпрессе все работает
Отправить комментарий