Prilagojeno matrično temo galerije 2

• Maj 6, 2024

V zadnji vadnici smo začeli temo Matrix prilagoditi lastni temi za Galerijo 2. Nadaljevali bomo z nastavitvijo te nove teme kot privzeto temo za svoj portfelj in spreminjanjem grafike ozadja.

Znotraj mape z vsebinami za vsako temo je slikovna datoteka scheeshot.png, ki je posnetek zaslona te teme. Še vedno imamo stari png teme Matrix v novi mapi teme. Morda to želite nadomestiti s png za temo svoje galerije. Povprečna velikost png je približno 500 x 200 slikovnih pik. Novo datoteko screenshot.png shranite v mapo slik.

C: \ xampp \ htdocs \ gallery2 \ teme \ dCipollo \ slike

Zdaj se lahko vrnemo na nadzorno ploščo Site Admin. Najprej moramo namestiti novo temo. Pojdite na razdelek Vtičniki in na dnu strani boste videli, da je naša nova tema navedena pod Teme. Za namestitev naše nove teme kliknite Install. Nato pojdite na razdelek Teme območja Administratorja in spremenite privzeto predlogo iz matrike v našo novo temo. Seveda v tem trenutku ne boste opazili sprememb v predlogi predloge. Te spremembe moramo še vedno izvesti.

Najprej rad naredim grafične spremembe svoje teme. Dodajmo sliko ozadja. To je lahko ponavljajoča se ploščica. Toda za ujemanje mojega spletnega mesta bom uporabil enako veliko statično sliko ozadja. Shranimo svoj ozadje jpg v mapo dCipollo v imeniku gallery2.

C: \ xampp \ htdocs \ gallery2 \ dCipollo

Zdaj smo pripravljeni spremeniti datoteko theme.css in dodati našo grafiko v ozadju. Če si ogledamo izvorno kodo datoteke main.php, vidimo, da ima oznaka body slog sloga, imenovan galerija.



Ta slog body.gallery bomo morali najti v datoteki theme.css.

body.gallery {
? ? marža: 0;
? ? oblazinjenje: 0;
}

Zdaj bomo tem razredu dodali kode sloga ozadja in naslov URL za sliko ozadja usmerili na jpg v mapi dCipollo.

body.gallery {
? ? marža: 0;
? ? oblazinjenje: 0;
? ? barva ozadja: #eeeeee;
? ? ozadje-slika: url ('../../ dCipollo / BG1_Gallery.jpg');
? ? priloga v ozadju: pomikanje;
? ? ozadje-ponovite: brez ponovitve;
? ? ozadje-položaj: zgoraj levo;
}

Če osvežimo našo glavno stran.php za svoj portfelj, še vedno ne vidimo slike ozadja. To je zato, ker obstajajo nekateri slogi, ki imajo ozadje na belo. Te sloge nastavimo na prozorno ozadje.

To bi moralo poskrbeti za grafiko ozadja našega portfelja. Pripravljeni smo spremeniti glavo in nogo za spletno stran.

Navodila Video: Neanderthal Apocalypse - (2015) Documentary (Hrvatski titlovi) (Maj 2024).