Predtým, ako začnete meniť hlavičku webu vytvoreného na okis.ru, stiahnite si súbory pre ďalšiu prácu.
Takže ako zmeniť hlavičku webu na okis.ru? Najskôr rozbaľte stiahnutý súbor a nájdite tam hlavičku webu s názvom shapka.png... Musíme to nahrať na našu webovú stránku. Ako to spraviť? Na ovládacom paneli stránky prejdite na položku „Nahrať fotografie“.
Tu môžete na stránku nahrávať obrázky.
Pred nahraním hlavičky nášho koktailového webu určite zrušte začiarknutie možnosti „Zmenšiť veľkosť obrázka na 500 x 500 px“ pretože hlavička je širšia ako 500 px. Zrušili sme začiarknutie políčka, teraz stlačíme „Prehľadávať“, nájdeme súbor shapka.png a stlačíme „Otvoriť“.
Po nahraní obrázka sa nižšie zobrazí odkaz na hlavičku našej stránky.
Prejdite do editora CSS -> Upraviť CSS... Tentokrát použijeme pomocné tlačidlá. Kliknite na tlačidlo „Hlavička stránky“ a zadajte adresu URL odkazu na obrázok s hlavičkou, ktorý sa zobrazuje v paneli správcu vášho webu, a potom kliknite na tlačidlo „Uložiť“.
Kliknite na „Aktualizovať“. Uvidíte, že v poli, kde sú napísané všetky štýly, sa objavil nový kód:
div.art-header-jpeg (pozadie: url (/ PATH_TO_FILE / shapka.png);)
Toto sú štýly pre hlavičku webu.
V mojom prípade je cesta k súboru: /img/cocktail60/shapka.png
Nasledujúci kód je teda napísaný v mojom admin paneli:
div.art-header-jpeg (pozadie: url (/img/cocktail60/shapka.png);)
Máš PATH_ TO_FILE do inej hlavičky
, takže skopírujete odkaz, ktorý sa zobrazuje na paneli správcu.
Aktualizácia domovská stránka stránky a uvidíte, že sa hlavička zmenila. Existuje však malá chyba, ktorú teraz napravíme - ak sa pozriete pozorne, uvidíte, že obrys čiapky v horných rohoch trochu vyskakuje, čo sa do nášho dizajnu nehodí.
Faktom je, že vo všetkých šablónach stránok okis.ru kde sú zaoblené rohy, klobúk sa skladá z dvoch častí: hlavný obrázok ktoré sme stiahli do az obrys čiapky... Zmeňme obrys hlavičky. Vráťte sa na položku „Nahrať fotografie“ na ovládacom paneli webu a nahrajte tam súbor shapka_kontur.png... Pred načítaním obrysu hlavičky nezabudnite zrušiť začiarknutie políčka „Zmenšiť veľkosť obrázka na 500 x 500 px“. V oblasti pre správu sa nenachádza tlačidlo „Obrys hlavičky“, takže štýly pridáme manuálne tohto prvku... IN Editor CSS z nového riadku musíme napísať nasledujúci kód:
div.art-header-png (pozadie: url (PATH_TO_FILE / shapka_kontur.png);)
V mojom prípade je cesta k súboru s obrysom hlavičky nasledovná:
Preto píšem nasledujúci kód:
div.art-header-png (pozadie: url (/img/cocktail60/shapka_kontur.png);}
Nezabudnite, že cesta k súboru je iná ako moja.
Uložte zmeny.
Ak aktualizujete našu stránku, uvidíte, že modré rohy už nie sú pozorované.
Teraz viete, ako zmeniť hlavičku stránky v nástroji na tvorbu webových stránok OKIS. V nasledujúcej lekcii sa dozviete, ako zmeniť spodnú časť stránky na okis.ru.
Ďalšie lekcie o vytváraní a údržbe webových stránok na OKIS:
Lekcia číslo 9. Ako organizovať komunikáciu na webe uskutočnenom na okis.ru
Lekcia číslo 10. Ako aktivovať web na okis.ru pomocou WebMoney
Lekcia číslo 11. Naučte sa pridávať novú stránku na okis.ru a pracovať s obsahom stránky
V tomto článku si povieme, ako umiestniť hlavičku na webovú stránku a ako zmeniť hlavičku na webe WordPress.
Najskôr sa pozrime na to, ako umiestniť hlavičku na web vytvorený nie na nejakom engine, ale pomocou html editora, napríklad Dreamweaver, NVU atď. Na úvod chcem povedať, že každá hlavička stránky je v prvom rade obyčajný obrázok vyrobený v formát jpg alebo png. Preto je zmena hlavičky na ručne vytvorenom webe veľmi jednoduchá: otvorte stránku v editore html stránok, prejdite na samý vrch stránky a potom jednoducho vložte obrázok do táto strana... V NVU je to ešte jednoduchšie: kliknite na ikonu „Obrázok“ a potom vložte adresu obrázka.
Dôležitým bodom je, že odkaz na obrázok musí byť hypertextový, t.j. začnite reťazcom http: //, čo znamená, že musíte najskôr nahrať obrázok na svoje webové stránky, potom skopírovať adresu odkazu na obrázok a túto adresu vložiť na stránku alebo stránky webu.
Ako umiestniť hlavičku na web vytvorený pomocou populárneho nástroja WordPress alebo ako zmeniť hlavičku na webe? Nie je to také ťažké, ako sa na prvý pohľad zdá. Jediným bodom, ktorý by som chcel spomenúť na začiatku, je autorské právo na šablónu. Pravdepodobne viete, že ak si zakúpite alebo stiahnete šablóny pre WordPress zadarmo, nemôžete na serveri iba vziať a zmeniť hlavičku - týmto spôsobom porušujete autorské práva. Hlavičky môžete ľubovoľne meniť iba v šablóne, ktorej práva vám patria, to znamená, že ste si ju vytvorili sami.
Napriek tomu často veľa autorov šablón vychádza v ústrety kreatívnym správcom webu a umožňuje zmenu hlavičiek, mali by ste však autorovi napísať a požiadať o povolenie. Bude to nielen známka dobrého vkusu, ale ušetrí vás to aj pred súdnymi spormi o porušenie autorských práv.
ITC, ako zmeniť hlavičku na webe WordPress:
1. Otvorte šablónu v počítači. Nájdite a otvorte priečinok s obrázkami, ktorý bude obsahovať obrázky vašej šablóny. Hlavička webu bude pomenovaná hlavička. Odporúčam vám tento obrázok skopírovať niekam inam (napríklad na plochu) - pre prípad, že by sa vám niečo v novej hlavičke nepáčilo.
2. Vezmite novú hlavičku webu a otvorte ju v editore fotografií, v ktorom môžete zmeniť veľkosť obrázka. Ak nemáte editor fotografií, kliknite pravým tlačidlom myši na súbor hlavičky a vyberte: „otvoriť pomocou“ a potom v zozname vyberte príkaz Skicár. to základný program na úpravy obrázkov je k dispozícii na ľubovoľnom počítači so systémom Windows.
3. Pomocou tlačidla Zmeniť veľkosť si pozrite rozmery obrázka v pixeloch. Zatvorte program Skicár.
4. Otvorte novú hlavičku (tiež v programe Skicár) a pomocou tlačidla Zmeniť veľkosť nastavte rovnakú veľkosť obrázka v pixeloch ako predchádzajúci obrázok. Ak je obraz nejasný alebo nepríťažlivý, zrušte akciu pomocou tlačidla Zrušiť. Pokúste sa upraviť nový obrázok jeho orezaním (Orezať) alebo vyberte nový obrázok. Veľkosť má zásadný význam, inak bude stránka „ísť“ za vás.
5. Keď máte požadovaný obrázok, uložte ho do priečinka Obrázky v šablóne pod rovnakým názvom hlavičky. Upozorňujeme, že ak bol pôvodný obrázok vytvorený vo formáte jpg, nový obrázok musí byť tiež v tomto formáte. A ak je pôvodný obrázok vytvorený v png, urobte nový tiež v png.
Prečo je to dôležité? Faktom je, že WordPress funguje v php, teda v jednom z vašich súborov šablón v jazyk php píše sa, že šablóna odkazuje na obrázok určitého formátu. Ak zmeníte jeho formát (namiesto jpg vložte png alebo gif), hlavička sa nezobrazí.
6. Teraz nahrajte novú šablónu na hosting (priečinok wp-content / themes).
Na externých burzách zákazníci často požadujú zmenu vzhľadu nejakého fragmentu webu, napríklad hlavičky. Najjednoduchší spôsob zmeniť hlavičku webu je vytvoriť ho od nuly. Prečo si to myslím? Prosím, budú tu argumenty.
Keď otvorím zdrojový kód stránok niekoho iného, až na výnimky, uvidím neštruktúrované Html nekonzistentný kód CSS a neexistujú takmer žiadne komentáre. Je veľmi ťažké sa v takom chaose orientovať a chápem, že je pre mňa rýchlejšie robiť to znova a znova.
Takýto neporiadok sa vyskytuje na neprofesionálnych webových stránkach, a preto sa zákazník s takýmito majstrovskými dielami obracia na nezávislých pracovníkov. Kompetentne vyrobené stránky sa zriedka menia, takže pravdepodobnosť, že narazíte na nekvalitne vyrobené stránky, je veľmi vysoká.
Špeciálne pre tento článok som vytvoril snímku jednej nádhernej hlavičky, náhodne nájdenej na internete, na nejakej stránke a ja ju vylepším a podrobne popíšem celý proces.
Takto vyzerala hlavička pred zmenami:
Táto tvorba má zjavný nedostatok miesta pre všetky prvky. Z takého hustého susedstva prvkov a absencie prázdneho priestoru sa oči zhromaždia na hromade. Musíme uvoľniť priestor vytvorením nového riadku s kontaktnými informáciami.
Čo by som zmenil v dizajne?
- Písmo a farba loga
- Veľkosť a farba zvyšku písma
- Odstráňte zelený pruh
- Vložte blok s kontaktmi na horný panel
Po zmenách:
Medzi značkami hlava v Html spis:
// pridanie metaznačky pre reakciu
// pripojiť ďalšie písma
// zahrnúť knižnicu Font Awesome
// pripojiť externý súborštýly, napíšeme sem štýly
// stiahne a pripojí súbor normalizácie štýlu
Rozloženie urobíme dňa flexbox.
Prvý riadok je panel s kontaktmi (horná hlavička).
Označenie HTML
Do blokového kontajnera s triedou horná hlavička, umiestnime tri flex prvky - odseky s textom.
Masážny salón pre vaše zdravie a krásu
Tel. (+372) 5514704, 58079045
Informácie a záznam: denne od 9:00 do 21:00
Štýly CSS
/ * Bežné štýly hlavičiek * /telo (
font-family: "Fórum", kurzíva;
farba: # 777;
farba pozadia: #fff;
}
Infobloky sa zoradia vďaka displej: flex... Nehnuteľnosť priestor-okolo rovnomerne rozdeľuje prázdny priestor medzi infobloky. Šedý okraj s jedným pixelom, vizuálne ohraničenie horný panel zo samotného uzáveru.
/ * Flex kontajner pre horné informačné bloky * /
.top-header (
displej: flex;
výplň: 5px;
veľkosť písma: 100%;
spodný okraj: 1px pevný # efd0d0;
poloha: relatívna;
}
Zvýraznime niektoré slová zelenou farbou.
/ * Zelená farba pre text informačných blokov * /
.top-header .zelená (
farba: # b2db41;
váha písma: tučné;
}
Dočasne zvýraznite červenými a čiernymi rámami, aby bolo jasné, kde je flex nádoba a kde sú flex prvky.
Druhý riadok - hlavička
Zľava doprava je na prvom mieste logo a potom navigačné menu.
HTML kód
Začína sa začiatočnou značkou hlavička, vo vnútri ktorého je blok s logom. Logo sa vkladá ako odkaz na domovskú stránku.
MassaažiMaailm
Kód CSS
/ * Flex nádoba na hlavičku * /hlavička (
displej: flex;
justify-content: space-around;
výplň: 5px;
spodný okraj: 5px pevný # b2db41;
}
/ * Štýly pre všetky odkazy vo vnútri flex kontajnera * /
hlavička a (
displej: blok;
farba: # 212121;
výplň: 12px;
dekorácia textu: žiadny; / * odstrániť podčiarknutie * /
veľkosť písma: 100%;
textový tieň: 0 1px 0 #fff;
polomer hranice: 4px;
}
Tu označujeme relatívnu šírku bloku pre logo, čo znamená, že zvyšných 70% bude obsadených navigáciou. Zadaním percenta môžete presnejšie distribuovať podradené položky v nadradenom kontajneri.
/ * Šírka podradeného bloku pre logo * /
.obal-logo (
šírka: 30%;
}
Nastavením veľkostí písma v% nám záleží na super veľkoplošné obrazovky pretože pixely sú pevne zakódované.
/ * Úprava loga * /
.wrap-logo # logo (
rodina fontov: "Roboto Slab", pätkové;
veľkosť písma: 200%;
váha písma: tučné;
}
Logo vyzerá sviežejšie, ak je vyrobené v dvoch farbách.
/ * Zelená farba pre časť loga * /
.rozpätie zabaleného loga (
farba: # b2db41;
Ahojte milí priatelia! Začiatočníci si spravidla vyberú jednoduchú šablónu webu, ale skôr alebo neskôr bude potrebné zmeniť hlavičku. Otázka je jednoduchá, ale veľa nováčikov nevie, ako zmeniť hlavičku webu WordPress. Tento článok odpovedá na túto otázku.
Jednoduchá šablóna webu, nahradenie hlavičky webu
V čase vytvorenia stránky (blogu) neexistovali žiadne vedomosti. Preto bola zvolená veľmi jednoduchá šablóna webu WordPress vrátane hlavičky webu. Zároveň boli v čiapke dva obrázky:
- horný obrázok bol jednoduchý obdĺžnik namaľovaný tak, aby zodpovedal farbe všeobecnej šablóny;
- spodný obrázok hlavičky predstavoval obraz hodín a bol tiež prelakovaný tak, aby zodpovedala farbe všeobecnej šablóny, takzvaného „Obrázku hlavičky“.
Na druhý deň som sa rozhodol experimentovať s hlavičkou môjho webu, odstrániť zástup dvoch obrázkov a nahradiť hlavičku webu. Ak to chcete urobiť, stačí odstrániť spodný obrázok - nič zložité.
Potom, čo som trochu pracoval na hornom obrázku hlavičky stránky, som narazil na problém. Po nainštalovaní upraveného obrázka sa ukázalo, že sa predvolene nainštaloval aj do päty (v spodnej časti stránky).
Pokúsil sa hľadať na internete informácie o tom, ako problém vyriešiť, ale nenašiel nič. Problém som musel vyriešiť sám pokusom a omylom. Ukázalo sa, že jednoduchá šablóna webu nie je taká jednoduchá.
Ako zmeniť hlavičku webu? Takže v poriadku. Po odstránení obrázka z hlavičky bolo rozhodnuté, že obrázok v podobe mincí prekryjete do hlavičky stránky a urobíte nápis. To, ako sa to deje, nebudem v tomto článku reflektovať, toto je samostatná téma. Pre všeobecné pochopenie procesu však v krátkosti popíšem.
Predtým, ako začneme nahrádzať hlavičku stránky, musíme zistiť adresu umiestnenia obrázka. Ak pracujete v Prehliadač Mozilla Firefox, je potrebné umiestniť kurzor myši na hlavičku (obrázok) a stlačiť pravé tlačidlo myši, v dialógovom okne kliknite na „Otvoriť obrázok na pozadí“.
Obrázok hlavičky webu sa otvorí v novom okne. Panel s adresou prehľadávača (v hornej časti) obsahuje adresu hlavičky našej stránky (obrázky). Adresa mojej hlavičky vyzerá takto: skopírujte a uložte túto adresu.
Teraz vidíme, kde je náš obrázok na hostingu: priečinok wp-content; priečinok s témami; zložka zeestyle; priečinok imagis a nakoniec názov obrázka - header_bg.png. To bude pre nás užitočné v budúcnosti.
IN Prehliadač Google Chrome rozpoznáva adresu rovnakým spôsobom. Umiestnite kurzor myši na hlavičku webu, kliknite pravým tlačidlom myši, v dialógovom okne vyberte možnosť „Kopírovať adresu URL obrázka“. Odkaz tiež skopírujte a uložte. Existujú šablóny, kde sa obrázky otvárajú zložitejším spôsobom.
Ďalej otvoríme obrázok v novom okne a môžeme s ním pracovať. Môžete ich upraviť vo Photoshope alebo v inom editore obrázkov. Práca s hlavičkou mojej stránky sa realizovala v programe Pixlr (tento online Photoshop). Prečítajte si o tom viac v článkoch „“ a „“.
Po dokončení práce na obrázku sa musí uložiť s rovnakou príponou a rovnakými geometrickými rozmermi ako starý obrázok. Ak chcete meno uložiť, premenujte upravený obrázok (robím to v Totálny veliteľ) a pomenujte ho header_bg.png. Tento názov je prevzatý z vyššie uvedeného odkazu (každý bude mať svoje vlastné meno).
Výmenu obrázku (hlavičky) webu je možné vykonať buď cez FTP, alebo priamo na serveri, urobil som to priamo. Ak to chcete urobiť, choďte na náš hosting, otvorte našu webovú stránku, otvorte priečinok public_html, priečinok wp-content, themes, zeestyle, images a nájdite našu hlavičku (obrázok) - header_bg.png.
Nájdený obrázok odstránime a na jeho miesto nahráme nový upravený obrázok. Aktualizujeme a ideme na web, tiež ho aktualizujeme a vidíme, že je nainštalovaná naša upravená hlavička (obrázok). Všetko je veľmi jednoduché - hlavička stránky bola vymenená.
Ako bolo spomenuté na začiatku článku, moja hlavička bola nainštalovaná nielen v hornej časti stránky, ale aj v päte.
Príčina sa našla a odstránila. Faktom je, že moja šablóna v záhlaví a päte je zastúpená obdĺžnikmi, ktoré sú jednoducho pretreté tmavomodrou farbou, aby zodpovedali farbe hlavnej šablóny. Ukázalo sa teda, že zdrojom hlavičky a päty bol rovnaký obrázok (pozri odkaz vyššie), takže zmena obrázka hlavičky zmení aj obrázok päty.
Ak chcete vyriešiť tento problém, musíte oddeliť odkazy, vytvoriť samostatný obrázok pre hlavičku a osobitne pre pätu. Ak to chcete urobiť, vráťte sa na panel správcu našich stránok a prejdite na „ Vzhľad"," Editor "a vyberte" Štýly "," Šablóna štýlov "(style.css).
Nájdite pätu a pozrite si názov nášho obrázka v riadku - pozadie: url (images / header_bg.png) no-repeat # 1d4c82; Je lepšie vopred si uložiť štýly. Ak urobíte chybu, môžete sa vždy vrátiť do pôvodného stavu.
Pamätáme si, že header_bg.png je názov nášho obrázku hlavičky. Teraz do kódu namiesto hlavičky napíšeme pätu (pozri snímku obrazovky),
nedotýkajte sa zvyšku. Aktualizujeme súbor, ideme na web, aktualizujeme a sledujeme, či je všetko na svojom mieste. Upravená hlavička je na svojom mieste, päta má staré vydanie. Týmto je práca dokončená. Jednoduchá šablóna webových stránok je pripravená.
Pre prípad, že vložím obrázok päty na server, možno ho v budúcnosti upravím. Za týmto účelom sme pred zmenou odfotili hlavičku a premenovali ju na Total Commander - namiesto header_bg.png napíšeme footer_bg.png a nahráme ho na hostiteľský server. Obrázok nahráme do priečinka s obrázkami, na rovnakom mieste ako obrázok našej hlavičky.
Táto situácia sa samozrejme nemusí vyskytnúť na všetkých šablónach, ale šablóny, ktoré majú jednoduché vyplnenie hlavičky a päty (napríklad moje), budú mať podobnosti a je možné túto metódu použiť. Ak viete, potom môže byť práca vykonaná za pár minút. Ako vidíte, so šablónou webu, aj keď bola jednoduchá, bolo treba manipulovať, kým sa zistilo, ako zmeniť hlavičku webu.
S pozdravom Ivan Kunpan.
P.S. Aby ste blog vytvorili správne a správne ho propagovali, musíte robiť všetko v prísnom poradí. Táto postupnosť je zobrazená na mojej myšlienkovej mape, ktorú som vyvinul z vlastnej skúsenosti. ... Bude to tiež užitočné, môžete si tiež stiahnuť knihu „Ako napísať článok pre blog“ zadarmo.
Dostávajte nové články z blogu priamo do svojej doručenej pošty. Vyplňte formulár a kliknite na tlačidlo „Prihlásiť sa na odber“
Začnime sériu návodov na úpravu šablóny Joomla 2.5. V tomto návode sa pozrieme na
Hneď je potrebné povedať, že tento proces bude prebiehať inak na rôznych šablónach od rôznych vývojárov. Preto sa pokúsim vysvetliť samotný princíp hľadania polohy polohy hlavičky, loga a úpravy CSS. Ako vždy odporúčam robiť všetky manipulácie so zapnutým webom miestny server Denver (Denwer) Aby sme sa neobťažovali, vezmime si šablónu nainštalovanú na tomto webe.
Najprv musíte určiť, v ktorej pozícii modulu sa nachádza naša hlavička a aké ďalšie pozície sa nachádzajú v hlavičke stránky. Na určenie pozícií modulov v šablóne Joomla 2.5 po našom webe napíšeme ? tp = 1... To znamená, že to bude vyzerať takto: http: // your_site /? tp = 1.
Obnovíme stránku (F5) a ... nevidíme nič. Znamená to administratívna časť stránky Zakázané zobrazovanie pozícií stránok. Prejdeme na panel správ, prejdeme do nastavení
a povoľte zobrazovanie pozícií, ako je znázornené na fotografii nižšie. Nezabudnite uložiť.
Stránku znova aktualizujeme. Všetko. Objavili sa polohy modulov. Vidíme, že je ich niekoľko: lišta záhlavia, logo, počítadlo, banner. Zároveň vidíme, že veľkosti podmienenej polohy sú zvýraznené (počítadlo, banner), ale lišta hlavičky, logo nie.
Z čisto logického hľadiska chápeme, že poloha modulu záhlavia je zodpovedná za záhlavie stránky a pozícia loga pre logo.
Moje osobné presvedčenie je, že vždy musíte skontrolovať jednoduché spôsoby riešenia problému, a ak to nejde, choďte hlbšie. Najjednoduchšie je prejsť do nastavení samotnej šablóny Joomla 2.5 a zistiť, aké nastavenia tam sú. V každom prípade, ako pri inštalácii jednoduchej šablóny na Joomla 2.5, alebo po inštalácii šablóny Joomla 2.5 z rýchleho spustenia programu „QuickStart“, musíte najskôr prejsť do nastavení šablóny a porozumieť jej možnostiam prispôsobenia. Zároveň dokonca nie je potrebné rusifikovať Joomla 2.5, pretože samotná šablóna sa do ruštiny aj tak nepreloží.
Mnoho vývojárov šablóny v jej nastaveniach umožňuje úpravy hlavičky, ako aj päta (zápätie) webu a mnoho ďalších pomôcok. Medzi mnohými nastaveniami v tejto šablóne však nebol ľahký spôsob.
Takže, ak poznáte polohu hlavičky, ako lišty hlavičiek prejdite do „Rozšírenia - Správca modulov“ a v rozbaľovacej ponuke „Výber polohy“ vyhľadajte pozíciu hlavičky. Nie je tam, a je to správne, pretože samotná hlavička nie je v šablóne. Je tam iba logo. Najsprávnejšie a rýchly spôsob Hlavička výstupu na webe je v "Správcovi modulov" a stlačte tlačidlo "Vytvoriť".
A pri výbere typu modulu zvoľte „HTML code“. S jeho pomocou budeme môcť nielen časť vybrať HTML kód, ale tiež umiestnite obrázok našich čiapok.
Aby sme však mohli hlavičku zobraziť v pozícii modulu, musí byť pripravená vopred, a preto potrebujeme poznať šírku a dĺžku polohy modulu. Pamätáte si super plugin Firebug pre Firefox a začni to používať. S týmto rozšírením preskúmame polohu hlavovej lišty a uvidíme
že súbor layout.css je zodpovedný za jeho umiestnenie a jeho výška je 110 pixelov. Mimochodom, v tomto môžete zmeniť šírku na rozmery, ktoré potrebujete Súbor CSS... Teraz sa musíme rozhodnúť o dĺžke našej čiapky. Vo väčšine šablón je jeho šírka nastavená v nastaveniach. Prejdeme do našej šablóny a v nastaveniach vidíme, že dĺžka našej šablóny je 1100 pixelov. Teraz môžeme pripraviť našu hlavičku s potrebnými parametrami pomocou programu na úpravu grafiky (povedzme Adobe Photoshop). Nepoviem vám, ako sa to deje. Venujú sa tomu celé stránky.
Pripravený súbor s hlavičkou vhoďte do priečinka „obrázky - príbehy“ na webe, nie však do šablóny. Teraz ho umiestnime pomocou modulu „HTML code“. Skryť názov. Vyberte pozíciu hlavovej lišty a uložte.
Mimochodom, dá sa to urobiť tak, že ďalej rôzne stránky stránka zobrazila inú hlavičku. Pripravíme niekoľko hlavičiek, prenesieme ich do vyššie uvedeného priečinka a pomocou niekoľkých modulov „HTML code“ ich zmiešame s výstupom v určitých položkách ponuky.
Vyrovnali sme sa s haderom. Teraz poďme upraviť logo. Keď poznáme polohu modulu, menovite logo, skontrolujeme ho. Prejdite do časti „Rozšírenia - Správca modulov“ a vyhľadajte pozíciu loga v rozbaľovacej ponuke „Správca pozícií“. Existuje jeden a dokonca obsahuje cestu k obrázku s názvom logo.png. Po deaktivácii však na webe nevidíme žiadne zmeny. To znamená, že tento obrázok sa použije iba pri rolovaní jednoduchej šablóny na už nainštalovanú Joomla 2.5. Ale pri inštalácii šablóny Joomla 2.5 z rýchly štart„QuickStart“, pretože používame obrázok z iného priečinka. A prirodzene zo šablóny.
Preto začneme hľadať inú cestu. Pomocou doplnku Firebug pre Firefox opäť preskúmame logo šablóny a uvidíme,
že ten istý súbor layout.css je zodpovedný za jeho umiestnenie a aby sme videli, kde sa nachádza (cesta k súboru), otvoríme ho na novej karte. Cez Programy Poznámkový blok ++ otvorte a hľadajte riadok 259.
Tu môžeme experimentovať so šírkou a dĺžkou loga. Nezabudnite uložiť a obnoviť webovú stránku, aby ste videli výsledok. Ďalšou obrovskou výhodou programu Poznámkový blok ++ je, že sa môžete kedykoľvek vrátiť do pôvodného stavu súboru, ale iba ak ste nezatvorili okno Poznámkového bloku ++. Do pôvodného stavu sa vrátime pomocou tlačidla „Zrušiť“.
Aby sme mohli zmeniť vzhľad loga, potrebujeme program Adobe Photoshop a základné znalosti tohto programu.
Preto sme zvážili s vami windows Ako upraviť (zmeniť) hlavičku v systéme Windows Šablóna Joomla 2.5.
Veľa šťastia vo vašom snažení.
