A lábléc fő szerepe, hogy a látogatót hosszabb ideig a webhelyén tartsa. És ha egy látogató itt egy harmadik féltől származó forrásra mutató hivatkozást talál, akkor nagy a valószínűsége annak, hogy a látogató elhagyja az Ön webhelyét. Miután telepítettünk egy új Joomla sablont a webhelyre, azonnal megtaláljuk a szerzői jogot a láblécben - egy hivatkozást a fejlesztőre, valamint információkat arról, hogy ez a sablon melyik kereten működik.
Ebben az oktatóanyagban megvizsgáljuk, hogyan távolíthatjuk el a felesleges információkat a láblécből, és gondoskodunk a lábléc (lábléc) kialakításáról is.
Felhasznált szerzői jogi információk szoftver letiltható a "Modulkezelőben". Nyissa meg a "Bővítmények" → "Modulkezelő" menüt
A Modulkezelőben a "Select position" szűrőn keresztül megtaláljuk a "lábléc" modult.
Beírjuk a modul beállításait, és megtaláljuk a felső két sort a láblécből:
HTML5 és CSS3 segítségével készült
Copyright © 2014 YOOtheme
Az "Egyéni HTML kód" modulban a "lábléc" pozícióban elhelyezett információkat lecserélheti sajátjára.
Mentse el a változtatásokat, és frissítse a webhely oldalát. Tehát megjelent a szerzői jogunk, az alapértelmezett pedig eltűnt.
De a lábléc alsó sora változatlanul megmarad: - egy link, amely alapján ez a sablon készült.
Lássuk, hogyan lehet eltávolítani. Használjuk a Mozilla Firefox kiterjesztést, és elemezzük ezt a feliratot.
Nyissa meg és írja be a linket: "href="http://www.yootheme.com">Warp Theme Framework" keresni és megnézni, hogy a fájl sablonjában van-e config.php. Ugrás a fájlhoz könyvtár szerint: Z:\home\localhost\www\webhelyed\sablonok\sablonod\warp\config.php
Nyissa meg a fájlt a Notepad++ szövegszerkesztővel config.php, és írja be a másolt hivatkozást a keresőmezőbe: href="http://www.yootheme.com">Warp Theme Framework
Kommentáld a sort: // "branding" => "Powered by Warp Theme Framework"és mentse el a módosításokat. A webhely oldalának frissítése után az alsó sor a láblécben: Powered by Warp Theme Framework el fog tűnni. Ha szó után döntesz "branding" =>írja be a márkáját oroszul, majd ne felejtse el megváltoztatni a kódolást "Kódolás UTF-8-ban (nincs BOM)."
A láblécben felvehet egy rövid menüt, hirtelen a felhasználót, miután elolvasta a webhely oldalát a végéig, érdeklődni fog valamilyen téma iránt. Végül pedig készítsünk világos hátteret a lábléchez. Ehhez ismét a kiterjesztést használjuk, és magát a láblécet elemezzük.
A YooTheme stúdió ingyenes sablonja esetén a lábléchez nincs színséma. Esetünkben a fájl felelős a CSS stílusok kialakításáért. téma.css, és az elérési út látható, miután a jobb felső sarokban lévő fájlnév fölé viszi az egérmutatót (lásd a fenti képernyőképet). A lábléc világosszürke hátterének megtervezéséhez hozzáadhatja a következő sort a theme.css fájlhoz a lábléc kialakításáért felelős osztályon belül: háttér: nincs ismétlés görgetés 0 0 #EEEEEE;
Tehát ma megtanultuk, hogyan távolítsuk el a szerzői jogokat a láblécből, hogyan alakítsuk ki a láblécet saját belátásunk szerint, és hogyan állítsuk be a lábléchez saját hátteret.
Ha hasznosnak bizonyult számodra, hálás leszek a hasonlókért.
Kedves olvasók a Zombies Allowed blogon. Ma arról szeretnék beszélni, hogyan módosítsa a webhely hátterét. Saját háttérrel webhelye egyedi lesz, és kiemelkedik a másolt sablonok szürke tömegéből. Az oldal hátterének megváltoztatása nem elég nehéz, és 10 perc alatt megtörténik. És most elmondom, hogyan cserélje ki a hátteret a legnépszerűbb motorokhoz - Ucoz, Joomla, WordPress.
Megváltoztatjuk az oldal hátterét a használatával css stílusok. A háttér többféleképpen állítható be:
Természetesen csak 1 módszert kell kiválasztania a bemutatott módszerek közül. A #FAFAFA és más hasonlók helyett tedd a saját színedet. Ezután a CSS törzsébe be kell illesztenie a webhely háttérstílusát.
Az Ucoz webhely hátterének megváltoztatásához a következő helyre kell lépnie: Vezérlőpult – Tervezés – Tervezéskezelés (CSS) – Stíluslap (CSS). Ezután keresse meg a kódot típus szerint:
Törzs (betűtípus: 13px Arial, sans-serif; vonalmagasság: 1,5; háttérszín: #FFF; )
Ezután módosítsa a háttérre a fent javasolt módszerek egyikét.
A képernyőképen piros vonallal kiemeltem, hogy merre menjek és milyen stílust váltsak. 
Jobb, ha a háttéren kívül semmi mást nem változtat. Azok. ne érintse meg a kitöltést, a vonalmagasságot, a betűtípust és hasonlókat - ez nem csak az oldal hátterét változtathatja meg :)
A Joomla webhely hátterének megváltoztatásához lépjen az adminisztrációs panelre Bővítmények – Sablonkezelő, és válassza ki a „Sablonok” lapot
Látni fogja a sablon összes CSS-fájlját
A háttérstílusokat tároló CSS általában a template.css vagy a main.css. Ha még mindig nem tudja, melyik CSS-fájlra van szüksége, használja a . Miután kiválasztotta a kívánt CSS-fájlt, kattintson a gombra, és szerkessze. Keresse meg a teststílust ebben a fájlban, és változtassa meg a hátteret
Törzs (háttér: #fff; szín: #000000; betűméret: 100%; kitöltés: 0px; szövegigazítás: középre; )
Meg kell változtatnia a hátteret a WordPress-en? - nem lesz nehezebb, mint bármelyik másikon. A háttér megváltoztatásához lépjen az adminisztrációs panelre, majd Megjelenés - Szerkesztő.
Ezzel megnyílik a sablon fő CSS-fájlja. Mindössze annyit kell tennie, hogy meg kell keresnie a törzsstílusokat (ezek általában a fájl legelején vannak), és a hátteret ki kell cserélni a sajátjával.
Igyekeztem a lehető legrövidebben elmagyarázni. módosítsa a webhely hátterét. Ha valamit kihagytam, és valami nem világos számodra, akkor írd meg a megjegyzésekben. Köszönöm a figyelmet :) Tisztelettel: Zombies Allowed.
Gyakran előfordul, hogy valami a sablonban nem felel meg Önnek. Például egy elem színe, mérete, betűmérete stb. A sablonbeállításokban pedig sajnos nem lehet módosítani. Nem kell elkeseredni, a CSS fájlban szerkesztheti a kódot.
Most kiválasztok egy bizonyos elemet a webhelyen, megkeresem és szerkesztem az elemért felelős CSS-fájl kódját, ezáltal megváltoztatom a megjelenését.
Mindezt nagyon könnyű megtenni böngészővel. Mozilla Firefox, és a benne telepített Firebug bővítmény.
Minket F irebug a Mozilla Firefoxban
Nyisson meg egy böngészőt A Mozilla 3-as vagy újabb verziója, és keresse fel a Firebug hivatalos webhelyét. Ott egy ilyen narancssárga ikont fog látni: „Install F irebug", kattintson rá.Ön átkerül ide " mozilla.org".
Fog "mozilla.org oldalon, kattintson a "Hozzáadás a Firefoxhoz" gombra.
A megnyíló ablakban kattintson a "telepítés" gombra, a telepítés után indítsa újra a böngészőt. Firebug készen áll!
Joomla 3 sablon szerkesztése
Most a böngészőben meg kell nyitnia webhelye oldalát a szerkeszteni kívánt elemmel. Mutatok egy példát egy tesztoldalra, amelyen a denverre telepített joomla 3 fut. És kijavítom a főmenü blokkját.
A webhely oldalának megnyitása után kapcsolja be szentjánosbogár. Ehhez kattintson a bogár képére, amely a böngésző jobb felső sarkában található Mozilla. A színnek szürkéről sárgára kell változnia.
Alul megnyílik egy panel.A Firebug így néz ki. (A kép nagyításához kattintson rá).
A számunkra érdekes elem kódjának megtalálásához,a panel bal felső sarkában kattintson az "objektum kiválasztása" ikonra.
Ezután vigye a kurzort a szerkeszteni kívánt objektum fölé, és kattintson rá a bal egérgombbal. Megvan ez a blokk "főmenü". 
Kijelölése után a blokkért felelős kód megjelenik a panel jobb oldalán. 
Most közvetlenül a panelen módosítom ezt a kódot, és képernyőképeket jelenítek meg a frissített blokkal. Bármennyit játszhatsz, az oldal frissítése után minden visszaáll. A kívánt eredmények elérése után módosítania kell a CSS-fájlt. A cikk végén megmutatom, hogyan.
1. háttérszín: #F5F5F5; ez a vonal felelős a háttérszínért. Mváltoztass türkizreháttérszín : #00FFFF;
2. keret : 1 képpont tömör #E3E3E3 ;ez a vonal felelős a blokkhatárokért. Tegyünk egy helyett öt pixelt, és változtassuk a színt barnára keret : 5px tömör #800000 ;
3. határsugár: 4 képpont;
itt van a sugár, a sarkoknál lekerekítve. 4 helyett 24-et teszünk határsugár:
24 képpont 
Ily módon szerkesztheti a joomla 3 sablont, testreszabva a megjelenését. Az oldalon szinte minden változik: színek, betűtípusok, méretek stb.
A Joomla 3 sablon css-jének megváltoztatása
Miután gyakorolt a panelen és elérte a kívánt eredményeket, módosítania kell a CSS-fájlt. Itt is minden nagyon egyszerű.
Vigye az egeret a fejléc fölé a CSS fájl nevével, mellette zárójelben látható a sorszám a kóddal, esetemben "2116-os sor". Látni fogja a CSS-fájl elérési útját. 
1. Kövesse a "sajtnajoomla.ru/templates/protostar/css/template.css" útvonalat.
2. Nyissa meg a fájlt" template.css" a Notepad++ segítségével.
3. Keresse meg a 2116-os sort, és szerkessze a joomla 3 sablon CSS-kódját.
Ne felejtsen el másolatot készíteni arról a CSS-fájlról, amelyet először szerkeszteni fog! Ez minden, ha bármilyen kérdése van, kérdezze meg a megjegyzésekben.
Leckejoomla № 15. A sablon kialakításának megváltoztatása.
Sziasztok kedves blogolvasók! Ebben a leckében megtanulod, hogyan tudod változás mintajoomla.Átalakítjuk az oldal fejlécét és saját képeinket rakjuk bele.
Tovább Ebben a pillanatban ezt az új sablont már le kell tölteni minden talált webhelyről.
Kívánatos, hogy több legyen belőlük, hogy legyen lehetőség választani. Hogy hol kell őket keresni, azt az utolsó 14. leckében olvashatja. A legegyszerűbb módja, ha ezeket a fájlokat egy mappába menti, hogy később ne keveredjen össze.
Oldalunk kialakításának megváltoztatásához új sablont kell telepíteni. Hogyan kell csinálni?
A kezdéshez indítsa el a Denwert a számítógépén.
Bemegyünk az adminisztrációs panelre a "Bővítmények" menüben - telepítés / eltávolítás.
A "csomagfájl letöltése" sorban a "Tallózás" gomb érdekel bennünket. Rákattintunk, és most ki kell választanunk a telepítésre előkészített sablont. Ha egy külön mappában van, amit mindig elmondok, akkor gyorsan megtalálja. Kattintson zip archívum, jelölje ki a sablont, majd nyissa meg.
Egyszerűen kiválaszthat fájlokat, hogy megtudja, mi működik az Ön számára és mi nem.
Ezután rá kell kattintanunk a „fájl letöltése / telepítése” gombra.
Egy üzenetnek kell megjelennie, hogy a sablon sikeresen telepítve lett.
Néha valamilyen oknál fogva hiba keletkezhet, majd próbálja meg újra a telepítést. Ez a hiba a fájl telepítés előtti megnyitásakor és utána is megjelenhet.
Nem sikerült – válasszon másik sablont magának, majd egyszerűen törölje ezt.
Némelyikük nem biztos, hogy nagyon jó minőségű mert szabadok.
Hol találok új sablonokat?
Ugyanott lesznek, mint mindenki más.
Megyünk a bővítménykezelőhöz - sablonok, és ott mindent megtalálunk, amit csak telepítettünk. Kis képek vannak mellettük, felbukkannak, ha a név fölé viszed az egérmutatót.
Itt van a képernyőképem.
Hogy ellenőrizzük, mit csináltunk, kattintsunk az egérrel a név bal oldalán (körben).
Ezután kattintson az "alapértelmezett" gombra, ami után egy sárga csillag lesz a név melletti sorban.
Ezt követően az oldal megjelenése megváltozik. Menjünk előre, és nézzük meg.
Milyen meglepetések várhatnak Önre a sablonváltáskor?
A képernyőkép példáján most mindent meg fog érteni.
Telepítés után elkészítettem az egyik alapértelmezett sablont. Az előnézetben látható, hogy a felső menü eltűnt valahol.
Miért történt ez, mert mindent jól csináltunk?
Ha bemész és megnézed a modulok pozícióit, ahogy az előző leckében tettük, akkor egyértelmű, hogy itt egyszerűen nem fog úgy működni, hogy a felső menüt úgy jelenítsük meg, ahogyan azt szeretnénk.
Mi a kiút? Rendezd át a felső menüt, vagy keress másik sablont. Én a második lehetőséget választottam.
Most minden pontosan úgy működött, ahogy kellett.
Előfordulhat, hogy a modulok egyes pozíciói egyszerűen hiányoznak. Ha a felső menü most a user3 pozícióban van, akkor egy ilyen pozícióval nem rendelkező sablon telepítése után a felső a menü eltűnik. Jobbra vagy balra kell mozgatnia, vagy új sablont kell keresnie magának. Próbáljuk meg ellenőrizni, mik a pozíciók. Már tudja, hogyan kell ezt megtenni.
Megyünk a „Sablonkezelőbe”, válasszuk ki a nevet, majd változtassuk meg.
Ezért olyan pozíciót kell választani, amely biztosított. Például fent vagy jobbra.
Ha pénzért veszel egy sablont, akkor azt csinálnak, amit akarsz. De még nem költünk semmit, mert mi magunk hozzuk létre az oldalt. Ez azt jelenti, hogy egy kicsit meg kell próbálnia magát, és pontosan ki kell választania a megfelelőt a felsorolás módszerével.
Ezért egynél több sablon letöltését javaslom. Nem kell rohanni, a lényeg az, hogy minden pozíció megvan a szükséges modulokhoz. Nézz, válogass, készíts alapértelmezés szerint különböző sablonokat, amíg egy dolog nem tetszik, a legszebb és legkényelmesebb az összes menüponthoz.
Az oldal letöltésre való előkészítése előtt feltétlenül törölünk mindent, ami felesleges. Ennek mikéntjét külön megírjuk.
Hogyan változtassuk meg a dizájnt?
A kész sablonon van egy logó, amire nincs szüksége. Mindenképpen meg akarja változtatni a fejlécben lévő különböző képeket a sajátja számára.
Nézzük meg, hol tárolják ezeket a kész képeket.
Nyissa meg a "saját számítógépem" - Z meghajtó - otthon - webhelyem - www
Bemegyünk a sablonok mappába, itt tároljuk az összes sablont.
Jelenleg 13 db van belőle.
Most név szerint kell megkeresnie azt, amelyik jelenleg alapértelmezés szerint ki van választva.
Menjen vissza az adminisztrációs panelre, és ellenőrizze a nevet, amely mellett egy sárga csillag van, majd keresse meg itt ezt a mappát.
Például van egy másik sablonom a fogorvosokhoz.
Így néz ki most a kalap.
Ő persze nem illik hozzám, a képet ki kell cserélni.
De hogyan kell csinálni?
Nem helyettesíthet egyetlen fényképet sem, szükség van egy kis trükkre.
Ha módosítani szeretné a képet, először készítsen egy újat.
Első ránézésre elég nehéz feladat, de megbirkózunk vele!
Olvassa el, mi legyen a sorrend, majd ismételje meg a webhelyén.
Bemegyünk annak a sablonnak a mappájába, amelyet a „Sajátgépen” keresztül fog újra elvégezni. Érdekelnek minket a képek, ezért kiválasztjuk a képek mappát.
Szánjon rá időt, hogy ne keverje össze a mappákat.
Tehát hogyan lehet megtalálni a kívánt fájlt, mi a neve, és pontosan mit kell tenni?
Itt nem találja a kalap szót, még akkor sem, ha nagyon sokáig keres.
Kicsit nyújtózkodnunk kell, és figyelmünket a header nevű fájlra kell fordítanunk. Utána írható - .jpg vagy - .png vagy - .gif
Egy ilyen fájlnak különböző nevei lehetnek, például logó vagy akár szalagcím.
Hogy ne tévedjünk, megnézzük a bal oldali oszlopot, a névre kattintva a megfelelő képek jelennek meg benne.
Ez a képernyőkép azt mutatja, hogy érdekel a banner1.jpg fájl
Ha módosítani kívánja a webhely fejlécét, vagy inkább a fejlécfájlt, akkor ugyanezt kell tennie. Meg kell adni ezt a nevet, méretet és kiterjesztést. Ha a forrásfájl png-t tartalmaz, akkor pontosan ugyanazt a fájlt kell létrehoznia, például a Photoshopban.
És cserélje ki a régi fájlt az új fájlra. Egy ilyen ügyes csere után az oldalad fejléce is megváltozik.
A fájllal való munka menete a következő.
2) Bármelyikben grafikus szerkesztő meg kell alkotnia saját arculatát. Pontosan azonos névvel, pixelmérettel és kiterjesztéssel kell rendelkeznie.
Azt mondják, hogy a jövőben csak azokat viszik Morflotba, akik nem tudnak úszni. Sokkal jobban védik a hajójukat!!!
Mutatok egy konkrét példát.
A fájlom így hívják: banner1.jpg (a mérete 979x354).
CorelDraw-ban megtettem egyszerű kép, pontosan akkora, banner1-nek hívják, és jpg formátumban mentettem el
Ezután ismét bemegyünk a mappába ezzel a sablonnal, kiválasztjuk a benne lévő képek mappát, és ide szúrunk be egy új fájlt a képünkkel.
Feltétlenül megkérdezik: „Cserélje ki a fájlt?”
Elfogadod, hogy ezt követően az új kép lesz felelős az oldal fejlécében a tervezésért, a régi pedig egyszerűen eltűnik.
Nézze meg, mi történt ezen a képernyőképen.
A csere elve egyszerű, mindent rendben végezzen, és szánjon rá időt.
Ugyanígy módosíthatja a logót és megváltoztathatja az egyes gombok színét.
Először mentse el a régi fájlt, majd készítsen egy újat egy grafikus szerkesztőben. És cserélje ki a régit egy újjal. Itt a sablonban van egy logó a fogorvosok számára. Természetesen le kell cserélni a sajátjára.
Ha megváltoztatod a nevet vagy a méretet, semmi sem fog működni.
Néha csere után a régi kép még mindig betöltődik, bár már nincs meg. Ez annak a ténynek köszönhető, hogy a régi kép betöltődik a gyorsítótárból.
Ebben az esetben frissítenie kell a webhelyet (F5 gomb).
Ha át szeretné méretezni a fejlécet, és a -jpeg helyett -gif-et szeretne tenni, akkor HTML és CSS segítségével szerkesztheti, de ez túl bonyolult a kezdőknek. Ezért ajánlatos kezdeni azzal, hogy egyszerűen lecseréli a fájlokat a sajátjára. Ez a legegyszerűbb tervezési változtatás.
Célszerű képeket berajzolni vektoros grafika, mert kinagyítva nem veszítenek minőségükből.
De ha még soha nem dolgozott CorelDraw-val, rajzoljon Photoshopban. Még azután is, hogy az erőforrás az interneten van, mindent meg lehet változtatni.
Szabványos modulok származtatása
Kedves Olvasóink, továbbra is adunk ki anyagokat Joomla 3. Ma arról fogunk beszélni, hogyan módosíthatja webhelye hátterét. Ezt elég egyszerű megtenni a Joomlában.
Először meg kell nyitnia webhelyét bármely böngészőben, például mi a böngészőt használjuk Google Chrome.
1) Kattintson Jobb klikk egérrel a webhely azon helyére, ahol módosítani szeretné a hátteret, és válassza ki az elemet "Kód megtekintése"(más böngészőkben a név eltérhet).
Például úgy döntöttünk, hogy oldalunk hátterét pirosra cseréljük. Ezért kattintsunk az egérrel a webhely jobb vagy bal oldalán.
2) Megjelenik előttünk egy ablak, ahol az oldal forráskódja lesz feltüntetve.
Itt az értékre vagyunk kíváncsiakháttérszín. Mint látható, a webhely szürkés árnyalatú. Cseréljük élénkpirosra. Ehhez kattintson a színnel ellátott négyzetre, és válassza ki a számunkra szükséges árnyalatot. Emlékezzen ennek a színnek a digitális jelölésére (például fehér eseténf000000 ).
Most becsukja az ablakot forráskód, láthatjuk, hogy a háttérszín valóban megváltozott az oldalon.
Válassza ki a kívánt színt, és folytassa a következő lépéssel.
3) Miután kiválasztotta a számunkra szükséges opciót, be kell állítania ennek a színnek a beállítását webhelye adminisztrációs panelén. Hogy megtudjuk, pontosan hol található a háttérszínért felelős fájl, nyissuk meg újra a "Kód megtekintése" ablakot.
Most vigye az egérmutatót a címke melletti cím fölé test és látni fogja, hogy melyik fájlban található a háttérszín megváltoztatásáért felelős kód. Egyébként a kettőspont utáni számok azt a sor számát jelzik, ahol ez a kód található.
Elindítjuk a vezérlőpultot, és megtaláljuk ezt a fájlt.
