CSS kód

/ * Styly pro všechny odkazy uvnitř kontejneru FLEX * /
Záhlaví A (
Displej: blok;
Barva: # 212121;
Polstrování: 12px;
Textová dekorace: Žádný; / * odstraní podtržítko * /
Velikost písma: 100%;
Text-Shadow: 0 1px 0 #fff;
Poloměr hranic: 4px;
}

Zde uvádíme relativní šířku bloku pod logem, což znamená, že zbývající 70% bude zabírat navigaci. Nastavení zájmu, lze přesněji distribuovat prvky dětí v nadřazené kontejneru.

/ * Šířka podřízeného bloku pod logem * /
.wrap-logo (
šířka: 30%;
}

Nastavení velikosti písma v%, staráme se o super velké obrazovkyKoneckonců, pixely jsou tvrdé jako velikost.

/ * Logo stylizace * /
.wrap-logo #logo (
Font-Family: "Roboto deska", Serif;
Velikost písma: 200%;
Hmotnost písma: tučně;
}

Logo vypadá svěží, pokud to uděláte dvoubarevnou.

/ * Zelená barva z části loga * /
.wrap-logo rozpětí (
Barva: # b2db41;

Dobrý den, milí přátelé! Nováčci zpravidla vyberou jednoduchou šablonu webu, ale dříve nebo později je třeba změnit záhlaví. Otázkou je jednoduchá, ale mnoho nových příchozích neví, jak změnit headpression stránek WordPress. Tento článek reaguje na tuto otázku.

Jednoduché webové stránky šablona, \u200b\u200bvýměna stránky Skass

V době vytvoření stránky (blog) nebyly žádné znalosti. Bylo proto vybráno velmi jednoduché WordPress webové stránky šablony, včetně uzávěru webu. Ve stejnou dobu existovaly dva obrázky v záhlaví:

• horní obraz byl jednoduchý obdélník, namalovaný pod barvou obecné šablony;
• spodní víčko čepiček představoval obraz hodin a byl také namalován pod barvou obecné šablony, tzv. "Obraz záhlaví".

Druhý den jsem se rozhodl experimentovat s víčkem mých stránek, odstraňte cestu dvou obrázků, proveďte výměnu záhlaví webu. K tomu bylo nutné jednoduše odstranit nižší obrázek - nic složitého.

Dále, který umožňuje velký obraz uzávěrů webu, čelí problému. Po instalaci finálního obrazu se ukázalo, že se standardně instaluje ve výchozím nastavení a v zápatí (spodní část stránky stránky).

Snažil jsem se najít informace o internetu, jak vyřešit problém, ale nic nenašel. Musel jsem vyřešit problém metody pokusu a chyb. Jednoduchá webová šablona nebyla tak jednoduchá.

Jak změnit klobouk hlavy? Takže v pořádku. Po odstranění obrazu záhlaví bylo rozhodnuto uložit obrázek ve formě mincí v hlavě hlavy a vytvořit nápis. Jak je to hotovo, nebudu v tomto článku přemýšlet, toto je samostatné téma. Ale pro obecné pochopení procesu stručně popíšu.

Než začnete nahradit nadpis webu, musíme znát adresu obrazu. Pokud pracujete prohlížeč Mozilla. Firefox, musíte dát pravé tlačítko myši na víčko (tapetu) a klepněte pravým tlačítkem myši, stiskněte v dialogovém okně "Otevřít obrázek na pozadí".

V novém okně se otevírá obraz uzávěrů webu. V adresním řádku prohlížeče (výše) je adresa našeho webu (obrázky) registrována. Adresa mého záhlaví vypadá takto: kopírovat a uložit tuto adresu.

Nyní vidíme, kde náš obraz leží na hostingu: složka obsahu WP; Složka témat; Složka zeestyle; Složka imagis konečně, název obrázku je header_bg.png. To je pro nás v budoucnu užitečné.

V google Browser. Chromová adresa se učí téměř stejně. Přinášíme myš na uzávěr webu, stiskněte pravým tlačítkem myši, zvolte dialogové okno "Kopírovat url obrázky", kopírovat a uložit odkaz. Existují šablony, kde jsou obrázky otevřeny s více mazaným způsobem.

Dále otevřete obrázek v novém okně a můžete s ním pracovat. Můžete jej upravit ve Photoshopu nebo jiném editoru pro obrázky. Práce s mým názvem webu byla provedena v programu PIXLR (to online Photoshop.). Přečtěte si více o tom v článcích "" a "".

Po dokončení obrázku musí být uložen se stejnou expanzí a stejnými geometrickými rozměry jako starý obraz. Chcete-li zobrazit jméno, upravený obraz je přejmenován (Dělám to Celkový velitel.) A my přidělíme název hlavy_bg.png jméno. Tento název je převzat z výše uvedeného odkazu (každý název bude mít vlastní).

Nahradit obraz (CAPS) webu lze provést buď přes FTP nebo přímo na serveru, udělal jsem přímo. Chcete-li to provést, jdeme do našeho hostingu, otevřete naše webové stránky, otevřete složku public_html, složku obsahu WP, motivy, zeestyle, obrázky a najít náš záhlaví (obrázek) - header_bg.png.

Vymazujeme nalezený obrázek a stahujeme nový upravený obraz na svém místě. Aktualizujeme a přejdeme na stránku, také aktualizujeme a zjistíme, že naše upravená čepice (obrázek) je nainstalován. Všechno je velmi jednoduché - výměna záhlaví místa je vyrobena.

Jak již bylo zmíněno na začátku článku, můj klobouk byl založen nejen v horní části stránky stránky a v zápatí.

Důvod byl nalezen a eliminován. Faktem je, že moje šablona v záhlaví a v zápatí je reprezentována obdélníky, které jsou jednoduše natřeny tmavě modrou, pod barvou hlavní šablony. Ukázalo se, že zdroj čepice a Futret byl stejný obraz (viz odkaz výše), takže změna cap obrazy změn CAP a obraz zápatí.

Pro vyřešení tohoto problému je nutné rozdělit odkazy, vytvořit samostatný obraz pro čepici a samostatně pro huttern. Chcete-li to udělat, vrátíme se do adminpanelu našich stránek, pojďte in Vzhled"," Editor "a zvolte" Styly "," Styl tabulka "(style.css).

Najděte zápatí a uvidíte zde název našeho obrázku v řádku - pozadí: URL (obrázky / header_bg.png) ne-repeat # 1D4C82; Pre-code "Styl tabulka" je lepší uložit. Pokud povolí chybu, můžete se vždy vrátit do původního stavu.

Vzpomínáme si, že header_bg.png je název obrázku našeho záhlaví. Nyní v kódu namísto záhlaví píšeme zápatí (viz obrazovka),

zbytek se nedotýkej. Soubor aktualizujeme, přejdete na stránku, aktualizaci a zjistěte, že se vše stalo na místě. Upravený klobouk Na jeho místě má oporový editor. Tuto práci lze dokončit. Jednoduché webové stránky šablony připraven.

Jen v případě, jsem dal obrázek zápatí na serveru, možná v budoucnu budu upravovat. K tomu, čepice čepiček byly převzaty na změny a přejmenovány celkový velitel - namísto header_bg.png napsat footer_bg.png a nalijte ho na hostování. Stiskněte obrázek do složky Obrázky, kde se nachází obrázek našeho klobouku.

Samozřejmě, že taková situace se může vyskytnout na všech šablonách, ale šablony, které mají v záhlaví a jednoduché foothold, budou mít podobnost a tato metoda může být použita. Pokud víte, práce lze provést za pár minut. Jak vidíte šablonu webu, ačkoli jednoduchý, ale musel jsem před pochopit, jak změnit záhlaví webu.

S pozdravem Ivan Kunpan.

P.S. Pro správné vytváření blogu je správně podporován, musíte dělat vše v přísné sekvenci. Taková sekvence je zobrazena v mé zpravodajské kartě, kterou jsem vyvinul na vlastní zkušenosti. . Bude to užitečné a můžete si také stáhnout zdarma knihu "Jak napsat článek pro blog".

Získejte nové články blogu přímo poštou. Vyplňte formulář, klikněte na tlačítko Odebírat "

Spustíme sérii lekcí pro úpravu šablony Joomla 2.5. V této lekci se podíváme na

Je nutné okamžitě říci, že tento proces na různých šablon různých vývojářů se bude konat svým způsobem. Proto se pokusím sdělit principu hledání umístění polohy Heider, logo a úpravy CSS. Jako vždy doporučuji všechny manipulace s webem denwer Local Server. Aby nedošlo k obtěžování, pojďme se nainstalovat šablonu nainstalovanou na těchto stránkách.

Chcete-li začít, je nutné určit, která pozice modulu je náš záhlaví a co ještě v záhlaví jsou pozice. Pro určení poloh modulů v šabloně Joomla 2.5. Po našich stránkách najmeme ? Tp \u003d 1. To je, bude to vypadat takto: http: // your_sight /? tp \u003d 1.

Aktualizujeme stránku (F5) a ... nevidím nic. Vzlyk správní část webu Zakázáno zobrazení pozic webu. Jdeme na stránku Admin, přejdete na nastavení

a zapněte displej poloh, jak je uvedeno na obrázku níže. Nezapomeňte přežít.

Stránku znovu aktualizujeme. Všechno. Polohy modulů se objevily. Vidíme, že existuje několik z nich: HeaderBar, logo, čítač, banner. Zároveň vidíme, že podmíněné velikosti pozic jsou zvýrazněny (čítač, banner), ale headerbar, logo.

Logicky chápeme, že pozice modulu headerbar je zodpovědná za záhlaví webu a polohu loga pro logo.

Moje osobní víra, že byste měli vždy zkontrolovat jednoduché způsoby, jak vyřešit problém, a pokud to nefungovalo, pak se dostanete hluboko do. Nejjednodušší věc přejdete na nastavení šablony Joomla 2.5 a zjistěte, která nastavení tam jsou. V každém případě, jako při instalaci jednoduše šablony na Joomla 2.5 nebo po instalaci šablony Joomla 2.5 z spuštění QuickStart, první věc, kterou musíte jít na nastavení šablony a vypořádat se s možností nastavení. Zároveň není třeba Ruszifikovat Joomla 2.5, protože samotný vzor nebude přeložen do ruštiny.

Mnoho vývojářů šablon v jeho nastavení umožňuje upravit hape (záhlaví), stejně jako zápatí (zápatí) místa a mnoho dalších roucho. Mezi mnoha nastaveními v této šabloně však nebyla nalezena světelná cesta.

A tak, protože poznání pozice záhlaví, jako záhlaví jde do "rozšíření - manažera modulu" a v rozevírací nabídce "výběru polohy" hledáme pozici headerbar. Není tam a to je v pořádku, protože v samotné šabloně není žádná čepice. Existuje pouze logo. Nejvíce správné I. rychlý způsob Výstup hlavičce na webu je v "Správce modulů" svorka "Vytvořit" tlačítko.

A při výběru typu modulu vyberte "HTML kód". S tím se nemůžeme zúčastnit HTML kódAle také post na obrázku našich čepic.

Pro výstup hlavičku do polohy modulu však musí být předem připraven a pro to potřebujeme znát šířku a délku polohy modulu. Vzpomeňte si na skvělý plugin Firebug pro Firefox A začít ji používat. S touto expanzí studujeme pozici hlavic a vidíme

jaký typ polohování je zodpovězeno rozvržením souboru.Css a jeho výška je 110 pixelů. Mimochodem, můžete změnit šířku k velikosti, kterou potřebujete v tomto cSS soubor. Nyní je nutné určit délku našeho víčka. Ve většině šablon je šířka nastavena v nastavení. Jdeme do šablony a v tinktuři vidíme, že délka naší šablony je 1100 pixelů. Nyní můžeme připravit náš záhlaví potřebnými parametry pomocí programu editace grafiky (například. Adobe Photoshop.). Nebudu říkat, jak to je hotovo. To je věnováno celým místům.

Připravený soubor s víčkem je blíže ke složce "Obrázky - příběhy" webu, ale ne šablony. Nyní jej umístíme pomocí modulu "HTML Code". Záhlaví. Vybereme pozici hlavního panelu a přetrváváme.

Mimochodem, takže můžete udělat co různé stránky Místo bylo zobrazeno jinou záhlaví. Připravujeme několik klobouků, nést je do výše uvedené složky a zamícháme pomocí několika modulů "HTML Code" s výstupem v určitých položkách nabídky.

Heider zjistil. Nyní upravíme logo. Znát pozici modulu, jmenovitě logo zkontrolovat. Jdeme do "rozšíření - modul Manager" a v rozevírací nabídce "Upozornění Manager" hledáme logo pozice. K obrázku je taková cesta s logem jména.png. Ale zakáže to, nevidíme změny na webu. Takže tento obrázek se používá pouze při válcování je jednoduše šablona pro již nainstalované Joomla 2.5. Ale při instalaci šablony Joomla 2.5 rychlý start "QuickStart" Jak používáme obrázek z jiné složky. A přirozeně z šablony.

Proto začneme hledat jinou cestu. Opět, pomocí Firebug Plug-in pro Firefox, zkoumáme logo šablony a vidět,

jaký druh polohování je zodpovědný za stejný soubor Layout.css a zobrazí se tam, kde je (cesta k souboru) otevřete v nové kartě. Přes notepad ++ programy Otevřen a hledat řetězec 259.

Zde můžeme experimentovat se šířkou, délkou loga. Nezapomeňte uložit a aktualizovat stránku webu pro zobrazení výsledku. Další obrovská výhoda Poznámkový blok ++ je něco, co se můžete vždy vrátit do zdrojového stavu souboru, ale pouze v případě, že jste neuzavřeli okno NOTEPAD ++. Vrátit se do počátečního stavu pomocí tlačítka "Zrušit".

Chcete-li změnit návrh loga, budeme potřebovat Adobe Photoshop a základní znalosti tohoto programu.

Tak jsme se na tebe podívali jak upravit (změnit) záhlaví v joomla šablona 2.5.

Hodně štěstí vám ve vašich snahách.