Az Oldalakhoz háttérképet szertnék berakni

Az oldalaim hátterét képre szeretném cserélni(nem a főoldalt,nem is a bejegyzéseket,hanem egy oldalt,vagy mindet) és a betűket is megváltoztatnám.





Egész délután bújtam a neten a css rejtelmeit,de nem megy.Próbálkoztam az egyik oldalnál közvetlenül is html nézetbe beírni az elejére a body{background-image:url(…);}





vagy

background-image:url(http://…);

,





de a styles lapon a theme/css/styles/default lapon is próbáltam a h1,h2,h3,…után írni a háttér képet,és a betüket,





a kép akkor sem jött be az oldalaknál.





A betü néhol megváltozott,de fogalmam sincs,hogy miért pont ott ahol.Mert nem mindenhol.





Kérem szépen,hogy segítsen valaki,már nem látok,annyit olvasgattam a sorokat,de csak találomra változtatgatok,fogalmam sincs mit csinálok,csak feltöltöm,megnézem,mi változik,ha nem jó akkor visszacsinálom.De sz sehogyan sem akar sikerülni.





Köszönöm

Beirtam a plugin keresőbe, “custom page” … Kidobott egy csomó mindent, de nem sok tűnik használhatónak. Esetleg próbáld meg ezt: http://wordpress.org/extend/plugins/designer-pages-collection-widget/ hátha …

Akkor egy kis CSS gyorstalpaló röviden. Zanzásított verzió :):




  1. Sablonod neve? (lehet, hogy nem minden a style.css-ben tárolódik, bár akkor normális esetben egy @import sort kellene látnod a file elején/végén.)




  2. CSS szabályokat: a) .css file-ba, B ) a header-be közé írva, c) valamely HTML tag style részébe (pld <p style=“ide”>





    írhatsz.





    Ezek a szabályok felülírhatják, bírálhatják egymást. Pl:





    body{background:url(‘wp-content/sabi/kep.png’);}





    body{background:#fff;}





    Nos ilyenkor értelemszerűen a hátteret fehérre állítottad.





    No most ez átlátható, de a 2-3-4 ne adj isten sokkaltöbb100 soros kódoknál… Pláne, ha szándékosan tömörítve van…











    3.Ha annyit szeretnél egyszerűsíteni, hogy több elemre is ugyanolyan szabályt szeretnél alkalmazni, akkor jön be az a) ill. B ) lehetőség. Ilyenkor az elem class részébe beírsz egy azonosítót. pld bekezd ezek után, így fogsz rá hivatkozni a .css file-odban avagy a között:



Code:



.bekezd{szabály;}





Ezt használjuk, ha TÖBB elemre szeretnénk ugyanezt a szabályt alkalmazni.


id


Ennek másik változata, mikor EGY EGYEDI dologra szeretnél hivatkozni. ezt az id rész határozza meg ( pl
)


Erre viszont így hivatkozol:


Code:



#egyedicim-doboza-belolemcsakegyvan{szabály;}





Az első példámból láthatod, hogy hogy "illik" egy háttérképet beszúrni. Persze ezt még pozícionálod, nyújtod, ismétled kutyafüle.


Ezekhez:


http://www.google.hu/search?hl=hu&source=hp&q=w3c+background&meta=&btnG=Google+keres%C3%A9s


>


http://www.w3schools.com/css/css_background.asp





Itt a második linken a "Try it yourself" opció alatt egészen sok mindent ki is próbálhatsz :)


Sok sikert!

bocsesz a kódos részeknél értelemszerűen a [ b ] ill [ / b ]-k nem kellenek bele!

Legegyszrerüben ugy tudod ezt megoldani hogy anyi page sablont hozol létre ahány kell és css-ben ugyformázod ahogy neked tetszik.





Valamint ajánlom hogy olvasdgasd át amit itt http://codex.wordpress.org/Pages irnak az oldalak testreszabásáról

Sajnos ilyenek ,hogy style sehol nem szerepelnek,Csak a nevükben





Nincs html fájl,csak php,és css fájlok vannak.A php-kban sem találtam ilyen kódrészletet.





Az oldal amit ajánlottál hgrg,tényleg jó,csak nem tudnám,hova illesszem a kódot.





A default css-ben minden szépen sorban van meghatározva,azonban az oldalakról semmit nem találtam benne.





Még próbálkozom,de nem sok reményem van eddigi tapasztalataim alapján.





Azért kedves tőletek,hogy tanácsot adtatok.Köszönöm.Még olvasgatom a





WordPress codex-et,de azt sem igen értem,pedig nagyon jól van elmondva,annak aki ért hozzá :frowning:





Mégegyszer köszönöm

hali!





Nos akkor további fejtegetések:





Fogod a page.php-dat





Megnézed, hogy mi a “legkülső” DIV-ed és megkeresed az id/class párosát a stíluslapodon (WebDeveloperToolBar Firefox kiterjesztés esetén CTRL-SHIT-C és máris megvan(nak) az oldal által használt stíluslap(ok). CTRL-F és rákeresel az id/class -ra





Majd kibővíted/átírod a megfelelő sort :slight_smile:

Szia Kattka! Van egy oldalam ezzel a témával és kipróbáltam ezt a megoldást: (akkor jó, ha a fejlécképed ugyanaz marad)











Megjelenés > szerkesztő itt a header.php-ben





ehelyett:


Code:









Code:

<?php

if (is_page()) {

echo '
';

}

else {

echo '
';

}?>








a default.css-be pedig, amit már megtaláltál, a #wrapper kezdetű sor alá:


#wrapper2 { min-height: 100%; position: relative; background: url(../../images/valami.gif); }


(Ebben az esetben az arras theme könyvtárában lévő images könyvtárban legyen a háttérkép, de máshová is rakhatod, csak figyelj a hivatkozás helyes megadására)





Ez az egész arra jó, ha minden oldalnak akarsz egyféle háttérképet adni.


Ha oldalanként különbözőt szeretnél, akkor





if (is_page()) helyett


Code:

if (is_page(oldal ID-je))

{

echo '
';

}



elseif ((is_page(másik oldal ID-je))

{

echo '
';

}

- ide még akárhány elseif jöhet -

else {

echo '
';

}?>

Chiara!





Köszönöm,ezt nagyon jól elmondtad és sikerült is.Csakhogy a háttérképet alárakta egy fehér lap alá,amire van az oldal írva.Én az oldal háttere helyett szerettem volna,hogy arra írhassak.Így két réteg van.Ill.kicserélte az általános hátteret,de nem azt amire már írhatok.Nem tudom,értelmesen fogalmaztam e.Lehet,hogy rosszul kérdeztem? :unsure:











hgrg!A tiedet még nem próbáltam,mert kézenfekvőbb volt a Chiara leírása.De azt is megpróbálom holnap,hátha azt csinálja amit én szeretnék.Szóval nem a fehér lapra szeretnék oldalakat írni,hanem valamilyen halvány,de hátteres lapra,vagy színes lapra











Köszönöm m9ndenkinek az eddigieket.Jó éjszakát!! :smiley:

Akkor már csak azt kell kideríteni, hogy melyik elemnek fehér a háttere (amitől a fehér lap keletkezik), és annak megmondani a css-ben, hogy background:none;





megnézem…

Szöget ütött a fejemben, hogy te most azt szeretnéd, hogy ott legyen a háttérkép, ahol most a fehér lap van, vagy jó ott, ahol van, csak ne legyen a fehér háttér?

" ott legyen a háttérkép, ahol most a fehér lap van" igen ezt szeretném :slight_smile:





Köszönöm,hogy foglalkoztál vele.Még nem jöttem rá,pedig próbálgattam,hogy hol van ez a fehér rész a default css-ben,pedig már majdnem mindent átszíneztem próbaképpen.

Erre csak egy nem túl elegáns megoldást tudok…





A fehér lapot a 200. sor csinálja a default.css-ben ez az összes bejegyzés háttérszínét állítja, tehát, ha átírnád, nem csak az oldalakra vonatkozna a dolog.











A template.php-ben állítja be egy php function-nel a posztok hátterének stílusosztályát, ott átírni valamit, na az lenne az elegáns megoldás, de azt nem tudom, hogy kéne.











Úgyhogy marad az, hogy minden egyes oldalnál megnézed a saját azonosítót is tartalmazó osztályt, amit a bejegyzés háttere kap. (Én ezt google chrome böngészővel szoktam, jobb egérgomb, elem kivizsgálása).





Pl. a fontosabb telefonszámok c. oldaladnál a bejegyzés div-jének osztálya:










Úgyhogy a class utáni részt kell megformázni a default.css-ben. A szóközök helyett .-ot írva.








1. A .single .post, .single-post kezdetű sorból csinálsz még egyet.


2. A ".single .post, .single-post" helyett beírod, hogy post-770.page.hentry.category-zuglo.clearfix.single-post


3. a {} közötti részben átírod a hátteret arra a képre, amit szeretnél.





És ugyanezt csináld meg minden oldalnál...

A 2. pontnál a post-770 stb. elé is kell egy pont: .post-770stb.

Szia!





Sikerült megcsinálni,de csak annál az egy oldalnál,amit leírtál.





Akármelyiket is próbáltam azután azok már nem sikerültek.





Lehet,hogy valamiért csak egy van engedélyezve?





Például a lebomló menüknél is ez volt a probléma,hogy nem akart mind lenyilani.Át írtam a defaultban a 11 számot 21-re és mindjárt szépen lebomlottak.





Lehet,hogy ennél is van ilyen.?





Azért leírom,hogy ellenőrizd légyszíves,hogy elrontottam e valamit a beírásnál,vagy más ka lehet,hogy nem jelenik meg a többi oldal alá bevitt kép.Az első amit leírtál,hogyan kell ez jó lett.A másodikat egyedül csináltam,az nem jelent meg,akármit is csinálok.Ez a Zugló oldal(Szülő oldal)De aloldal se jön be több.











.post-770.page.hentry.category-zuglo.clearfix.single-post{ background: url(http://ingatlanportal-zuglo.hu/wp-content/uploads/oldalhatter.gif) repeat-y; border: 1px solid #AC9A50; margin: 0 10px 20px 0; }

















.post-30. page. hentry. category-zuglo. clearfix. single-post { background: url(http://ingatlanportal-zuglo.hu/wp-content/uploads/hosokterehatter1.jpg) no-repeat-; border: 1px solid #AC9A50; margin: 0 10px 20px 0; }

Így kapásból azt mondanám, hogy a post-30-as rész tele van szóközökkel… ha így írta a css-ben is, akkor valószínűleg azért nem értelmezi.

Amúgy nem akartam magázódni :lol: Csak persze nem lehet akármeddig szerkesztgetni az elírásokat…

Minden szóköz után raktam pontot,mint ahogy be is másoltam.





Neked mért ment és nekem miért nem?hm…





Pedig úgy örültem,azért köszi.





Még azt találtam ki,hogy az összes oldalnak esetleg egy sorban beírnám ugyanazt a képet,nem kell mindnek másnak lennie.





Nem tudom,hogyan sorolhatnám fel őket,vesszővel kell elválasztani,vagy ;-vel,vagy ez butaság?





Mégegyszer nagyon köszönöm a válaszokat.





Szia :slight_smile:

Szóköz helyett írjál .-ot! (ne utána)





lehet vesszővel is, igazad van, csak most azt fejből már nem tudom, hogy hogy is, elképzelhető, hogy egyszerűen így:





.post-770.page.hentry.category-zuglo.clearfix.single-post, .post-30.page.hentry.category-zuglo.clearfix.single-post{ background: url(http://ingatlanportal-zuglo.hu/wp-content/uploads/oldalhatter.gif) repeat-y; border: 1px solid #AC9A50; margin: 0 10px 20px 0; }

Képzeld el,még egy próbát csináltam.





Lemásoltam az első,sikeres feltöltésü sorokat mégegyszer és csak a számot írtam át.Így az alatt az oldal alatt is megjelent a háttér.





Kutya legyek,ha tudom mi volt a hiba,mert 1000x átnéztem és minden stimmelt.





Na szia, Jó éjt!





Esetleg,még a betűtípusokra adhatnál valami tippet,hol kell átírni az egyes oldalaknál,mert nem szeretném hogy az egész sablont érintse,mert a formázások elvesznek a többinél.Már volt részem benne,amikor próbálgattam.