Как да вмъкнете снимка в заглавна част

Съдържание:

Как да вмъкнете снимка в заглавна част
Как да вмъкнете снимка в заглавна част

Видео: Как да вмъкнете снимка в заглавна част

Видео: Как да вмъкнете снимка в заглавна част
Видео: Какие слова пишутся с заглавной буквы? 2024, Ноември
Anonim

Често, с подобна функционалност, картинка в заглавката на сайт или блог придава необходимата индивидуалност, а предлаганите шаблони, от друга страна, често са просто „безлични“. Удобно е да поставите фирмено лого или снимка с географско местоположение или определени снимки, които са важни за собственика на сайта, в самия връх.

Код, водещ до връзката към картината в заглавката на сайта
Код, водещ до връзката към картината в заглавката на сайта

Необходимо

Умения за работа в графичен редактор

Инструкции

Етап 1

Ако имате мениджър на сайт, той обикновено включва функцията „промяна на картината“. В този случай просто трябва да замените своя.

Анализирайте внимателно системата си за управление на съдържанието. Ако нямате желаната функция, ще трябва да влезете в html кода. Ако работите с Joomla, потърсете файла: mw_joomla_logo.png, той се намира в папката images в папката на шаблона (Joomla имплантира template_name imagesmw_joomla_logo. png) За да промените картината: в html html код на сайта ("view"> "view html code").

Намерете "заглавката", маркирана с маркери за глава

Намерете снимка, като разгледате таговете img в заглавието

Връзката към снимката изглежда така: img src = "picture.jpg"

Стъпка 2

Изтеглете и анализирайте размера и теглото на картината.

В графичен редактор нарисувайте своя собствена картина на същите параметри

Качете изображение на сървъра, поставете го в същата директория, където са всички изображения на сайта (или в обикновена мрежа, или в албум от изображения, най-важното е, че съхранението е дългосрочно)

Стъпка 3

Отворете отново кода на сайта.

Заменете адреса на вашата снимка вместо този, който е там сега.

Като предпазна мрежа можете да зададете точния размер на картината и невидимите граници, както следва:

img src = "image address / picture.jpg" alt="Обяснение на картината"

Тагове, означаващи:

img = изображение - изображение.

src = source - източник, т.е. адрес

граница = граници. Ако играете с тази стойност, около картината ще се появи контур (щрих).

alt = алтернативен - текст, който ще бъде заменен вместо изображения, ако те са изключени от изгледа (за да се спести трафик, например). Този текст, тъй като е невидим, все още се чете от търсачките и може да служи като добър инструмент за популяризиране на вашия сайт. Запазете кода с ново изображение.

Изчистете кеша, ако е необходимо. Може би старото изображение все още е заредено в него и то не показва правилно вашия сайт.

Препоръчано: