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 <body><p>background-image:url(http://.....);</p></body>,
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
1
Az Oldalakhoz háttérképet szertnék berakni
Szerző Kattka, 2010-03-14 20:50 PM
23 válasz erre a témára
#2
-
- Regisztrált tag
-
- 1499 Hozzászólás:
Fórumfüggő
Elküldve: 2010-03-14 - 21:08 PM
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...lection-widget/ hátha ...
csak egy villanás a Matrixban
#3
-
- VIP tag
-
- 2943 Hozzászólás:
WP Addikt
Elküldve: 2010-03-14 - 21:12 PM
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 <style></style> közé írva, c) valamely HTML tag style részébe (pld <p style="ide"></p>
í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 <style></style> között:
id
Ennek másik változata, mikor EGY EGYEDI dologra szeretnél hivatkozni. ezt az id rész határozza meg ( pl <div id="egyedicim-doboza-belolemcsakegyvan"></div>)
Erre viszont így hivatkozol:
Ezekhez:
http://www.google.hu...le+keres%C3%A9s
>
http://www.w3schools..._background.asp
Itt a második linken a "Try it yourself" opció alatt egészen sok mindent ki is próbálhatsz
Sok sikert!
: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 <style></style> közé írva, c) valamely HTML tag style részébe (pld <p style="ide"></p>
í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 <style></style> között:
[b].[/b]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 <div id="egyedicim-doboza-belolemcsakegyvan"></div>)
Erre viszont így hivatkozol:
[b]#[/b]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...le+keres%C3%A9s
>
http://www.w3schools..._background.asp
Itt a második linken a "Try it yourself" opció alatt egészen sok mindent ki is próbálhatsz
Sok sikert!
Szerkesztve hgrg által: 2010-03-14 - 21:13 PM
#4
-
- VIP tag
-
- 2943 Hozzászólás:
WP Addikt
Elküldve: 2010-03-14 - 21:14 PM
bocsesz a kódos részeknél értelemszerűen a [ b ] ill [ / b ]-k nem kellenek bele!
Szerkesztve hgrg által: 2010-03-14 - 21:14 PM
#5
-
- Regisztrált tag
-
- 51 Hozzászólás:
Új Tag
Elküldve: 2010-03-14 - 21:15 PM
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
Valamint ajánlom hogy olvasdgasd át amit itt http://codex.wordpress.org/Pages irnak az oldalak testreszabásáról
#6
-
- Regisztrált tag
-
- 132 Hozzászólás:
Tag
- Település:Budapest
Elküldve: 2010-03-14 - 23:09 PM
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á
Mégegyszer köszönöm
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á
Mégegyszer köszönöm
#7
-
- VIP tag
-
- 2943 Hozzászólás:
WP Addikt
Elküldve: 2010-03-14 - 23:33 PM
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
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
#8
-
- Regisztrált tag
-
- 169 Hozzászólás:
Tag
- Település:Budapest
Elküldve: 2010-03-14 - 23:43 PM
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:
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
Megjelenés > szerkesztő itt a header.php-ben
ehelyett:
<div id="wrapper">
<?php
if (is_page()) {
echo '<div id="wrapper2">';
}
else {
echo '<div id="wrapper">';
}?>
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
if (is_page(oldal ID-je))
{
echo '<div id="wrapper2">';
}
elseif ((is_page(másik oldal ID-je))
{
echo '<div id="wrapper3">';
}
- ide még akárhány elseif jöhet -
else {
echo '<div id="wrapper">';
}?>
Szerkesztve chiara által: 2010-03-14 - 23:43 PM
#9
-
- Regisztrált tag
-
- 132 Hozzászólás:
Tag
- Település:Budapest
Elküldve: 2010-03-15 - 01:29 AM
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?
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!!
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?
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!!
Csatolt fájl:
-
Vágólap01.jpg 7.7K
15 Letöltések:
#10
-
- Regisztrált tag
-
- 169 Hozzászólás:
Tag
- Település:Budapest
Elküldve: 2010-03-15 - 01:36 AM
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...
megnézem...
#11
-
- Regisztrált tag
-
- 169 Hozzászólás:
Tag
- Település:Budapest
Elküldve: 2010-03-15 - 02:00 AM
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?
#12
-
- Regisztrált tag
-
- 132 Hozzászólás:
Tag
- Település:Budapest
Elküldve: 2010-03-15 - 11:22 AM
" ott legyen a háttérkép, ahol most a fehér lap van" igen ezt szeretném
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.
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.
#13
-
- Regisztrált tag
-
- 169 Hozzászólás:
Tag
- Település:Budapest
Elküldve: 2010-03-15 - 14:09 PM
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:
<div id="770" class="post-770 page hentry category-zuglo clearfix single-post">
Ú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 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:
<div id="770" class="post-770 page hentry category-zuglo clearfix single-post">
Ú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...
#14
-
- Regisztrált tag
-
- 169 Hozzászólás:
Tag
- Település:Budapest
Elküldve: 2010-03-15 - 14:13 PM
A 2. pontnál a post-770 stb. elé is kell egy pont: .post-770stb.
#15
-
- Regisztrált tag
-
- 132 Hozzászólás:
Tag
- Település:Budapest
Elküldve: 2010-03-16 - 00:42 AM
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://ingatlanporta...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://ingatlanporta...terehatter1.jpg) no-repeat-; border: 1px solid #AC9A50; margin: 0 10px 20px 0; }
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://ingatlanporta...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://ingatlanporta...terehatter1.jpg) no-repeat-; border: 1px solid #AC9A50; margin: 0 10px 20px 0; }
#16
-
- Regisztrált tag
-
- 169 Hozzászólás:
Tag
- Település:Budapest
Elküldve: 2010-03-16 - 00:49 AM
Í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.
Szerkesztve chiara által: 2010-03-16 - 00:50 AM
#17
-
- Regisztrált tag
-
- 169 Hozzászólás:
Tag
- Település:Budapest
Elküldve: 2010-03-16 - 00:58 AM
Amúgy nem akartam magázódni 
Csak persze nem lehet akármeddig szerkesztgetni az elírásokat...
Csak persze nem lehet akármeddig szerkesztgetni az elírásokat...
#18
-
- Regisztrált tag
-
- 132 Hozzászólás:
Tag
- Település:Budapest
Elküldve: 2010-03-16 - 02:36 AM
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
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
#19
-
- Regisztrált tag
-
- 169 Hozzászólás:
Tag
- Település:Budapest
Elküldve: 2010-03-16 - 02:47 AM
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://ingatlanporta...oldalhatter.gif) repeat-y; border: 1px solid #AC9A50; margin: 0 10px 20px 0; }
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://ingatlanporta...oldalhatter.gif) repeat-y; border: 1px solid #AC9A50; margin: 0 10px 20px 0; }
#20
-
- Regisztrált tag
-
- 132 Hozzászólás:
Tag
- Település:Budapest
Elküldve: 2010-03-16 - 02:51 AM
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.
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.
1 felhasználó olvassa ezt a témát.
0 felhasználó, 1 vendég, 0 anonim felhasználó
