ßê çì³íèòè øèðèíó øàáëîíó joomla

Joomla º îäí³ºþ ç íàéá³ëüø íàñòðîþþòüñÿ ³ äîáðîçè÷ëèâèõ ïî â³äíîøåííþ äî êîðèñòóâà÷³â CMS. Âèêîðèñòîâóþ÷è ìîæëèâîñò³ äàíî¿ ñèñòåìè óïðàâë³ííÿ ñàéòàìè ìîæíà íå ò³ëüêè íàïîâíþâàòè ñàéò ð³çíèì ôóíêö³îíàëîì, àëå ³ çì³íþâàòè éîãî çîâí³øí³é âèãëÿä íà îñíîâ³ âñòàíîâëåíèõ øàáëîí³â.
ßê çì³íèòè øèðèíó øàáëîíó joomla
²íñòðóêö³ÿ


1
³äêðèéòå ãîëîâíó ñòîð³íêó âàøîãî ñàéòó.  ìåíþ âèêîðèñòîâóâàíîãî áðàóçåðà âèáåð³òü ôóíêö³þ ïåðåãëÿäó âèõ³äíîãî êîäó ñòîð³íêè. Ó Google Chrome äàíèé ³íñòðóìåíò ðîçòàøîâàíèé â «²íñòðóìåíòè» - «Ïåðåãëÿä âèõ³äíîãî êîäó», â Firefox - «Âåá-ðîçðîáêà» - «Âèõ³äíèé êîä». ßêùî âè âèêîðèñòîâóºòå Opera, òî äëÿ ïåðåãëÿäó HTML-êîä, âèáåð³òü «Âèä» - «Çàñîáè ðîçðîáêè» - «Âèõ³äíèé êîä».
2
Çíàéä³òü äåñêðèïòîð ³ ïîäèâ³òüñÿ âñ³ div ³ ¿õ íàçâè. ³äêðèéòå ôàéë template.css âàøîãî øàáëîíó çà äîïîìîãîþ áóäü-ÿêîãî òåêñòîâîãî ðåäàêòîðà ³ çíàéä³òü áëîê, â ÿêîìó ÿâíî çàäàíà øèðèíà width. Íàïðèêëàä, ÿêùî ï³ñëÿ ñòî¿òü, òî ó ôàéë³ template øóêàéòå íàçâó block. Äëÿ ñïðîùåííÿ ïîøóêó ìîæíà ñêîðèñòàòèñÿ ôóíêö³ºþ «Ïðàâêà» - «Çíàéòè» â³êíà ðåäàêòîðà. Ïåðåãëÿíüòå âñ³ div, çàçíà÷åí³ ó âèõ³äíîìó êîä³ ñòîð³íêè.
3
Ó ïàðàìåòð³ width ââåä³òü ïîòð³áíå çíà÷åííÿ ó â³äñîòêàõ àáî ï³êñåëÿõ. Ïåðåãëÿíüòå ³íø³ áëîêè, ÿê³ ìàþòü òàê³ æ çíà÷åííÿ øèðèíè, ³ àíàëîã³÷íèì ÷èíîì çì³í³òü ¿õ. Íàïðèêëàä, ÿêùî âè â ãîëîâíîìó øàð³ äîäàëè äî øèðèíè 200 ï³êñåë³â, òî òðåáà äîäàòè ö³ æ 200 ï³êñåë³â ³ â ³íø³ áëîêè.
4
ϳñëÿ çàê³í÷åííÿ âíåñåííÿ çì³í çáåðåæ³òü ôàéë ³ ïîäèâ³òüñÿ îòðèìàíèé ðåçóëüòàò, ïðè íåîáõ³äíîñò³ ïîäðåäàêò³ðóéòå template.css ùå ðàç. ßêùî â ÿêîñò³ ôîíó áëîê³â â øàáëîí³ çàñòîñîâóþòüñÿ çîáðàæåííÿ, òî øâèäøå çà âñå äîâåäåòüñÿ çì³íèòè ³ ¿õ ðîçì³ð. Òàêîæ äëÿ êîæíîãî div âè ìîæåòå çàäàòè âëàñíèé ôîíîâèé êîë³ð, ÿêèé ìîæå çàì³íèòè îäíîòîííó êàðòèíêó. ßêùî â äèçàéí³ ñàéòó ïðèñóòí³é ëîãîòèï, òî éîãî âè çìîæåòå ðîçòÿãíóòè çà äîïîìîãîþ áóäü-ÿêîãî ãðàô³÷íîãî ðåäàêòîðà.  øàáëîíóõ òàêîæ ìîæíà âèêîðèñòîâóâàòè ñâî¿ çîáðàæåííÿ.

Óâàãà, ò³ëüêè ÑÜÎÃÎÄͲ!