Tvorba www prezentácií a internetových obchodov. Optimalizácia web stránok pre vyhľadávače. Tvorba loga a propagačných materiálov.

Návod: Editácia CSS šablóny pre CMS Webnode - Zmena pozadia

30.07.2009 15:45

Dobrý deň, pre uživateľov Webnode som pripravil návod na úpravu (zmenu CSS) pozadia web stránky.

Online kurzy webnode.

Návod je pre úplných začiatočníkov, podrobne popísaný a obrázkový, takže zmenu by mal zvládnuť skoro každý. Je však potrebná znalosť niekoľkých programov.

Mnou použité programy:

Internetový prehliadač Mozilla Firefox
Textový editor PSPad
na úpravu CSS súboru
Free Commander
(manažér súborov)
Inkscape
(program na tvorbu vektorovej grafiky)
WinZip (práca so zip archívami)
Color Schemer Online

 

Trochu teórie

Pozadie web stránky, ktoré je pri šablónach poháňaných CMS Webdode zadefinované v súbore style.css môže byť tvorené farbou, obrázkom alebo kombináciou farby a obrázku (časť pozadia tvorí obrázok a časť farba). 

Obrázok

Ako pozadie web stránok sa používaju obrázky vo formáte jpg, png alebo gif.

Farba

V css štýloch je farba zadafinovaná pomocou kódu RGB alebo HEX.

RGB (červená-zelená-modrá) sa zapisuje trojicou trojciferných čísel, napr.: 255 255 255 tvorí bielu farbu.

HEX tvorí šesťciferné číslo, napr. 000000 tvorí čiernu.

V niektorých šablónach Webnode sa používajú kódy RGB, v niektorých HEX. Tieto kódy farieb zistíte napr. v online programe Color Schemer Online  alebo v  programe na tvorbu grafiky Inkscape.

 

Typy CSS kódu používaných pre zobrazovanie obrázku pozadia web stránky

 

Opakovanie obrázku v osi X (vodorovne)

Z ľavého horného rohu s opakovaním obrázka v smere osi X

background: #000000 url("./../img/body-bg.png") left top repeat-x;

Zo stredu s opakovaním obrázka do strán v osi X

background: #000000 url("./../img/body-bg.png") center top repeat-x;

> tento spôsob je použitý v šablóne na ktorej Vám ukazujem zmenu obrázka.

 

Zobrazovanie obrázku v osi Y (zvysle)

> to iste ako pri osi X

 

Zobrazovanie obrázku v osi X a Y (vodorovne a zvysle)

Z ľavého horného rohu s opakovaním obrázka do strán v osi X a Y

background: #000000 url("./../img/body-bg.png") left top repeat;

Zo stredu s opakovaním obrázka do strán v osi X a Y

background: #000000 url("./../img/body-bg.png") center top repeat;

 

Obrázky s popisom úkonov na zmenu pozadia web stránky

Šablónu, ktorú chcete editovať si stiahnite do počítača (Administrácia > Vzhľad webu > Šablóny > Stiahnuť). Vo svojom počítači šablónu rozbaľte zo súboru Template-3-red.zip do priečinka "Template-3-red".

Zmena pozadia web stránky - Stiahnuť šablónu

 

V priehľadači si pravým tlačidlom myši kliknite na na hornú časť pozadia web stránky a  zvoľte možnosť "Zobraziť obrázok pozadia" (platí pre prehliadač Mozilla Firefox)

Zmena pozadia web stránky - Zobraziť obrázok

 

Obrázok sa Vám zobrazí v ľavom hornom rohu prehliadača. Skopírujte si názov obrázka "body-bg.png".

 

V rozbalenom priečinku "Template-3-red" v priečinku "css"  si v textovom editore otvorte súbor "style.css" a pomocou vyhľadávania nájdite obrázok "body-bg.png".

 V kóde [ background: #404040 url("./../img/body-bg.png") left top repeat-x; ] pri názve obrázku je zadefinovaný spôsob zobrazovania obrázku pozadia a farby pozadia, ktorá sa zobrazí v časti, ktorú nezakrýva obrázok.

Kód hovorí, že farba pozadia zadefinovaná je sivá [ 404040 ] a obrázok [ body-bg.png ] sa zobrazuje z ľavého horného rohu v opakovaní vodorovne v ose X [ left top repeat-x ] . Zvyšok pozadia web stránky vypĺňa sivá farba.

Ak neovládate žiaden program na tvorbu grafiky a neviete si vyrobiť nový obrázok alebo chcete len jednofarebné pozadie, časť kódu ktorá sa týka obrázku jednoducho vymažte a na pozadí web stránky sa bude zobrazovať iba farba, ktorú zadefinujete.

Príklad: [ background: #404040; ]

 Zmena pozadia web stránky - Zmena farby pozadia

 

Zmenu farby pozadia spravíte jednoducho. V online nástroji Color Schemer Online alebo v nejakom grafickom programe si zistíte HEX kód farby, ktorú chcete zobraziť na pozadí.

V mojom prípade som použil čiernu [ 000000 ], ktorou som nahradil pôvodnú sivú [ 404040 ].

background: #404040 url("./../img/body-bg.png") left top repeat-x;

background: #000000 url("./../img/body-bg.png") left top repeat-x;

Uložte súbor "style.css"

 Zmena pozadia web stránky - Zmena farby

 

Teraz si v priečinku "Template-3-red" otvoríte priečinok "img" (image alebo obrázok). V priečinku si nájdite obrázok pozadia "body-bg.png". V nejakom grafickom programe si vytvorte nový obrázok s rovnakým názvom.

Zmena pozadia web stránky - Vytvorenie nového obrázka pozadia

 

Nový obrázok nakopírujte do priečinka "img" tak, že prepíšete pôvodný.

Zmena pozadia web stránky - Nakopírovanie nového obrázka

 

 V priečinku "Template-3-red" označne všetky súbory a priečinky a zabaľte do archívu "Template-3-red.zip".

 Zmena pozadia web stránky - Zabalenie šablóny do zip súboru

 

V administrácií Webnode (Administrácia > Vzhľad webu > Šablóny > Importovať šablónu) upravenú šablónu nahrajte.

Zmena pozadia web stránky - Nahrait šablóny na server

 

Po nahratí šablónu zvoľte ako východziu (Administrácia > Vzhľad webu > Šablóny > Moje šablóny > Zvoliť) a je to :)

Zmena pozadia web stránky - Zvoliť šablónu

 

Výsledok

Zmena pozadia web stránky - Výsledok

 

Na záver len toľko, že možností použitia obrázkov a farieb ako pozadie web stránky je niekoľko. Ak si na vlastnú editáciu šablóny netrúfate, neváhajte ma kontaktovať e-mailom na info@peknastranka.sk a vytvorím pre Vás originálnu a peknú šablónu použiteľnú v systéme Webnode.

 

Nejasnosti k tomuto článku o postupe zmeny pozadia CSS šablón prosím píšte do komentárov.
 

Ďalšie návody pre CMS Webnode:

Online kurzy webnode.

Späť

Webnode poradňa

Logo WebnodeVšetky ďalšie otázky ohľadom úprav Webnode šablón prosím píšte do novej Webnode poradne, ktorú sme zriadili pre tento účel.

Diskusná téma: Editácia CSS šablóny pre CMS Webnode - Zmena pozadia

Dátum
Vložil
Titulok

Diky

Ďakujem moc za tento návod. Keď rozbehnem web možno si tam dám aj odkaz na váš web

Dátum
Vložil
Titulok

Artisteer 3

Ahojte chcem sa spytat vytvorila som si stranku čiže šablonu v artisteeri ale neviem ju dat na web. Má niekdo skusenosti ?

Dátum
Vložil
Titulok

Orámování fotografií

Dobrý den,
chtěla jsem Vás poprosit o radu. Vaše návody už mi několikrát pomohly a upravou šablony, tedy VELKÉ VELKÉ DÍKY..
Tentokrát bych ráda bych odstranila orámování fotografií ve fotogalerii, máte nějaký tip ?
Děkuji a přeji hezký den.

Dátum
Vložil
Titulok

pomoc :)

prosim pomoc ak niekto vie poradit napiste mi na misodockal@centrum.sk, potrebujem zmenit to pozadie ale nemam skusenosti s tymi programami chcem zmenit pozadie sablony kategotie s modro biela dakujem :)

Dátum
Vložil
Titulok

zmena

Tak táto stránka mi pomohla a všetko som si upravil sám čo poviete?

www.tenisbet.com

Dátum
Vložil
Titulok

neda sa načítať šablona

urobil som zmeny v css a zároveň som upravil obrázok bg_body. Opätovne som šablónu zozipoval a pri pokuse o načítanie vybehne toto : Súbor "config.xml" neexistuje.
Častou príčinou tejto chyby je, že bol nesprávne pripravený ZIP archív. ZIP archív je nutné skomprimovať tak, aby neobsahoval nadradený adresár, v ktorom sa nachádzajú pripravené súbory. Napr. ak máte súbory skinu v adresári "C:\skin", a teda cesta k súboru "config.xml" odpovedá "C:\skin\config.xml", je nutné do archívu skomprimovať všetko, čo je vnútri "C:\skin", bez cesty do adresára "C:\skin". Súbor "config.xml" bude teda ležať v koreňovom adresári archívu. Okrem toho je tiež možné, že sa jedná o preklep v názve súboru. Opravte prosím ZIP súbor s importom.
Kód chyby:41

Dátum
Vložil
Titulok

šablona

www.gymweb.webnode.sk

Skúšal som zmeniť pozadie na svojej stránke ale vôbec sa mi to nepodarilo....Potreboval by som tie 2 pruhy na bokoch (čierne ) nahradiť obrázkom . Išlo by to? mohol by mi niekto poradiť prosím?

Dátum
Vložil
Titulok

Re:šablona

mě se to podle toho návodu povedlo. najdeš mě na stránce www.hustavidea.cz. zatím

Dátum
Vložil
Titulok

pozadie

Vedle by mi niekto pomoct? robim iobchod www.donaska-kvetov.com a neviem zmenit pozadie v clankoch ktore napisem, resp. zelenu chcem dat prec.
Dakujem za pomoc.

Dátum
Vložil
Titulok

Re:pozadie

tento obrázok vidím zelený u Vás na webe: http://www.donaska-kvetov.com/img/pg_t.png

Tak ten si zmente..

Dátum
Vložil
Titulok

google chrome

ako viem zmenit design google chrome ??

Dátum
Vložil
Titulok

import šablóny

www.drotenesperky.webnode.sk

postupovala som podla návodu - stiahnutá šablóna,rozbalená do priečinka s rovnakým názvom, zmenila som obrázok, napr. illustration, najprv som ho otvorila, nahradila iným, a prepísala som pôvodný... urobila som to aj cez freecomander, ale výsledok je rovnaký, zbalila som šablónu, tie priečinky, ktoré bolo treba... a pri importe šablóny, mi vyhadzuje tú istú chybu... súbor config.xml neexistuje, kód 41, šablónu nenaimportuje

Dátum
Vložil
Titulok

problém vyriešený

import šablóny do ZIP a nie do RAR

Dátum
Vložil
Titulok

rada ....

chcela by som sa spytat ci sa da na moju webku pouzit nejaka pohybliva sablona trebars nieco ako je v blogoch co maju v pozadi pohyblive hviezdy bubliny obrazky atd atd....dakujem za radu

Dátum
Vložil
Titulok

Re:rada ....

Dobrý deň, nič podobné som neskúšal zaťiaľ. najlepšie bude, keď to vyskúšate a o výsledok sa s nami podelíte :)

Keby ste potrebovali ďalšiu radu s konkrétnou šablónou a konkrétnym pohyblivým gif obrázkom na pozadie, tak prosím napíšte do novej Webnode poradne na tejto adrese: http://www.peknastranka.sk/blog/webnode-online-poradna/

Pekný deň prajem..

Dátum
Vložil
Titulok

Odstranenie bieleho rámiku okolo obrázkov

Pekný deň prajem, mám taký menší problém s rámikom okolo všetkých fotiek na stránke. Potreboval by som to bielo-šedé olemovanie odstrániť. Pozeral som si tu aj nejaké návody, ale nefungujú. Aplikoval som rôznými spôsobmi na css editor návody ktoré tu uvádzate, ale bez výsledku.

Ďakaujem za skorú odpoved.

Dátum
Vložil
Titulok

Re:Odstranenie bieleho rámiku okolo obrázkov

Dobrý deň, skopírujte prosím Vašu otázku a zadajte ju znova do novej Webnode Poradne, ktorú sme zriadili pre takéto prípady. Adresa: http://www.peknastranka.sk/blog/webnode-online-poradna/

Nezabudnite prosím priložiť aj konkrétny web, kde chcete problém vyriešiť a napíšem Vám postup na jeho vyriešenie.

Pekný deň prajem..

Dátum
Vložil
Titulok

MEU

ja mam zase problem s šablónou na meu.sk je to skoro to isté ako webnode ale ja potrebujem ostrániť tú reklamu hore napr. "Zdá sa ti táto web stránka svojím obsahom zaujímavá? Pošli nám na ňu TIP a jej tvorca možno od nás získa balíček služieb zadarmo." no a toto neviem odstrániť prosím o pomoc ! :D ĎAKUJEM

Dátum
Vložil
Titulok

Re:MEU

Dobrý deň, túto lištu odstrániť nejde. Prejdite na Webnode a máte to bez lišty..

Dátum
Vložil
Titulok

fotogalerie

Dobrý den, mám na vás velikou prosbičku a dotaz: lze v CSS upravit, či smáznou příkaz na otevření fotky zvlášť v okně prohlížeče? Jde mi o to, že v galerii jakmile kliknou na ikonu fotečky,zobrazí se celá a pak po následovném kliknutí se otevře v novém okně prohlížeče a tam jí lze následovně zkopírovat. A to je věc, kterou nechci. Na stránkách si to ošetřím,ale v tom novém okně to již nelze (nebo lépe řečeno - neumím ).
Děkuji a pěkný den

Dátum
Vložil
Titulok

Re:fotogalerie

Áno, išlo by to spraviť.

Dátum
Vložil
Titulok

Uprava CSS - rozsirenie

Dobry den,
snazim sa rozsirit web http://ceroz.webnode.sk/ viac do sirky. Ciastocne sa mi to podarilo, no neviem si poradit s natiahnutim textovej casti do sirky. Takisto sa mi tym rozsirovanim nejak rozhadzal objekt, kde byva uvedeny slogan.
Viete poradit, kde v zdrojovom kode to mozem upravit?
Dakujem.

Dátum
Vložil
Titulok

Re:Uprava CSS - rozsirenie

Dobrý deň, zhodou náhod máme presne túto šablónu rozšírenú, tak Vám ju za odkaz z úvodnej stránky Vášho webu môžem poslať. Napíšte na email z kontaktu, pokiaľ o to máte záujem.

Dátum
Vložil
Titulok

zväčšenie banneru

Dobrý deň, chcel by som sa opýtať, že či je možné v šablónach webnode urobiť niečo také: keď kliknem na nejaký banner, aby sa mi zobrazil vo väčšom formáte na stránke, len ten jeden obrázok, aby sa zväčšil?
Ďakujem

Dátum
Vložil
Titulok

Re:zväčšenie banneru

Dobrý deň, neviem, čo presne myslíte. Skúste to popísať viac po lopate :) Nemyslíte zobrazovanie fotiek v lightboxe ako tu? http://www.huddletogether.com/projects/lightbox2/

Dátum
Vložil
Titulok

Re:Re:zväčšenie banneru

ano, presne takto si to predstavujem... ako je to vytvorené vo vašom príklade.

Dátum
Vložil
Titulok

Re:Re:Re:zväčšenie banneru

Tak toto galéria Webnode neumožňuje, ale niekde na internete som to už videl. Keby sme to veľmi potrebovali spraviť alebo keď si to niekto zaplatí, tak sa dočkáte..

Dátum
Vložil
Titulok

Re:Re:Re:Re:zväčšenie banneru

Aha, ďakujem za info.

Dátum
Vložil
Titulok

hlavička

Vaše stránky mi veľmi pomohli, ale predsa mám ešte otázku. Potrebovala by som odstrániť názov stránky v pravom hornom rohu, pretože sa nezobrazuje celý. Namiesto toho by som tam chcela dať logo. Prípadne ešte zmeniť farbu menu, vyhľadávania, kontaktu a hornej lišty zo sivej na svetlozelenu ako na pozadí.Ale to nie je až také doležité:)
http://levocskastavebnaobnova.webnode.sk/
Používam šablónu advertising-template3. Za odpoveď ďakujem:)

Dátum
Vložil
Titulok

Re:hlavička

Dobrý deň, asi už píšem neskoro, lebo názov stránky sa zobrazuje celý. Pokiaľ chcete na miesto textu v názve webu logo, tak ho stačí v administrácii nahrať a je to.

Pokiaľ by ste chceli poradiť pri ďalších úpravách, tak kľudne napíšte, čo konkrétne chcete zmeniť.

Pekný deň prajem

Dátum
Vložil
Titulok

hlasi chybu

Dobrý deň, prosím pomože mi niekto? Chcem nahrať moju šablónu, no stále mi vypisuje chybu č.6 tj: Nesprávne dáta v súbore "config.xml". Súbor "wysiwyg.xml", definovaný v elemente "wysiwygStyle" (riadok 16, stĺpec 3) neexistuje.
Overte názov súboru v danom XML elemente, alebo súbor vytvorte. Súbor môže byť uložený i v (pod)adresári. Názvy súborov aj adresárov sú závislé na veľkosti písmen (napr. subor.hml a suBor.html sú rozdielne názvy) a nesmú obsahovať diakritické znamienka (mäkčene a dĺžne nad písmenami). Adresáre je nutné špecifikovať formou relatívnej cesty k súboru (napr. adresar/subor.jpg). Neviem si s tym rady:(

Dátum
Vložil
Titulok

Re:hlasi chybu

už je to v poriadku, použila som inu šablonu:)

Dátum
Vložil
Titulok

nejde mi

Dobrý den,chtěl bych změnit šířku šablony cca 5cm po obou stranách ,šlo by to? můžete mi prosím pomoci ? http://kletecka.webnode.cz/ email kletecka.pavel@centrum.cz předem díky moc.

Dátum
Vložil
Titulok

zmena šírky šablony

Chcel by som zmeniť zmenu šírky šablony o cca 20%, názov šablony je: advertising-template1.zip

Dátum
Vložil
Titulok

Re:zmena šírky šablony

Dobrý deň, napíšte prosím adresu konkrétnej web stránky, o ktorú sa jedná.

Pekný deň

Dátum
Vložil
Titulok

Re:Re:zmena šírky šablony

Adresa je http://emas.webnode.sk

Dátum
Vložil
Titulok

Re:Re:Re:zmena šírky šablony

Dobrý deň, šablóna sa dá rozšíriť. Koľko px na šírku by mala mať?

Dátum
Vložil
Titulok

Re:Re:Re:Re:zmena šírky šablony

Šírka šablony by mohla byť o 20-25% širšia ako teraz (neviem koľko to môže byť px)

Dátum
Vložil
Titulok

Re:Re:Re:Re:Re:zmena šírky šablony

Dobrý deň, ozvite sa mi na emai a poriešime to cez Skype.

Pekný deň

Dátum
Vložil
Titulok

Re:Re:Re:Re:Re:Re:zmena šírky šablony

taktiez riesim zmenu sirky pozadia,viete to urobit alebo mi dakoho dohodit? Budem velmi vdacny.Moj E-mail: boskovic@centrum.sk prosim odpiste mi na tento e-mail.Vopred dakujem

Dátum
Vložil
Titulok

Zmena šedého pozadia na zelené!

Dobrý deň mám problém, potreboval by som zmeniť šedé pozadia stránky na zelené, skúšal som to ale nešlo my to, nemohla by to nejaká dobrá duša spraviť a poslať na mail?
p3tmc@azet.sk

Bol by som veľmi vďačný!

Dátum
Vložil
Titulok

Re:Zmena šedého pozadia na zelené!

Dobrý deň prajem, za ikonu/banner na hlavnej stránke to pre Vás spravím. Pošlite mi číslo zelenej farby.

Pekný deň

Dátum
Vložil
Titulok

zmena pozadí http://fkduchcov.webnode.cz

Ahoj,
mam šablonu http://static-cdn3.webnode.com/_system/_filesystem/200005277-75eaa76677/rubicus.jpg.
Chtěl bych změnit černé pozadí okolo na modrobílé (spíše modré) - klubové barvy.

Dátum
Vložil
Titulok

Re:zmena pozadí http://fkduchcov.webnode.cz

Tak to už měl (s tvou pomocí) a ted by mě zajímalo jak změnit barvu tlačítek v menu. Taky do modra. Děkuji.

Dátum
Vložil
Titulok

Re:Re:zmena pozadí http://fkduchcov.webnode.cz

Ahoj Dejv, musíš zmeniť farbu tohto obrázku http://fkduchcov.webnode.cz/img/topmenu.png a nadiť ho pôvodným.

Jeho vrchná časť sa zobrazuje keď prídeš na web. Ppo prechode myši a keď je položka menu aktívna (zobrazená) sa zobrazí jeho stredná časť. Spodná časť, ktorú je vidno len na tmavom pozadí sa zobrazuje spolu so strednou časťou a vytvára biely oblý okraj v spodnej časti na ľavo a na pravo menu. Obrázok musí byť buď png alebo gif, pretože spodná časť s okrajmi musi byť priesvitná/transparentná.

Dúfam, že to pochopíš :)

Dátum
Vložil
Titulok

Poraďte, prosím

Zdravím, potreboval by som zameniť zelenú, žltou farbou - všetko čo je zelenou farbou, by som potreboval nažlto. Prosím o pomoc! Ide o šablonu: template-7-green. Adresa webu je: fkkrhpodhradie.webnode.sk. Čo treba zmeniť? Kontakt: fkkrhpodhradie@gmail.com

Dátum
Vložil
Titulok

Re:Poraďte, prosím

Dobrý deň,

je potrebné zmeniť farbu niekoľkých obrázkov a aj farbu textov v menu. Pokiaľ viete pracovať s nejakým programom na úpravu a tvorbu obrázkov, tak to zvládnete. Pre ilustráciu si pozrite tento obrázok http://static-cdn3.webnode.com/_system/skins/v1/50000023/img/headerBg.png a pokiaľ si na to trúfate, tak Vám napíšem, ktoré obrázky a farby je potredné zmeniť.

Pekný deň

Dátum
Vložil
Titulok

Re:Re:Poraďte, prosím

s programom na úpravu obrázkov pracovať viem, to nie je problém, už som to aj skúšal upravovať, len som buď upravil príliž veľa alebo som na niečo zabudol, resp. neviem, ktoré obrázky treba upraviť... a čo sa týka písma, to by som chcel tiež upraviť na žltú alebo čiernu farbu, ide o písmo napr.: v diskusnom fóre, že Odpovedať, aby to nebolo zelenej farby ale inej, tú ktorú chcem ja, polopate povedané, chcel by som celý web mať v kombinácii žltej a čiernej... Viete mi k tomu poradiť taktiež? Ďakujem za odpoveď

Dátum
Vložil
Titulok

Re:Re:Re:Poraďte, prosím

Jasné, viem Vám s tým poradiť. Napíšte bod po bode, čo chcete kde zmeniť a napíšem Vám, ako a kde to spraviť.

Pekný deň

Dátum
Vložil
Titulok

Re:Re:Re:Re:Poraďte, prosím

1. v menu, jednotlivé záložky, aby boli žlté, nie zelené a keď sa na nich ide myšou, aby písmo bolo čierne, nie zelené
2. keď pridávam na web katalógy, aby pozadie tých katalógov bolo žlté
3. nadpisy, aby boli čiernou farbou, nie zelenou, v tých katalógoch

Neviem, či to dosť zrozumiteľne píšem, dúfam, že mi budete vedieť poradiť...

Dátum
Vložil
Titulok

Re:Re:Re:Re:Re:Poraďte, prosím

Dobrý deň, nižšie napíšem riešenie:

1. Pre zmenu farieb tlačidiel menu musíte zmeniť farby týchto obrázkov: headerMenuActive.png a headerMenuInactive.png

Pre zmenu farby textu v tlačidlách menu zmeňte v súbore style.css, v riadku 1347 farbu textu takto na čiernu(#000000):
#headerMenu ul li a {
background-image:url("../img/headerMenuInactive.png");
color:#000000;

Tak isto aj farbu textu v tlačidle pre text po prechode myšou na tlačidlo na čiernu v riadku: 1351

2. V riadku 1305 zmeňte farbu na žltú podľa čísla, ktorú chcete. HEX kód žltej farby získate v hociktorom programe na tvorbu grafiky alebo v tomto online "color schémery" http://www.colorschemer.com/online.html

3. V riadku 1508 zmeníte farbu na #000000. Táto zmena Vám v šablóne zmení farbu nádpisu aj noviniek a fotogalérie a ďalších nádpisov boxov, takže možno bude nejaký roblém s farebnosťou inde, ale nemal by byť..

Keby bol s úpravamy šablóny problém, tak napíšte.

PS: Keď chcete vymeniť obrázky v šablóne Webnode, musíte si šablónu stiahnúť. V článku vyššie si pozrite ako ju stiahnúť, vymeniť obrázky, upraviť CSS súbor, zabaliť a nahrať v administrácii Webnode. Pokial si šablónu Webnode stiahnete a v počítači upravíte, tak už nebude možná online úprava CSS v administrácii Webnode.

Dátum
Vložil
Titulok

Re:Re:Re:Re:Re:Re:Poraďte, prosím

Zatiaľ ste mi veľmi pomohli, len mám problém s tým, že farbu boxov(zelená) by som taktiež chcel zmeniť, nadpis mám zmenený, zobrazuje sa už načierno.

Dátum
Vložil
Titulok

Re:Re:Re:Re:Re:Re:Re:Poraďte, prosím

Ja na Vašom webe nevidím žiadne zmeny zatiaľ. K tomu boxu som Vám postup napísal v bode 2.

Pekný deň

Dátum
Vložil
Titulok

Re:Re:Re:Re:Re:Re:Re:Re:Poraďte, prosím

Mali by ste už zmenu vidieť, len to čo ste mi napísali v bode 2, mi zmenilo pätičku na žlto. V riadku 1305, ktorý ste mi napísali bolo: background-image: url('../img/footerBg.png'); a to mi zmenilo farbu len v pätičke, to som nechcel... Potreboval by som zmeniť pozadie aktualít, na mojej stránke zo zelenej na žltú. Nebude to iný riadok?

Dátum
Vložil
Titulok

Re:Re:Re:Re:Re:Re:Re:Re:Re:Poraďte, prosím

Dobrý deň, áno, prepáčte, je to riadok 1505 :)

Pekný deň.

Dátum
Vložil
Titulok

Re:Re:Re:Re:Re:Re:Re:Re:Re:Re:Poraďte, prosím

Zdravím, nič sa nestalo :) Ja ďakujem za doterajšiu pomoc... A mal by som ďalšiu prosbu: 1)na podstránke a mužstvo (vizitky hráčov), mi v pozadí ostala zelená farba, i keď je tam aj žltá, dá sa to nejako upraviť, aby ani v tomto prípade nebola zelená?
2) keď si vytvorím na jednej podstránke ďalšie podstránky, viď. fotogaléria v ľavom hornom rohu, je možné upraviť taktiež zelenú farbu na žltú a písmo čierne?
3) keď si otvorím podstránku, a rozvetvuje sa mi na ďalšie podstránky napr. úvodná stránka - fotogaléria - futbalové akcie - I. trieda, je možné zmeniť aj tu farbu písma na čiernu?
4) ako zmeniť farbu písma na úvodnej stránke, v hornej lište?
Ďakujem

Dátum
Vložil
Titulok

Re:Re:Re:Re:Re:Re:Re:Re:Re:Re:Re:Poraďte, prosím

Zdravím!
S druhým a tretím bodom som si akosi poradil, ani sám neviem ako, no podarilo sa... :D
S prvým a štvrtým si neviem rady...

Dátum
Vložil
Titulok

Re:Re:Re:Re:Re:Re:Re:Re:Re:Re:Re:Re:Poraďte, prosím

Dobrý deň, prvý bod so zmenou farby pozadia katalógu produktov/vizitiek hráčov máte vyriešený, ako pozerám. Čo sa týka bodu číslo 4, tak asi máte na mysli "názov webu" alebo logo, tak to zmeníte tu:

style.css (riadok 1328)

#header h2, #header h2 a {
color:#B2B2B2;
}

Pekný deň

Dátum
Vložil
Titulok

Re:Re:Re:Re:Re:Re:Re:Re:Re:Re:Re:Re:Re:Poraďte, prosím

Zdravím, mohol by som sa ešte opýtať? Dá sa zmeniť farba pozadia v menu, keď idem myškou na výber, v pozadí sa zobrazí zelená, chcel by som inú farbu: napr. Muži / Ročník 2010/2011 / pozadie je zelené...
Ďakujem za doterajšiu pomoc, veľmi ste mi pomohli!

Dátum
Vložil
Titulok

Re:Re:Re:Re:Re:Re:Re:Re:Re:Re:Re:Re:Re:Re:Poraďte, prosím

Dobrý deň, tento obrázok musíte zmeniť leftColumnMenuItemInOpen.png

Pekný deň

Dátum
Vložil
Titulok

Zmena Pisma A pozadia Textu

zdravim moze mi niekto s kometentnych pomoct ? Pomocou Emailu ... Chcem zmenit farbu pisma a pozadia pisma bude to na dlhsie tak poprosim na gimli120@orangemail.sk ... v pripade dobreho vysledku sem vlozim navod ako zmenit :) Dik

Dátum
Vložil
Titulok

Re:Zmena Pisma A pozadia Textu

Dobrý deň Peter,

blikajúci text nie je problém. Dá sa to spraviť pomocou html tagu "blink". Tu to máte: http://www.samsaker.wgz.cz/blikajuci-text . Spravíte to tak, že si v administrácii Webnode kliknete na úpravu bloku s textom, dáte si zobraziť kód kliknutím na poslednú ikonu v pravo, ktorá vyzerá takto <> a pred text, ktorý má blikať napíšete <blink> a za tento text</blink>

Čo sa týka farby tlačidiel v menu, tak tam je potrebné zmeniť obrázok, ktorý sa na pozadí menu zobrazuje, takže si otvoríte editáciu CSS administrácii Webnode a pomocou CTRL+F si v prehliadači dáte vyhľadať toto: ".menu li a" a v kóde pod týmto zápisom zmeníte názov obrázka z "menu.jpg" na "menu_hover.jpg" a farbu písma na bielu "FFFFFF". Zápis bude vyzerať takto:

background:url("../img/menu_hover.jpg") no-repeat scroll left top transparent;
color:#FFFFFF;
cursor:pointer;
display:block;
height:25px;
line-height:25px;
overflow:hidden;
padding-left:15px;
padding-right:20px;
text-decoration:none;
width:170px;

Dátum
Vložil
Titulok

Logo

Poradíte mi, jak zvětšit prostor pro logo? Děkuji.
www.jfkvelkeprilepy.cz

Dátum
Vložil
Titulok

Re:Logo

Dobrý deň, aby sa Vám tam zmestilo celé logo na výšku, musíte zmeniť hodnotu "height" v súbore style.css v riadku 273.

Otvorte si úpravu CSS súboru v administrácii Webnode a v prehliadači dajte vyhľadať (F3 alebo CTRL+F) "div#header" a upravte hodnotu height na 4.45em. Nepoužívajte čiarku, ale bodku medzi 4 a 45.

div#header {
background:url("../img/header.png") no-repeat scroll left top transparent;
height:4.45em;
margin:0 auto 10px;
overflow:hidden;
padding:6px 0 0;

Celá hlavička sa zvačší na výšku v tom prípade, ale nemalo by to nejak obzvlášť vadiť.

Pekný deň..

Dátum
Vložil
Titulok

Re:Re:Logo

Děkuji za radu.Funguje.

Dátum
Vložil
Titulok

stredne pozadie webu

Dobry den ,

prosim o radu , mam sablonu c 8 Blue, potreboval by som zmenit stredne pozadie stranky ktore je čierne na bledsiu farbu, napr, bledo modru.

dakujem za odpoved .

Dátum
Vložil
Titulok

Re:stredne pozadie webu

Dobrý deň, napíšte prosím aj adresu konkrétneho webu, o ktorý sa jedná.

Dátum
Vložil
Titulok

Změna velikosti fontu v hlavičce

Dobrý den,

prosím o postup řešení změny velikosti fontu textu v hlaviččce. Máme příliš dlouhý název a ten se nevejde celý do vymezeného prostoru.

www.zodmrakov1.webnode.cz

Dátum
Vložil
Titulok

Re:Změna velikosti fontu v hlavičce

Dobrý deň, otvorte si editáciu CSS v administrácii Webnode a upravte tam údaje takto:
.topBlock h2 {
color:#FFFFFF;
display:block;
font-size:1.6em;
height:50px;
left:19px;
overflow:hidden;
position:relative;
top:46px;
width:415px;

Zmeníte vlastne len font size a pozíciu z top. Táto časť kódu sa nachádza v súbore style.css v riadku 141.

Nájdete to tak, že ked si otvoríte úpravu css súboru, tak vprehliadači dáte vyhľadať (stlačením "F3" alebo "CTRL+F") toto: ".topBlock h2 {" a dostanete sa rovno k editácií tejto časti kódu.

Keby boli nejaké komplikácie, tak napíšte.

Pekný deň.

Dátum
Vložil
Titulok

obrazky

Dobry den,chcell by som sa opytat ci by sa dala upravit sablona c.3,ta predposledna modra,pretoze akykolvek obrazok vratane fotogalerie,mi olemuje modrou farbou.

Dátum
Vložil
Titulok

Re:obrazky

Dobrý deň, s olemovaním nie je problém. Napíšte sem prosím konkrétny web a v ďalšom príspevku Vám napíšem riešenie.

Pekný deň

Dátum
Vložil
Titulok

Re:obrazky

http://mudrostvekov.webnode.sk/

Dakujem

Dátum
Vložil
Titulok

Re:Re:obrazky

Dobrý deň, v editácií CSS súboru v administrácii Webnode upravte tieto hodnoty:

Cez vyhľadávanie v prehliadači (F3 alebo CTRL+F) si dajte vyhľadať ".boxContent img {" upravte border z 2px na 0px a tým pádom okraj okolo fotky vloženej to textu zmyzne.

.boxContent img {
background:none repeat scroll 0 0 #D7D7D7;
border:2px solid #9AB5C0;
margin:10px;

Pri tejto zmene by mal byť vyriešený aj okraj fotiek vo fotogalérií. Pokial by tomu tak nebolo, tak napíšte a pozriem sa na to.

Pekný deň.

Dátum
Vložil
Titulok

Re:Re:Re:obrazky

Chcem sa podakovat,pomohlo to pri obrazkoch,ale vo fotogalerii mi ramcek ostava stale.

Dátum
Vložil
Titulok

Re:Re:Re:Re:obrazky

Myslel som si, že to tak bude :) Rovnaké zmeny spravte aj v týchto častiach CSS súboru:

Vyhľadať: ".photo118 a.photo span.image {" a zmeniť border na 0px

.photo118 a.photo span.image {
background:none repeat scroll 0 0 #EAEAEA;
border:2px solid #EB063C;
display:block;
height:118px;
margin:0 auto 5px;
position:relative;
width:118px;

A vyhľadať: ".photofull span.image {" a zmeniť border na 0px

.photofull span.image {
background:none repeat scroll 0 0 #EAEAEA;
border:2px solid #EB063C;
display:block;
height:470px;
margin:0 auto 10px;
position:relative;
text-align:center;
width:470px;

Pekný deň prajem

Dátum
Vložil
Titulok

Re:Re:Re:Re:Re:obrazky

Dakujem velmi pekne,pomohlo to.

Dátum
Vložil
Titulok

Obrázok na pozadí

Dobrý den.
Podle vaších návodu se snažím hrát se šablonama webnode, ale teď jsem se dostal do slepé uličky a chtěl bych poprosit o pomoc. na stránkach www.stavoodbyt.webnode.cz jsem vložil do šablony na pozadí obrázek.Ale při textu delším se mi konec už jeví jako patička a vypadá to dost...:-(( nevíte kde jsem udělal chybu?? Můžete mi prosím pomoci jestli jde ten obrázek na pozadí nějak posouvat zárověň s textem??? nebo mám vložit větší formát.
Děkuji Vám. Petr

Dátum
Vložil
Titulok

Re:Obrázok na pozadí

Dobrý deň, vy pravdepodobne potrebujete vložiť tento obrázok "site.jpg" ako pozadie webu tu: style.css (riadok 24) a nie v riadku 270, ako to máte teraz.

Pekný deň

Dátum
Vložil
Titulok

Re:Re:Obrázok na pozadí

Já moc děkuji za pomoc, ale jsem z toho lama :-) v řádku 24 po zobrazení zdroj.kodu mám úplně něco jiné a v 270 :-((( tak jsem tam kde jsem byl. Ale i tak děkuji, jste přínosem pro lidi co mají stránky na webnode. Hezké velikonoce

Dátum
Vložil
Titulok

Re:Re:Re:Obrázok na pozadí

Ďakujem a podobne prajem pekné sviatky. Pokiaľ potrebujete vymeniť len pozadie za obrazok, tak to pre Vás môžem spraviť za odkaz z Vášho webu.

Pekný deň

Dátum
Vložil
Titulok

Re:Re:Re:Re:Obrázok na pozadí

Děkuji, budu moc rád když mi s tím pomůžete. Odkaz není problém.

Dátum
Vložil
Titulok

Jak uplně smazat vyhledávání a kontakt?

Měla bych prosím pěkně další dotaz :D denodenně jsem si s tím zkoušela poradit ale nešlo mi to...Chtěla jsem změnit pozadí u vyhledávání a toho kontaktu vlevo ale nevěděla jsem pod čím to mám v css style najít. Poradil by jste mi prosím? A ještě bych chtěla vědět když bych chtěla tyto dvě černé okýnka uplně smazat, tak co pro to (a kde) musím udělat. Děkuju.

Dátum
Vložil
Titulok

Re:Jak uplně smazat vyhledávání a kontakt?

Dobrý deň, v najbližších dňoch napíšem návod na odstránenie vyhľadávania v šablónach Webnode, tak si to podľa návodu budete môcť spraviť.

Dátum
Vložil
Titulok

Re:Re:Jak uplně smazat vyhledávání a kontakt?

Návod je na svete: http://www.peknastranka.sk/news/navod-ako-uplne-odstranit-vyhladavanie-zo-sablony-webnode/

Pekný deň

Dátum
Vložil
Titulok

Pozadí stránky

Zdravim. Na mojí stránce http://zkouska-obchod.webnode.cz/ bych chtěla změnit to černé pozadí na takové světle žluté jako mám v záhlaví. Poradíte mi prosím jak a kde? Doufám že to jde :)

Dátum
Vložil
Titulok

Re:Pozadí stránky

Dobrý deň, pozerám, že ste si s pozadím poradila aj sama :)

Pekný deň

Dátum
Vložil
Titulok

Re:Re:Pozadí stránky

No právě že neporadila :D nechci tam to černé pozadí na které přidávám články ... jak to změnit prosím?

Dátum
Vložil
Titulok

Re:Re:Re:Pozadí stránky

Aha, to pozadie máte na mysli. Budete musieť zmeniť farbu pozadia a tiež farbu písma.

style.css (riadok 541) - zmeniť farbu pozadia a farbu písma napr. takto:
background-color:#ffffff
color:#000000

style.css (riadok 574) - doplniť farbu písma nádpisu napr. na sivú:
color: #cccccc

style.css (riadok 2405) - zmeniť farbu písma napr. na čiernu:
color: #000000


Keby boli nejaké problémy, tak napíšte..

Dátum
Vložil
Titulok

Re:Re:Re:Re:Pozadí stránky

Děkuju moc :)

Dátum
Vložil
Titulok

Dotaz na další varianty .html pro změnu hlavního obrázku

Opět prosba: vytvořil jsem si další variantu . html_d (důvodem byla potřeba nadefinovat vlastní hlavní obrázek k této šabloně), ale nedaří se mi, aby mnou vytvořená varianta .html_d v adresáři "variants" byla možná zvolit i v administračním rozhraní, přestože v adresáři "variants" má i pro svou variantu "variant_d.png". Můžete mi prosím poradit, kde dělám chybu?

Dátum
Vložil
Titulok

Re:Dotaz na další varianty .html pro změnu hlavního obrázku

Dobrý deň túto vec som ešte neskúšal a nemám teraz na to veľmi čas, tak si prosím počkajte a keď to pri nejakom projekte budem potrebovať spraviť, tak vysledok/postup zverejnim.

Vďaka za pochopenie a pekný deň prajem.

Dátum
Vložil
Titulok

Re:Re:Dotaz na další varianty .html pro změnu hlavního obrázku

Děkuji alespoň za odpověď - kdyby se to podařilo vyřešit mě, také to tady zveřejním. Jinak budu čekat na vaše řešení....

Dátum
Vložil
Titulok

Re:Re:Re:Dotaz na další varianty .html pro změnu hlavního obrázku

OK..

Dátum
Vložil
Titulok

Stínovaný okraj stránky a možnost vložení gif do hlavního obrázku?

Dobrý den, mám prostu o zodpovězení následujících dvou otázek:
1. Lze nějakým způsobem změnit CSS kód, popřípadě HTML, aby i stránky na šabloně webnode měly stín u svého okraje, jako to máte vy u svých Peknastranka.sk?
2. Šlo by podle vašeho názoru dát místo hlavního obrázku pohyblivý.gif soubor? Je pravda, že to bych mohl jednoduše vyzkoušet, ale napadlo mě to právě TEĎ, tak to rovnou píšu :-)
Děkuji za případnou odpověď

Dátum
Vložil
Titulok

Re:Stínovaný okraj stránky a možnost vložení gif do hlavního obrázku?

Dobrý deň prajem,

1. Je to možné samozrejme, ale napíšte adresu webu, kde to chcete spravit. Nie v každej šablóne to je také jednoduché.

2. Gif animácie idú vložiť do hlavičky tak isto ako obrázky typu png alebo jpg cez administráciu

Dátum
Vložil
Titulok

Re:Re:Stínovaný okraj stránky a možnost vložení gif do hlavního obrázku?

Děkuji za odpověď. Stínování stránek zatím není u mých stránek "kamenstimodelari.webnode.cz" na pořadu dne, vytvořil jsem si podle vašeho návodu pozadí, takže by se stínování už asi nehodilo. Spíš mě to zajímalo technicky, do budoucna, zda to vůbec jde vyřešit. Z Vaší odpovědi tuším, že to případně lze.... Za "gif" odpověď děkuji, uvažuji o celoplošném .gif, který by v jedné své malé části byl rozfázovaný a měnila by se ve výsledku tedy jakoby jedna jeho část. V tuto chvíli si jdu zkusit vytvořit další .html varianty, takže by každá šablona stránek měla svůj vlastní hlavní obrázek. Ještě jednou díky, M.S.

Dátum
Vložil
Titulok

Re:Re:Re:Stínovaný okraj stránky a možnost vložení gif do hlavního obrázku?

V každej šablóne je eto iné, ale dá sa to spraviť. V tejto mojej šablóne je to jednoducho robené tak, že tento obrázok: http://www.peknastranka.sk/img/pg-main.png má napravo tieň a opakuje sa v osy Y. Spodok tvorí tento obrázok: http://www.peknastranka.sk/img/footer-bg.png a vrch tento: http://www.peknastranka.sk/img/nav-bg.png

Nie je to nič zložité, len sa s tým treba pohrať. Niečo obkukať, niečo vymyslieť a je to :)

Dátum
Vložil
Titulok

Re:Re:Re:Re:Stínovaný okraj stránky a možnost vložení gif do hlavního obrázku?

Skvělá práce, vždyť je to tak jednoduché. Jen na to příjít...

Dátum
Vložil
Titulok

Re:Re:Re:Re:Re:Stínovaný okraj stránky a možnost vložení gif do hlavního obrázku?

Toto je vec na ktorú musíte prísť. Ináč to nejde :)

Dátum
Vložil
Titulok

Www.fifaliga-free.webnode.cz

Cawte Pls pomozte mi niekto zo sablonou a headerom , Diki moc

Dátum
Vložil
Titulok

Re:Www.fifaliga-free.webnode.cz

Dobrý deň, čo konkrétne s headerom potrebujete spraviť?

Dátum
Vložil
Titulok

Re:Re:Www.fifaliga-free.webnode.cz

Chcel bi som tam dat nejaky Obrazok napriklad http://letsfifa.ic.cz/ takyto volaky urobit nazov ligy a nejak upravit sablonu

Dátum
Vložil
Titulok

Re:Re:Re:Www.fifaliga-free.webnode.cz

Čo sa týka úpravy šablóny, tak to zadarmo nerobím, ale môžem ti poslať túto šablónu http://template-7-black-ukazka.webnode.sk , ktorá by možno spĺňala Vaše kritéria. Podmienkou je umiestnenie malého bannera na úvodnej stránke tvojho webu s odkazom na našu stránku.

Dátum
Vložil
Titulok

Re:Re:Re:Re:Www.fifaliga-free.webnode.cz

No jasne moze bit ten baner a posles mi tu sablonU ? aj daj tam ten baner vasej stranky Ok dik

Dátum
Vložil
Titulok

Re:Re:Re:Re:Re:Www.fifaliga-free.webnode.cz

Máš to tam šéfe :)

Dátum
Vložil
Titulok

změna pozadí

Dobrý den,chtěl bych si změnit pozadí mýho webu (www.czechgladiators.webnode.cz) ale jak tady pročítám návody tak jsem stoho úplně mimo :-) Prosím o jasnej a jednoduchej návod.Tady je obrázek který chci dostat na celé pozadí. obrázek http://img.over.cz/viewer.php?file=4837563.jpg Předem moc děkuji za radu.VildaT22@seznam.cz

Dátum
Vložil
Titulok

Vložení Favicon do www stránek

Na základě skvělé zkušenosti s pomocí Petra Vargy (Petře ještě jednou mnohokrát děkuji!!!) dávám ostatním k dispozici i své postřehy s možností vložení Favicon do www stránek. Já to provedl následovně:
Napsal jsem do hlaviček všech .html souborů (tedy základní i všech tří variant (variants) následující:

Do všech hlaviček .html souborů (kořenového i variants) jsem vložil:

<div>
<link rel="shortcut icon" href="http://URL adresa obrázku.gif">
<link rel="icon" href="http://URL adresa obrázku" type="image/gif">
</div>

a už se to zobrazuje u všech stránek ve všech prohlížečích: v Mozzile jako pohyblivý .gif, v Opeře a Chrome jako statický favicon a v IE vůbec-:)

Dátum
Vložil
Titulok

Prosba o pomoc se změnou tvaru nadpisu

Jedná se konkrétně o šablonu č. 10 v červeném red provedení, kde potřebuji kvůli zvýraznění provést následující: styl nadpis1 ponechat v původní velikosti i stylu fontu, ale aby nadpis1 měl standardně vždy podobu současného již nadefinovaného nadpisu2, tedy podtržení a červené zvýraznění pozadí. Pokud by se vám podařilo mi co nejvíce (lajcky) přiblížit změnu CSS kódu, byl bych velmi vděčen. Důdem požadované změny je to, že webnode si tvrdošíjně vynucuje u předem nadefinovaných stránek (diskuse, ankety atd.) standardně styl nadpis1, což mi nevyhovuje. Děkuji mnohokrát za pomoc.

Dátum
Vložil
Titulok

Re:Prosba o pomoc se změnou tvaru nadpisu

Dobrý deň Marek,

Takže v súbore style.css, v riadku 523 doplňte hodnoty, aby boli také, ako napíšem nižšie:

.contBlock h1, .contBlock h2, .wsw h2 {
background-color: #CC2529;
border-bottom: 3px solid #6A050C;
font-size: 1em;
font-weight:bold;
margin-bottom: 10px;
padding: 0 10px;
text-transform: uppercase;

Pekný deň

Dátum
Vložil
Titulok

Dotaz na Favicon atd., změna velikosti a barvy nadpisu

Dobrý den, vidím, že jsem ve vás objevil odborníka, který mi snad dokáže pomoci.

Prosba 1 - snažil jsem se do staženého motivu připsat do hlavičky .html stránky favicon ve tvaru <link rel="icon" type="image/gif" href="/favicon.gif">; do kořene podle všech zvyklostí vložil "favicon.gif" a po zpětném stažení motivu na webnode se favicon nezobrazuje.Netušíte, kde by mohl být problém, popřípadě kam na které místo přesně do .html onen řádek vložit?

Prosba 2 - v CSS kódu se vůbec nevyznám - na kterém místě kódu a jak je možné změnit barvu a velikost písma nadpisů 1, 2, 3?

Prosba 3 - jak změnit motiv, aby se na každé ze stránek menu zobrazoval v záhlaví jiný obrázek?

Za případnou radu děkuji mnohokrát předem

Dátum
Vložil
Titulok

Re:Dotaz na Favicon atd., změna velikosti a barvy nadpisu

Dobry den Marek,

1. Favicon som vo Webnode ešte nemenil, takže s týmto zatial neporadím.

2. Otvorte si súbor style.css a dajte vyhľadať "h1" "h2" "h3" atď. a dostanete sa k úprave nadpisov. Pokial to náhodou nenájdete, tak napíšte adresu webu a napíšem Vám presne, kde to zmeníte.

3. Pokial chcete pre každú podstránku (položku menu) iný obrázok (illustration) v hlavičke, tak si musíte vytvoriť ďalšie html súbory (varianty rozloženia stránky) a uložiť ich v priečinku "variants". Pri Webnode šablónach je možné obrázok v hlavičke meniť iba tak, že pre každú variantu (variant_a.html, variant_b.html atď.) zadefinujete iný obrázok (napr. illustration_a.jpg, illustration_b.jpg, illustration_c.jpg atď.). Môžete to spraviť aj tak, že pokial viete, ktorú variantu budete pre danú podstránku používať, tak ten istý súbor napr. variant_a.html so zmeneným illustration do zložky "variants" nakopírujete pod názvom variant_d.html a priradíte mu aj obrázok pre náhľad v administrácii variant_d.jpg a potom si v administrácii zmeníte variantu pre danú podstránku na "D" a v hlavičke budete mať obrázok illustration_d.jpg.

Pokial chcete zistiť ako fungujú šablóny Webnode, tak navštívte túto stránku pre vývojárov: http://developer.webnode.com/templates/index.php/Tvorba_a_%C3%BApravy_%C5%A1ablon_pro_Webnode

Pokial máte ďalšie konktrítne otázky, tak napíšte adresu webu a poradím. Pokial chcete pomôcku pre úpravy Webnode šablón, tak vrelo odporúčam doplnok pre Firefox "FireBug"

Dátum
Vložil
Titulok

uprava sablony

Zdravim, chcel by som sa opytat: ked mam stiahnutu sablonu z webnode a rozpakujem ju nasledne otvorim cez firefox tak sa neda otvorit teda je tam len par riadkov a niejaky prikaz neviete v com je problém.
Za odpoved vopred dakujem

Dátum
Vložil
Titulok

Re:uprava sablony

Dobrý deň, keď si stiahnete Webnode šablónu a rozbalíte ju, tak tam máte niekoľko adresárov a súborov. Čo konkrétne potrebujete otvoriť?

Dátum
Vložil
Titulok

Re:Re:uprava sablony

subor index

Dátum
Vložil
Titulok

Re:Re:Re:uprava sablony

Tento súbor si môžete otvoriť napríklad s týmto editorom: http://www.pspad.com/sk/download.php

Dátum
Vložil
Titulok

Změna písma

Nicméně ještě by mě zajímalo jak změním písmo? Jako barvu? konkrétně v menu. Vím že se to dělá někde v printu, ale v tom se nevyznám :D

Dátum
Vložil
Titulok

Re:Změna písma

* oprava: css :D

Dátum
Vložil
Titulok

Re:Re:Změna písma

Dobrý deň, napíšte sem adresu Vášho webu a napíšem, kde a čo treba zmeniť.

Dátum
Vložil
Titulok

Super návod

Díky za tohle, moc mi to pomohlo :)

Dátum
Vložil
Titulok

Re:Super návod

Dobrý deň, nie je za čo. Som rád, že návod pomohol :)

Dátum
Vložil
Titulok

Zip soubor

Dobrý den. Nejdřív pochvalu za super stránky. Děkuji. Mám problém v tomhle jsem laik a nějak se z toho nemůžu vymotat. Stáhl jsem si šablonu, upravil v ní jeden obrázek který jsem zpátky vlložil do img, ale nevím jak to teď všechno zabalit abych to mohl importovat jako upravenou šablonu. Můžete mi prosím poradit co s tím mám dělat?? děkuji Vám

Dátum
Vložil
Titulok

Re:Zip soubor

Dobrý deň a vďaka za pochvalu :)

Šablónu do zipu zabalíte tak, ako som to ukázal na tomto obrázku: http://files.peknastranka.sk/200000405-572d358273/zabalit_sablonu_do_zip_subora.jpg

Dátum
Vložil
Titulok

Sablona 12 - podkresovy obrazok

Dobry den. Vyuzivam sablonu c. 12. Do celkoveho pozadia vkladam obrazok, coz sa v pohode podarilo. Potrebovala by som ale, aby bol pevne zachyteny a neposuval sa pri zmensovani okna. To predpokladam nie je mozne urobit. Bola by teda varianta, aby sa obrazok rozdelil na dve casti a tie sa zobrazovali zo stredu vlavo i vpravo? Vysledok by mal byt, ze v lavej casti a v pravej casti cervenej plochy bude pevne viazany podkresovy obrazok. Dik za pripadnu radu. Z.D.

Dátum
Vložil
Titulok

Re:Sablona 12 - podkresovy obrazok

Dobrý deň, neviem, či som Vás správne pochopil, ale pravdepodobne potrebujete, aby bol obrázok pozadia zarovnaný hore a na stred.

Napíšte www adresu webu a pradím..

Dátum
Vložil
Titulok

Re:Re:Sablona 12 - podkresovy obrazok

Dobry den. Ano, obrazok by mal byt hore a na stred. Odkaz na web posielam na mail. Diky za pomoc. Z.D.

Dátum
Vložil
Titulok

zmena tlačítka

Podľa návodu sa mi podarilo zmeniť fotku, dá sa takto zmeniť resp.prispôsobiť farba tlačítka v menu?

Dátum
Vložil
Titulok

Re:zmena tlačítka

Dobrý deň, farba tlačidla v menu sa samozrejme dá zmeniť. Napíšte adresu webu a problém vyriešime..

Dátum
Vložil
Titulok

Problem velký

J mam zas taky problem podarilo sa mi zmenit pozadie v pohode ale vidno ho len v administrácii stránok ale normálne je nezmenené pôvodné.
Neviem co s tým isiel som presne podla návodu a som sa tesil ze to funguje parádne ale vravím len v a dministrácii mi to vidno ale normálne ho nevidno..

Neviete co s tým ??? pls fakt neviem co s tym uz skusal som to asi 100x a zdy aj davam samozreje publikovať setko aj jednotlivo a proste neviem ako to pozadie zmeniť. www.flashes.webnode.cz

Dátum
Vložil
Titulok

Re:Problem velký

vidím, že problém s pozadím máte vyriešeny, len este odporúčam namiesto tohto obrázka http://flashes.webnode.cz/img/site_bg.jpg , ktorý sa zobrazuje na pozadí web stránky použite tenký pásik a nechajte ho opakovať v osy X ( left top repeat-x ).

Veľa zdaru..

Dátum
Vložil
Titulok

-

zdravím nadšncov
no v prvom rade super stranka kde som nasiel co som hladal dik :)
Ja mam svoj ciel vo vyrobení, alebo teda prerobení celej šablóny nielen pozadia a tak. No nvm ci je to v mojich silách preto ak niekto pozná nejaký lahký css editor alebo tak budem moct vdacný ak mi zamailuje. vopred dik
mkmucnik@gmail.com

Dátum
Vložil
Titulok

vzhled stranky

Dobry den, ja ma problem. Na svych strankach u webnode mohu vkladat pouze clanky do sloupce, nikoliv treba pres celou sirku stranky. Je to problem, protoze pak se mi nezobrazuje treba cele forum, ktere bych chtela jako nove umistnit na stranky z jine domeny.

Dekuji za pomoc!

Dátum
Vložil
Titulok

Re:vzhled stranky

Dobrý deň, skúšali ste prepnúť vzhľad stránky v administrácii?

Dátum
Vložil
Titulok

neviem

ja bi som chcel zmenit pozadie na modro-čierne . dakujem kontaktujte ma na jakubsuran@centrum.sk

Dátum
Vložil
Titulok

pozadie z dvoch obrazkov

zdravim, pokusam sa vytvorit sablonu pozadia ako css, ale neviem ako dalej, pokusam sa pozadie vytvoriť z dvoch obrazkov, jeden na hornej časti (hlavička) a jeden na konci strany (päta), kazde zvlast mi funguje, ale neviem oba obrazky dostat do jedneho suboru tak, aby to fungovalo
<title>pozadie</title>
<style>
body {
background-image: url('hlava.jpg');
background-repeat: repeat-x;
background-position: 0% 15%
}
</style>

<style>
body {
background-image: url('pata.jpg');
background-repeat: repeat-x;
background-position: bottom
}
</style>

Dátum
Vložil
Titulok

Re:pozadie z dvoch obrazkov

kod musi mat svoju strukturu a kazda cast webu svoj "div" tag..

Dátum
Vložil
Titulok

Komentář vedle fotografie

Mám drobný dotaz ohledně stránek webnode.cz. Nejedná se vyloženě o editaci šablon, ale vy mě určitě pomůžete. Když vložím fotografii na stránku do formátového textu vlevo, rád bych potom třeba psal hned vedle fotografie vpravo nahoře např.článek! Text ale jde vložit pouze ke spodnímu okraji a tak se i zobrazí na stránkách. jde o tuto situaci:
http://cms.dorkybrno.webnode.cz/klub/historie/

Díky za odpo

Dátum
Vložil
Titulok

Re:Komentář vedle fotografie

Zapoměl jsem, používám Firefox.

Dátum
Vložil
Titulok

Re:Re:Komentář vedle fotografie

je to jednoduché, pri editovaní obsahu v administrácii si kliknite na danú fotografiu > kliknite na ikonu cez ktorú fotografiu vkladáte a zobrazia sa Vám vlastnosti > tam si nastavíte obtekanie textu podľa potreby (vpravo, vľavo, dolný okraj a pod.)..

Dátum
Vložil
Titulok

Pozadí webu

Ze začátku to šlo ztuha, pak jsem nechápal proč jsi změnil černou za šedou v pozadí. Ukázalo se, že černá barva krásně spojí horní obrázek nebo tvůj červenočerný přechod. Mě se nakonec podařilo něco, s čím jsem moc spokojenej a moc děkuji za Tvůj návod.
http://dorkybrno.webnode.cz/

Dátum
Vložil
Titulok

Re:Pozadí webu

Nie je zač a som rád, že návod pomohol..

Dátum
Vložil
Titulok

vyhledavani

mam dotaz jestli se jde zbavit nebo posunout nekam dolu vyhledavani co je na kazde strance-prijde me zbytecny diky

Dátum
Vložil
Titulok

Re:vyhledavani

vyhladavanie je mozne uplne odtranit v subore style.css vymazanim casti kodu, ktory definuje vyhladavanie. V tomto pripade je potrebne odstranit aj kod, ktory definuje vyhladavanie v subore index.html a to isté v html súboroch v zložke "variants".

Dátum
Vložil
Titulok

Re:Re:vyhledavani

CSS nerozumim ani trochu , ale podarilo se me vymazat ze stranek okno hledani,tlacitko hledani a ty linky okolo, ale neaktivni napis HLEDANI tam zustane :-(

Dátum
Vložil
Titulok

Re:Re:Re:vyhledavani

vymazali ste aj kód v súbore index.html a v ďalších html súboroch ( variant_a.html atď. ) v zložke "variants"?

Dátum
Vložil
Titulok

nejde mi

zdravím, chtěl jsem změnit obrázek, dělal jsem to přesně podle návodu a nedaří se. Funguje ta možnost na Free verzích, nebo jen na placených ,
Díky

Dátum
Vložil
Titulok

Re:nejde mi

malo by to fungovat. Robil som to subezne s pisanim navodu. Skus popisat presnejsie, co ti nejde alebo, co si spravil v ktorej sablone. Alebo to skus cele spravit este raz a mozno pojde :)

Musi to fungovat aj pri FREE verziach.

Dátum
Vložil
Titulok

Re:Re:nejde mi

je to šablona : template-6-dark-green, pod menu je obrázek golfisty, kde jsem chtěl dát svoje logo ( stejná velikost, jpg ). Zkoušel sem to asi desektrát, přepíšu obrázek, zabalím, když se na to podívám ještě v PC, tak je to dobře, když dám importovat šablonu a pak se na to podívám, tak už tam logo není a je tam zpátky golfista.

Dátum
Vložil
Titulok

Re:Re:nejde mi

poslal sem upravenou šablonu mailem.

Dátum
Vložil
Titulok

Re:Re:Re:nejde mi

odpísal som ti. Keď obrázok prepíšeš a pôvodný sa v šablóne nenachádza, nie je dôvod, aby sa zobrazoval.

Niektoré prehliadače si pamätajú obrázky. Tak je potrebné viackrát refreshnúť stránku (F5).

Záznamy: 1 - 149 zo 149

Webnode poradňa

Logo WebnodeVšetky ďalšie otázky ohľadom úprav Webnode šablón prosím píšte do novej Webnode poradne, ktorú sme zriadili pre tento účel.

(c) 2009 Peknastranka.sk

Vlastné www stránky Webnode