Megújult testre szabható sablon: Cafeblog Renew

1.0CafeBlog Helphttps://help.cafeblog.huCafebloghttps://help.cafeblog.hu/author/admin-2/Megújult testre szabható sablon: Cafeblog RenewSokan kértétek, mi is szerettük volna csak szükségünk volt hozzá egy kis időre. Végül elkészültünk a testre szabható sablonnal, aminek Cafeblog Renew lett a neve. Szinte mindenre van benne lehetőség, lehet betűszínt, betűméretet változtatni, új betűtípusokat is hozzáadtunk, lehet háttérszínt, keretet adni a dolgoknak és még nagyon sok minden mást is. Ez a leírás most lehet hosszú lesz, de megpróbáljuk minél részletesebben leírni és videóval szemléltetni, hogy mit és hogyan lehet testre szabni, hogy tényleg egyedi tudjon lenni a blogod. Kezdjük akkor a legelején. Ha már meglévő blogger vagy akkor válts át a Cafeblog Renew sablonra. Ha még csak most regisztráltál, akkor ez az alapértelmezett sablonod. Kezdetben egy teljesen letisztult, egyszerű kinézetet fogsz látni, ez az alap kinézet, innen lehet belőle egyedit faragni. Az alábbi kép ezt szemlélteti, persze ha még nincs semmi bejegyzésed, akkor szinte üres lesz az oldal. <img class="alignnone size-full wp-image-496" alt="cb-renew-01" src="https://help.cafeblog.hu/files/2014/01/cb-renew-01.jpg" width="600" height="540" /> Első lépésként menj az admin felületedre. A Sablonok menüpont alatt találod a Testreszabást. <a href="https://help.cafeblog.hu/files/2014/01/cb-renew-testraszabas.jpg"><img class="alignnone size-large wp-image-656" alt="cb-renew-testraszabas" src="https://help.cafeblog.hu/files/2014/01/cb-renew-testraszabas-600x361.jpg" width="600" height="361" /></a> A legfontosabb dolog, hogy módosításaidat mindig mentsd a Mentés & Közzététel gombra kattintva, mielőtt bezárnád a testreszabó felületet, egyébként elvesznének a beállításaid. <h3>Sablonváltás</h3> Tudjuk nem mindenki szeret hosszan szöszölni az oldal kinézetével, ezért a sablonon belül több előre elkészített témát is találtok, ami közül választhattok, ha azonnal kezdenétek is blogolni. Ezeket a Testreszabás felületen a Sablonváltás alatt találjátok. A fenti képen a kis piros nyilacska mutatja mire kattintsatok, hogy a Testreszabás oldalra jussatok. A Testreszabás oldalon legfelül található a Sablonváltás. Alább láthattok ezekből egy kis ízelítőt kicsiben. Katt rá a nagyobb képért. Kiválasztás után ezeket a témákat is tovább lehet alakítgatni, ha módosítanátok egy-két dolgon. <a href="https://help.cafeblog.hu/files/2014/01/cafeblog-renew-elore-osszeallitott-temak.png"><img class="alignnone wp-image-672" alt="cafeblog-renew-elore-osszeallitott-temak" src="https://help.cafeblog.hu/files/2014/01/cafeblog-renew-elore-osszeallitott-temak.png" width="600" height="762" /></a> <h2>Tartalomjegyzék:</h2> <ol> <li>Oszlopok beállításai</li> <li>Fejléc <ol> <li>Alap beállítások</li> <li>Blog nevének beállításai</li> <li>Egysoros leírás beállításai</li> </ol> </li> <li>Fejrész kép</li> <li>Tartalmi beállítások</li> <li>Tartalom - címsor</li> <li>Tartalom - meta sor</li> <li>Tartalom - szöveg</li> <li>Oldalsáv formázása <ol> <li>Hasáb formázása</li> <li>Oldalsáv címek formázása</li> <li>Oldalsáv szöveg formázása</li> </ol> </li> <li>Menü formázása <ol> <li>Alap beállítások</li> <li>További beállítások</li> </ol> </li> <li>Háttérkép</li> <li>Keret beállításai <ol> <li>Külső keret beállításai</li> <li>Belső keret beállításai</li> </ol> </li> </ol> <h3>1. Oszlopok beállításai</h3> <img class="size-full wp-image-499 alignleft" alt="cb-renew-101" src="https://help.cafeblog.hu/files/2014/01/cb-renew-101.jpg" width="300" height="290" /> Az Oszlopok elrendezése részben kiválaszthatod, hogy az oldalsáv a jobb vagy a bal oldalon jelenjen meg. A Szélességek részben választhatsz négyfajta oldalszélesség közül. - Az első és a második a jelenlegi sablonok szélességével egyezik meg, a másodikban viszont az oldalsáv szélesebb és a tartalom keskenyebb. - A harmadik és a negyedik lehetőségben, pedig vékonyabb oldalakat lehet választani. A Szélességek részben, a választási lehetőségek végén, a zárójelben található számok az oldal pixelben mért szélességét jelentik. Az alábbi rövid kis videóban szemléltetjük ezeket a beállításokat: <iframe src="//www.youtube.com/embed/zYhOjzuD-rw?rel=0&vq=hd720" height="338" width="601" allowfullscreen="" frameborder="0"></iframe> <h3>2. Fejléc</h3> <h4> 2.1. Alap beállítások</h4> <img class="alignleft size-full wp-image-649" alt="cb-renew-201" src="https://help.cafeblog.hu/files/2014/01/cb-renew-201.jpg" width="282" height="586" /> Honlap neve: a blogod neve, ezt mindig töltsd ki! Honlap egysoros leírása: ide bármit írhatsz, egy rövid leírás a blogodról, egy gondolat... Fejrész szövegének megjelenítése: Ha ez be van pipálva, akkor megjelenik az oldaladon a Honlap neve, ha nincs bepipálva akkor nem. Blog leírás szöveg megjelenítése: Ha ez be van pipálva, akkor megjelenik az oldaladon a Honlap egysoros leírása, ha nincs bepipálva, akkor nem. Fejléc belső eltartása a tartalomtól (padding): Mennyi legyen a távolság a fejléc és az alatta lévő tartalom között. Azért belső, mert ha háttérszínt adnál a fejlécnek, akkor ez a plusz távolság is beszíneződik. Fejléc külső eltartása a tartalomtól (margin): Mennyi legyen a távolság a fejléc és az alatta lévő tartalom között. Azért külső, mert ha háttérszínt adnál a fejlécnek, ez a plusz távolság már nem színeződik be. Fejléc külső eltartása fent (margin): Akkor érdemes ezt használni, ha a keret fölött jelenítjük meg a fejlécet Fejléc elhelyezkedés (cím, leírás, fejléckép): A fejlécet kiveheted a keretből és megjelenítheted a fölött, így egy picit olyan hatást tudsz elérni, mintha két különálló részből lennének. De választhatod azt is, hogy a kereten belül maradjon. Fejléc háttér színe: Tetszőleges háttér színt adhatsz meg a fejlécnek. Ha olyan képet töltesz fel fejlécnek, aminek vannak átlátszó részei, akkor azt háttérszín megadásánál vedd figyelembe, hogy az átlátszó részeken a háttérszín meg fog jelenni. Szemléltetve videóval: <iframe src="//www.youtube.com/embed/NL5v1k0WZOM?rel=0&vq=hd720" height="338" width="601" allowfullscreen="" frameborder="0"></iframe> <h4> 2.2. Blog nevének beállításai</h4> <img class="size-full wp-image-536 alignleft" alt="cb-renew-202" src="https://help.cafeblog.hu/files/2014/01/cb-renew-202.jpg" width="282" height="444" /> Blog nevének színe: A Honlap neve mezőben megadott szöveg betűszíne. Blognév betűtípusa: A Honlap neve mezőben megadott szöveg betűtípusa. Blognév betűméret: A Honlap neve mezőben megadott szöveg betűmérete. Blognév betű vastagsága: A Honlap neve mezőben megadott szöveg vastagsága. Blognév elhelyezkedése: Választhatod, hogy a fejléc képen vagy a fölött jelenjen meg. Az eltartásokkal tudod módosítani például, hogy hol jelenjen meg a fejléc képen a blog neve. Blognév eltartása fent: A Honlap neve mezőben magadott szöveg felett mennyi legyen az eltartás Blognév eltartása balról: A Honlap neve mezőben megadott szöveg mellett balra mennyi legyen az eltartás Szemléltetve videóval:<iframe src="//www.youtube.com/embed/NNX7Qd7ldsE?rel=0&vq=hd720" height="338" width="601" allowfullscreen="" frameborder="0"></iframe> <h4> 2.3. Egysoros leírás beállításai</h4> <img class="size-full wp-image-545 alignleft" alt="cb-renew-203" src="https://help.cafeblog.hu/files/2014/01/cb-renew-203.jpg" width="282" height="456" /> Blog leírásának színe: A Honlap egysoros leírása (továbbiakban leírás) mezőben megadott szöveg színe Blog leírás betűtípus: A leírás betűtípusa Blog leírás betűméret: A leírás betűmérete Blog leírás betű vastagsága: A leírás betű vastagsága Blog leírás elhelyezkedése: Választhatod, hogy a fejléc képen vagy a fölött jelenjen meg. Az eltartásokkal tudod módosítani például, hogy hol jelenjen meg a fejléc képen a blog leírása. Blog leírás eltartás fent: A leírás mezőben megadott szöveg felett mennyi legyen az eltartás Blog leírás eltartás balról: A leírás mezőben megadott szöveg mellett balra mennyi legyen az eltartás Szemléltetve videóval:<iframe src="//www.youtube.com/embed/mHhfLubolHg?rel=0&vq=hd720" height="338" width="601" allowfullscreen="" frameborder="0"></iframe> <h3>3. Fejrész kép</h3> Ez a rész csak azután fog megjelenni, ha már töltöttél fel fejléc képet. Ezt a admin felületen a Sablonok -> Fejrész menü pontra kattintva tudod megtenni. Ezután már ebben a részben tudod kiválasztani hogy melyik kép legyen a fejrészben (amennyiben több is van) vagy kikapcsolni, hogy ne legyen fejrész kép. <img class="size-full wp-image-559 alignleft" alt="cb-renew-301" src="https://help.cafeblog.hu/files/2014/01/cb-renew-301.jpg" width="282" height="875" /> Fejrész kép: Itt tudod kiválasztani a fejléc képet Fejléckép eltartása fent: Itt tudod megadni, hogy mennyi legyen az eltartás a fejléc kép felett Fejléckép eltartása lent: Itt tudod megadni, hogy mennyi legyen az eltartás a fejléc kép alatt Fejléckép igazítása: Kiválaszthatod, hogy balra, középre vagy jobbra legyen igazítva a fejléckép. Ez főleg akkor jön jó, ha kisebb méretű a képed, mint az oldal szélessége Fejléckép eltolása balra: Ha egy pontos pozícióra akarod igazítani a képet vagy szeretnéd, ha egyik vagy mindkét oldalon kilógna a fejléckép, akkor itt tudod balra kitolni Fejléckép eltolása jobbra: Itt jobbra tudod tolni a fejléc képet. Fontos, hogy ha valamelyik irányba tolni akarod, akkor a másik iránynak nullának kell lennie. Fejléckép sarkainak lekerekítése: Kiválaszthatod, hogy lekerekített legyen-e a kép vagy sem, valamint egyesével bejelölheted, hogy melyik sarkak legyenek lekerekítettek, ha nem szeretnéd, hogy mind az legyen. Fejléckép lekerekítésének mértéke: Itt megadhatod, hogy mekkora legyen a lekerekítés mértéke. A 10-es az általában jó, de ha nagyobbat vagy kisebbet szeretnél, akkor nyugodtan változtasd meg. Legyen a fejléc képnek kerete: Kattintsd be, ha azt akarod, hogy legyen kerete a fejléc képnek. Arra figyelj, hogy a keret csak akkor jelenik meg, ha valamelyik oldalnál a vastagság nagyobb, mint 0 Fejléckép keretének színe: Itt kiválaszthatod, hogy milyen színű legyen a keret Keret vastagsága (fent, lent, balra, jobbra): Válaszd ki, hogy melyik oldalon milyen vastag legyen a keret. Általában ugyanolyan vastagságot érdemes beállítani minden oldalnak. Keret stílusa: Válaszd ki a keret stílusát. Lehet egybefüggő, pontozott vagy szaggatott vonal. Szemléltetve videóval:<iframe src="//www.youtube.com/embed/FMQmL-wAOI4?rel=0&vq=hd720" height="338" width="601" allowfullscreen="" frameborder="0"></iframe> És egy kis extra:<iframe src="//www.youtube.com/embed/z_IATo2dORM?rel=0&vq=hd720" height="338" width="601" allowfullscreen="" frameborder="0"></iframe> <h3>4. Tartalmi beállítások</h3> <img class="size-full wp-image-568 alignleft" alt="cb-renew-401" src="https://help.cafeblog.hu/files/2014/01/cb-renew-401.jpg" width="282" height="661" />Tartalom megjelenítése nyitó, kategória, keresés oldalakon: Válaszd ki, hogy csak egy kivonat jelenjen meg a bejegyzéseidből vagy a bejegyzések teljes tartalma. Ezt külön tudod állítani a nyitó, kategória és keresés oldalakra. Képek sarkainak lekerekítése: Itt megadhatod, hogy az oldaladon lévő képek sarkai le legyenek-e kerekítve vagy sem. Megadhatod minden sarokra vagy csak valamelyikre. Képek lekerekítésének mértéke: Itt megadhatod, hogy mekkora legyen a lekerekítés mértéke. A 10-es az általában jó, de ha nagyobbat vagy kisebbet szeretnél, akkor nyugodtan változtasd meg. Képek legyenek alapértelmezetten középre helyezve: Pipáld be, ha azt szeretnéd, hogy a bejegyzéseidben lévő képek alapértelmezetten középre legyenek helyezve. A szerkesztő ablakban ezt nem fogod látni, de ha megnézed a bejegyzésedet, akkor ott középre lesznek igazítva a képek. Tartalom háttér színe: Itt beállíthatod, hogy a tartalmi résznek (ez az ahol a bejegyzéseid láthatók) legyen-e háttérszíne és milyen legyen a háttérszíne. Szemléltetve videóval:<iframe src="//www.youtube.com/embed/kK2GyO3sUKE?rel=0&vq=hd720" height="338" width="601" allowfullscreen="" frameborder="0"></iframe> <h3>5. Tartalom - címsor</h3> A címsor a bejegyzéseidnek adott címet jelenti. Az alábbi formázások erre vonatkoznak. <img class="size-full wp-image-571 alignleft" alt="cb-renew-501" src="https://help.cafeblog.hu/files/2014/01/cb-renew-501.jpg" width="282" height="774" /> Hol jelenjen meg a cím: A meta sor (név, dátum, hozzászólások) fölött vagy alatt Betű színe: Válaszd ki, hogy milyen legyen a címsor betű színe Betű színe, ha az egér fölötte van: Válaszd ki, hogy milyen legyen a címsor betű színe, ha fölé húzod az egeret. Mivel ez egy link, ezért lehet ilyet beállítani Betűtípus: Válaszd ki a címsor betűtípusát Betűméret: Add meg a címsor betűméretét. Érdemes nagyobbat megadni, mint a szövegnek, de ne legyen óriási, mert az már nem szép Betű vastagsága: Válaszd ki a címsor betű vastagságát Eltartások és háttérszín Külső eltartás fent és lent: Ha nem adsz meg háttérszínt a címsornak, akkor érdemes ezeket az eltartásokat használni Címsor háttér színe: Ha szeretnéd háttérszínnel kiemelni a címsort itt kiválaszthatod Belső eltartások fent, lent, bal és jobb oldalt: Ha megadtál a címsornak háttérszínt, akkor a belső eltartásokat is érdemes használni, így a háttérszín nem közvetlenül a betűk határáig tart, hanem annyival tovább, amit az eltartásokban megadtál. Érdemes a fent - lent és bal - jobb mezőkbe párosával azonos értékeket megadni, így szép arányos lesz. Szemléltetve videóval:<iframe src="//www.youtube.com/embed/Q7o1pCjFLqA?rel=0&vq=hd720" height="338" width="601" allowfullscreen="" frameborder="0"></iframe> <h3>6. Tartalom - meta sor</h3> A meta sorban található a blogger neved, a bejegyzés dátuma és a hozzászólások hivatkozás. <img class="size-full wp-image-575 alignleft" alt="cb-renew-601" src="https://help.cafeblog.hu/files/2014/01/cb-renew-601.jpg" width="282" height="1034" />Betű színe: Meta sorban a nem link szöveg betű színe Link színe: Meta sorban a linkek színe Link színe, ha az egér fölötte van: Meta sorban a linkek színe, ha föléjük húzod az egeret Link legyen aláhúzott: Kiválaszthatod, hogy a linkek legyenek-e aláhúzottak vagy sem Betűtípus: Meta sorban található szövegek betűtípusa. Ajánlott a szöveg betűtípusával megegyezőt választani Betűméret: Meta sor betűmérete Betű vastagsága: Meta sor betű vastagsága Eltartások és háttérszín Külső eltartás fent és lent: Ha nem adsz meg háttérszínt a meta sornak, akkor érdemes ezeket az eltartásokat használni Meta sor háttér színe: Ha szeretnéd háttérszínnel kiemelni a meta sort itt kiválaszthatod Belső eltartások fent, lent, bal és jobb oldalt: Ha megadtál a meta sornak háttérszínt, akkor a belső eltartásokat is érdemes használni, így a háttérszín nem közvetlenül a betűk határáig tart, hanem annyival tovább, amit az eltartásokban megadtál. Érdemes a fent - lent és bal - jobb mezőkbe párosával azonos értékeket megadni, így szép arányos lesz. Elválasztó vonal Legyen elválasztó az elemek között: Ha bepipálod, akkor a meta sorban lévő név, dátum, hozzászólás részek között egy - egy vonal jelenik meg Elválasztó vonal vastagsága: Megadhatod, hogy milyen vastag legyen az elválasztó vonal Elválasztó vonal színe: Válaszd ki, hogy milyen színű legyen az elválasztó vonal Elválasztó vonal stílusa: Válaszd ki az elválasztó vonal stílusát. Lehet egybefüggő, pontozott vagy szaggatott vonal. Szemléltetve videóval:<iframe src="//www.youtube.com/embed/xdzHrMF2Zb4?rel=0&vq=hd720" height="338" width="601" allowfullscreen="" frameborder="0"></iframe> <h3>7. Tartalom - szöveg</h3> Ez a bejegyzésed tartalma (szövege). <img class="size-full wp-image-578 alignleft" alt="cb-renew-701" src="https://help.cafeblog.hu/files/2014/01/cb-renew-701.jpg" width="282" height="649" /> Betű színe: A szöveg betű színe Link színe: A szövegben található linkek színe Link színe, ha az egér fölötte van: A szövegben található linkek színe, ha föléjük húzzuk az egeret Link legyen aláhúzott: A szövegben található linkek legyenek-e aláhúzva vagy sem. Betűtípus: Szöveg betűtípusa Betűméret: Szöveg betűmérete. A legtöbb betűtípus esetében 13-nál kisebbet nem ajánlott megadni, mert az már nagyon kicsi lenne. Betű vastagsága: Szöveg betű vastagsága Eltartások a bejegyzések között: Ez a nyitó, kategória és keresés oldalakon lényeges, amikor egymás alatt jelennek meg a bejegyzések. Itt lehet megadni, hogy mekkora legyen a távolság a bejegyzések között. Szöveg igazítása: Választható, hogy alapértelmezetten a szöveg balra igazított legyen vagy sorkizárt. Ez a szerkesztő felületen nem fog látszani csak a bejegyzés oldalán. A szerkesztő felületen felül definiálható ez az érték. Hozzászólások háttérszíne: A hozzászólásokat ki lehet emelni, ha háttérszínt adunk meg. Ilyenkor a hozzászólás szövege kapja a háttérszínt. Szemléltetve videóval:<iframe src="//www.youtube.com/embed/_BI-UAf_IDg?rel=0&vq=hd720" height="338" width="601" allowfullscreen="" frameborder="0"></iframe> <h3>8. Oldalsáv formázása</h3> <h4> 8.1. Hasáb formázása</h4> Az első részben olyan beállítások találhatók, melyekkel az oldalsávot el tudjuk különíteni a tartalomtól vagy ki tudjuk belőle emelni. <img class="alignleft size-full wp-image-593" alt="cb-renew-801" src="https://help.cafeblog.hu/files/2014/01/cb-renew-801.jpg" width="282" height="399" /> Oldalsáv háttér színe: Az egész hasáb háttér színe Oldalsáv dobozok háttér színe: Az oldalsávban található dobozok háttér színe. Ha ez különbözik az oldalsáv háttér színétől, akkor egész érdekes hatást érhetünk el vele Legyen az oldalsáv doboznak kerete: Legyen-e kerete az oldalsávnak vagy sem Keret vastagsága fent és lent: Megadhatjuk, hogy fent és / vagy lent milyen vastag legyen a keret. Ha nullán hagyjuk, akkor nem jelenik meg a keret Keret színe: Milyen legyen a keret színe Keret stílusa: Válaszd ki a keret stílusát. Lehet egybefüggő, pontozott vagy szaggatott vonal. Szemléltetve videóval:<iframe src="//www.youtube.com/embed/rEf0aVUgmQ4?rel=0&vq=hd720" height="338" width="601" allowfullscreen="" frameborder="0"></iframe> <h4> 8.2. Oldalsáv címek formázása</h4> <img class="size-full wp-image-597 alignleft" alt="cb-renew-802" src="https://help.cafeblog.hu/files/2014/01/cb-renew-802.jpg" width="282" height="974" /> Betű színe: A cím betű színe Betűtípus: A cím betűtípusa Betű vastagsága: A cím betű vastagsága Betűméret: A cím vastagsága Cím igazítása: Választhatunk, hogy balra, középre vagy jobbra legyen igazítva a cím Külső eltartás fent és lent: Ha nem adsz meg háttérszínt a címnek, akkor érdemes ezeket az eltartásokat használni Háttér színe: Itt adhatsz meg háttérszínt a címnek Belső eltartások fent, lent, bal és jobb oldalt: Ha megadtál a meta sornak háttérszínt, akkor a belső eltartásokat is érdemes használni, így a háttérszín nem közvetlenül a betűk határáig tart, hanem annyival tovább, amit az eltartásokban megadtál. Érdemes a fent - lent és bal - jobb mezőkbe párosával azonos értékeket megadni, így szép arányos lesz. Legyen a címnek kerete: Kattintsd be, ha azt akarod, hogy legyen kerete a címnek. Arra figyelj, hogy a keret csak akkor jelenik meg, ha valamelyik oldalnál a vastagság nagyobb, mint 0 és lett szín kiválasztva Keret színe: Itt kiválaszthatod, hogy milyen színű legyen a keret Keret vastagsága (fent, lent, balra, jobbra): Válaszd ki, hogy melyik oldalon milyen vastag legyen a keret. Általában ugyanolyan vastagságot érdemes beállítani minden oldalnak. Keret stílusa: Válaszd ki a keret stílusát. Lehet egybefüggő, pontozott vagy szaggatott vonal. <img class="size-full wp-image-661 alignleft" alt="cb-renew-804" src="https://help.cafeblog.hu/files/2014/01/cb-renew-804.jpg" width="282" height="159" /> Két oszlopos oldalsáv címe: Lehetőség van a két oszlopos oldalsáv használatára is, a widget-eknél. Cím igazítása: Két oszlopos oldalsáv címének igazítása balra, középre vagy jobbra Szemléltetve videóval:<iframe src="//www.youtube.com/embed/kgQneEI_IJA?rel=0&vq=hd720" height="338" width="601" allowfullscreen="" frameborder="0"></iframe> <h4> 8.3. Oldalsáv szöveg formázása</h4> <img class="alignleft size-full wp-image-662" alt="cb-renew-803" src="https://help.cafeblog.hu/files/2014/01/cb-renew-803.jpg" width="282" height="428" /> Betű színe: A dobozokban található szöveg színe Link színe: A dobozok szövegeiben található linkek színe Link színe, ha az egér fölötte van: A dobozok szövegeiben található linkek színe, ha föléjük húzzuk az egeret Betűtípus: A dobozban található szöveg betűtípusa Betű vastagsága: A dobozban található szöveg betű vastagsága Betűméret: A dobozban található szöveg betűmérete Szemléltetve videóval:<iframe src="//www.youtube.com/embed/SwLmVkgAF4g?rel=0&vq=hd720" height="338" width="601" allowfullscreen="" frameborder="0"></iframe> <h3>9. Menü formázása</h3> Ha hoztatok létre menüt, akkor itt tudjátok a rá vonatkozó stílusokat beállítani. <h4> 9.1 Alap beállítások</h4> <img class="size-full wp-image-612 alignleft" alt="cb-renew-901" src="https://help.cafeblog.hu/files/2014/01/cb-renew-901.jpg" width="282" height="595" />Menü elhelyezkedése: A menüt kiveheted a keretből és megjelenítheted a fölött, így egy picit olyan hatást tudsz elérni, mintha két különálló részből lennének. De választhatod azt is, hogy a kereten belül maradjon. Menübetű színe: A menü elemek színe Menü betű színe, ha az egér fölötte van: A menü elemek színe, ha föléjük viszed az egeret Menü betű színe, ha aktív a menü elem: Az aktív menü elem színe. Aktív az a menü elem, amelyikre rákattintottál Menü háttér színe: Menü háttér színét adhatod meg itt Menü elem legyen aláhúzott: Ha bepipálod, akkor a menü elemek aláhúzottak lesznek Menü betűtípus: A menü elemek betűtípusa Menü betűméret: A menü elemek betűmérete Betű vastagsága: A menü elemek betű vastagsága Szemléltetve videóval:<iframe src="//www.youtube.com/embed/lMs04q0dP_0?rel=0&vq=hd720" height="338" width="601" allowfullscreen="" frameborder="0"></iframe> <h4> 9.2. További beállítások</h4> <img class="alignleft size-full wp-image-615" alt="cb-renew-902" src="https://help.cafeblog.hu/files/2014/01/cb-renew-902.jpg" width="282" height="978" /> Eltartások Menü elemek közti távolság: Megadhatod, hogy mekkora távolság legyen két menü elem között Menü belső eltartás: Belső eltartás akkor hasznos, ha adtál meg háttérszínt a menünek. Ajánlott a fent - lent és balra - jobbra párosoknak azonos eltartást megadni Menü külső eltartás: A bal és jobb oldali külső eltartás csak akkor fog megjelenni, ha a menü a kereten belül van Keret Legyen a menünek kerete: Pipáld be, ha szeretnéd, hogy legyen kerete a menünek Keret vastagsága: Megadhatod, hogy milyen vastag legyen a keret, ajánlott azonos számot megadni mindegyik oldalra Keret színe: Megadhatod, hogy milyen színű legyen a keret Keret stílusa: Válaszd ki a keret stílusát. Lehet egybefüggő, pontozott vagy szaggatott vonal. Elválasztó vonal Legyen elválasztó a menü elemek között: Ha bepipálod, akkor megjelenik egy vonal a menü elemek között Elválasztó vonal vastagsága: Beállíthatod, hogy milyen vastag legyen az elválasztó vonal Elválasztó vonal színe: Megadhatod, hogy milyen színű legyen az elválasztó vonal Elválasztó vonal stílusa: Válaszd ki az elválasztó vonal stílusát. Lehet egybefüggő, pontozott vagy szaggatott vonal. Szemléltetve videóval:<iframe src="//www.youtube.com/embed/blECtt_ELoE?rel=0&vq=hd720" height="450" width="600" allowfullscreen="" frameborder="0"></iframe> <h3>10. Háttérkép</h3> <img class="size-full wp-image-623 alignleft" alt="cb-renew-1001" src="https://help.cafeblog.hu/files/2014/01/cb-renew-1001.jpg" width="299" height="184" /> Ha nincs beállítva még háttérkép, akkor ez a kis szekció fogad minket. Nem kötelező háttér képet megadni, az is elég ha háttérszínt választasz. És akkor részletesebben: <a href="https://help.cafeblog.hu/files/2014/01/cb-renew-1002.jpg"><img class="alignleft size-full wp-image-624" alt="cb-renew-1002" src="https://help.cafeblog.hu/files/2014/01/cb-renew-1002.jpg" width="282" height="721" /></a> Háttérszín: Itt lehet kiválasztani a háttér színt. Háttér-kép: Tölthetsz fel új képet is és válogathatsz a már feltöltött háttérképeid között is. Új képet az Új feltöltés alatt tudsz feltölteni A feltöltöttek közül, pedig a Feltöltve szóra kattintva tudsz választani Háttér ismétlődés: Beállíthatod, hogy ismétlődjön-e a háttérkép vagy sem. Ha kis képet töltesz fel, akkor valószínűleg ismétlésre akarod majd állítani Háttér pozíció: Beállíthatod, hogy hol kezdődjön a háttérkép. Bal vagy jobb oldalt, esetleg középre legyen helyezve Háttér tartozék: Itt beállíthatod, hogy rögzített legyen a háttérkép vagy gördüljön a tartalommal. Rögzített esetben, ha görgeted lefele az oldalt, a háttérkép fixen ott marad az oldal tetején. Gördít esetben, pedig gördül a tartalommal együtt. Szemléltetve videóval:<iframe src="//www.youtube.com/embed/ZEDuRauqdSc?rel=0&vq=hd720" height="338" width="601" allowfullscreen="" frameborder="0"></iframe> <h3>11. Keret beállításai</h3> <h4> 11.1. Külső keret beállításai</h4> <img class="size-full wp-image-636 alignleft" alt="cb-renew-1101" src="https://help.cafeblog.hu/files/2014/01/cb-renew-1101.jpg" width="282" height="690" /> Keret eltartása az oldal tetejétől: Mennyi legyen a távolság az oldal teteje és a keret között Keret háttérszíne: Itt megadhatod a keret háttérszínét Keret sarkainak lekerekítése: Beállíthatod, hogy lekerekített legyen-e a keret. Keret lekerekítésének mértéke: Mekkora legyen a lekerekítés, a 10-es érték általában jó, de változtasd meg nyugodtan Legyen keret szegély: Pipáld be ha szeretnéd, hogy a keretnek legyen szegélye Keret színe: Megadhatod, hogy milyen színű legyen a keret szegélye Keret vastagsága: Megadhatod, hogy milyen vastag legyen a keret szegélyének vastagsága. Ha az érték 0, akkor nem jelenik meg a keret szegély Keret stílusa: Válaszd ki a keret szegély stílusát. Lehet egybefüggő, pontozott vagy szaggatott vonal. Keret árnyéka: Itt css tulajdonságot kell megadni, inkább haladóbbaknak ajánljuk. Itt tudsz kísérletezni vele: <a href="http://www.cssmatic.com/box-shadow" target="_blank">http://www.cssmatic.com/box-shadow</a> Csak a box-shadow: mögötti részt másold át. Ne maradjon felesleges üres karakter se előtte se utána. Ha rossz értéket adsz meg, akkor nem fog megjelenni az árnyék. <h4> 11.2. Belső keret beállításai</h4> <img class="size-full wp-image-637 alignleft" alt="cb-renew-1102" src="https://help.cafeblog.hu/files/2014/01/cb-renew-1102.jpg" width="282" height="568" /> Belső keret háttérszíne: Adhatsz a belső keretnek is háttérszínt Belső keret sarkainak lekerekítése: Beállíthatod, hogy lekerekített legyen-e a keret. Belső keret lekerekítésének mértéke: Mekkora legyen a lekerekítés Legyen belső keret szegély: Pipáld be ha szeretnéd, hogy a keretnek legyen szegélye Belső keret színe: Megadhatod, hogy milyen színű legyen a keret szegélye Belső keret vastagsága: Megadhatod, hogy milyen vastag legyen a keret szegélyének vastagsága. Ha az érték 0, akkor nem jelenik meg a keret szegély Belső keret eltartása: Itt adhatod meg, mekkora legyen az eltartás a külső és a belső keret között. Ha ez az érték nagyobb, mint 0, akkor látszódik a külső keret háttér színe is. Belső keret stílusa: Válaszd ki a keret szegély stílusát. Lehet egybefüggő, pontozott vagy szaggatott vonal. Szemléltetve videóval: <iframe src="//www.youtube.com/embed/hqw4SEO6VcU?rel=0&vq=hd720" height="338" width="601" allowfullscreen="" frameborder="0"></iframe> <h3></h3> <h3>Kiemelve pár beállítás:</h3> Betűvastagság: Sajnos nem minden betűtípus rendelkezik mind a három fajta (vékony, normál, vastag) betűvastagsággal, ezért ne lepődj meg, ha átállítod ezt az értéket és nem változik a betű. Lekerekítések: Lekerekítés esetén úgy választhatsz ki több sarkot is, ha az egérrel való kattintás közben nyomva tartod a CTRL gombot. Ez a legtöbb billentyűzeten a bal alsó sarokban van. Figyelj arra, hogy ha az egyik sarkot kiválasztod, akkor a Nincs lekerekítés ne legyen kiválasztva, különben nem lép érvénybe a lekerekítés. Belső eltartások: A belső eltartásokat akkor érdemes használni, ha az adott elemnek (Címsor, meta sor, ...) adsz háttérszínt. Jó blogolást kívánunk!richhttps://help.cafeblog.hu/files/2014/01/cafeblog-renew-elore-osszeallitott-temak-150x150.png150150