Autor | Zpráva | ||
---|---|---|---|
Tygr36 Profil |
#1 · Zasláno: 20. 5. 2011, 21:34:42
Dobrý den,
Chci v CSS kodu udělat aby se mi logo co mám v hlavičce webu měnilo podle sekce ve které se navštěvník nachází. Prosím tedy o kod či radu podle které by to i amatér jako já dokázal nebo alespoň odkaz na nějakou stránku kde je toto vysvětleno. Předem díky za odpovědi. |
||
pcmanik Profil |
#2 · Zasláno: 20. 5. 2011, 21:37:04
Tygr36:
Cez css to nepojde, budes muset pouzit javascript alebo php. |
||
Tygr36 Profil |
#3 · Zasláno: 20. 5. 2011, 21:46:55
Aha, ja myslel na css protože známí říkal že by šlo.
Takže nějaký návrhy na javascript nebo php. ? v tomto sem naprostej laik. |
||
Marek88 Profil |
#4 · Zasláno: 20. 5. 2011, 22:57:59
Záleží na tom, jak je web udělán. Pokud je to čistě HTML (+CSS) a každá stránka má znovu hlavičku, menu a patičku, tak logo změníš stejně (podobně) jako měníš text na stránce (obsah stránky).
Pokud je na generování stránek použito třeba PHP (soubory mají pravděpodobně koncovku php), tak to také není těžké, ale chtělo by to odkaz na stránku a k tomu kousek kódu. |
||
Tygr36 Profil |
No jelikož nejsem v kodech moc zběhlí mám stránky dělané díky internetovému generátoru wbs. (což je nevětší problém) Ale i tak se dostanu do hlavního HTML a CSS kodu, v CSS je konkrétně toto (co se týká loga je to jen výtah)
div.logo { width: 956px; height: 200px; margin: 0; background: #DCD06A url("") top left no-repeat; float: left; display: inline; padding: 0; position: relative; z-index: 5; overflow: hidden; tak sem právě myslel zda by nešlo dat vždy na jinou sekci jiný obrázek jen pomocí odkazu. A odkaz bohužel asi nepošlu protože mam sice vytvořeno ale neuveřejněno jelikož de o oficiální stránky ale tento muj druhý web (plně zdarma a neudržovaný) má stejnou šablonu jako jsem upravil, takže alespon takle www.tygri-svet.wbs.cz |
||
Marek88 Profil |
Tak s generátory webu je to trochu horší. Co myslíš tím, že se dostanete k hlavnímu HTML? Pokud je to opravdu celý HTML kod, co můžeš editovat, tak u loga změň na příslušných stránkách class="logo" na:
class="logo obrazek1" class="logo obrazek2" class="logo obrazek3" ... A v CSS pak u třídy div.logo odeberte řádek s definicí background: #DCD06A url("") top left no-repeat; div.obrazek1{ background: #DCD06A url("adresa prvního obrázku") top left no-repeat; } div.obrazek2{ background: #DCD06A url("adresa druhého obrázku") top left no-repeat; } div.obrazek3{ background: #DCD06A url("adresa třetího obrázku") top left no-repeat; } ... |
||
pcmanik Profil |
#7 · Zasláno: 21. 5. 2011, 00:32:11
Marek88:
Hej, ale to je trocha komplikovane, ako som uz hore spomenul lepsie je mat len div, a vkladat pomocou php, alebo javascriptu do neho obrazok, takto by mu pribudlo vela zbytocneho kodu, ak by mat tych obrazkov napr. 10 |
||
Marek88 Profil |
#8 · Zasláno: 21. 5. 2011, 00:42:29
pcmanik:
Tak mu napiš php nebo JS script, který bude fungovat na tom webu z generátoru. Trochu se obávám, že i s tím mým řešení by mohl být problém, ale možná to upravit jde - nevím - zase tak moc jsem to nezkoumal. |
||
Mistr Profil |
#9 · Zasláno: 21. 5. 2011, 09:20:54
pcmanik:
„Cez css to nepojde“ Proč by to nemohlo jít? Přes třídy a identifikátory... Viz pak níže kolega Marek88. |
||
pcmanik Profil |
#10 · Zasláno: 21. 5. 2011, 11:18:14
Mistr:
Je mi jasne, ze takto to pojde, ale bude ovela lepsie, a jednoduchsie mat div, ktory bude mat nastavene vsetko a do neho len vkladat obrazok, ktory sa bude menit, lebo inak mu bude vznikat vela css stylov. Ktore aj tak bude musiet priradovat pomocou php, alebo js, do toho loga. |
||
Tygr36 Profil |
Tak za prvé Vám všm chci poděkovat nečekal sme že by se někdo obtěžoval řešit.
A ted k tematu, zkoušel jsem to co napsal Marek88 bohužel je hlavička jednotná a pak se mění jen kod obsahu ale hlavička s logem zustava stejná a ja se bohužel nedostanu do html kodu tak dke je textoví obsah (moje chyba) blbě sem se vyjádřil nedostanu se do hlavního ale jenom do zakladního kodu. toto je jediný muj HTML kod ke kteremu se dostanu : <%tpl_xml_1_0%> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs"> <head> <%tpl_head%> <!--[if lt IE 7]> <style type="text/css"> #content-bg{height:50000em;} </style> <![endif]--> <!--[if lt IE 8]> <style type="text/css"> .sub-nav span{float:left;} </style> <![endif]--> </head> <body<%tpl_copyprotect%>> <%tpl_firstinbody%> <div id="wrapper"> <div id="wrap-main"> <div id="top-border"></div> <div id="background-main"> <div id="header"> <div class="logo"> <div id="language"><%tpl_langselect%></div> <span id="aktualizace"><%tpl_actdate%></span> <%tpl_logotitle%> </div> </div> <div id="container"> <div class="content"> <div id="heading-content"><%tpl_contenttitle%></div> <%tpl_widget%> <%tpl_content%> </div> <div class="nav"> <%tpl_menu_main_unpack_ul%> </div> <div <BR> <P> </P> <P> </P> <P> </P> <P><EMBED style="WIDTH: 154px; HEIGHT: 158px" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.bestpage.cz/hodiny/analogeklok.swf width=154 height=158 type=application/x-shockwave-flash menu="false" wmode="transparent" bgcolor="#FFFFFF" quality="high"></P> </div> <div class="clear"></div> <div id="content-bg"></div> </div> <div id="footer"> <div id="sitemap"><%tpl_sitemap%></div> <div id="pocitadlo"><%tpl_counter%></div> <div class="clear"></div> </div> </div> <div id="bottom-border"></div> <div id="copyright"><%tpl_footer%></div> </div> </div> </body> </html> a pak se dostanu ještě do CSS ale jenom opět šablony od kud je i výtah toho kodu s tím logem jak sem uveřejnil dřív |
||
Marek88 Profil |
#12 · Zasláno: 21. 5. 2011, 13:52:09 · Upravil/a: Marek88
[#11] Tygr36: V tom případě by ti mohl pomoc ten javascript. Zkoušel jsem to v tom demu, co mají na stránkách a vypadá to, že to půjde.
Když si v tom editoru obsahu (tam kde píše články) zvolíš zobrazení zdrojového kódu, tak tam zkus přidat tohle: <script type="text/javascript"> document.getElementById("header").getElementsByTagName("div")[0].style.backgroundImage="url('http://www.seznam.cz/st/img/logo-2.gif')"; </script> Zároveň ale měj nastavený nějaký výchozí obrázek, protože lidem s vyplým JS se to měnit nebude. EDIT: Teď jsem si všiml, že k tomu divu s logem se dostaneš. Já ho tam vidím. Je to cca na 24. řádku toho kodu, co jsi sem poslal. <div class="logo"> EDIT2: Možná jsem to blbě pochopil. K tomuhle se sice dostaneš, ale je to pak už pro každou stránku stejné? Pak teda zkus ten JS. |
||
Tygr36 Profil |
#13 · Zasláno: 21. 5. 2011, 14:36:26
Moc díky fungujeto ale hned po odzkoušneí sem zjistil nedostatek v tom že když mám fotoalbum či vzkazy tak se nedostanu do zdorjového kodu takže tam to nezměním a co sem se díval na statisiky přistupu skoro polovina obyčejných lidí JS nemá. Dělám to na oficiální stránky obce (novyteleckov.cz) takže potřebuju alespon 80% spolehlivost nejlíp 1oo% Takže moc díky ale takle to nepude, omlouváms e tě tě za tvou funkční práci takle odhazuji ale potřebuji to opravdu spolehlivě.
A ano vím že tam v tom kodu pro logo je to se dá změnit ale je to pro celou stránku a v editu obsahu tam nedostanu to označení. Napadlo mě nešlo by si to označení nějak pujčit ze zdrojového kodu celé stránky (kodu co si přečtej pře i.prohlížeč) nebylo by tam něco k čemu by se dalo poutat to logo ? Asi je to blbost ale jen mě to napadlo. |
||
Marek88 Profil |
#14 · Zasláno: 21. 5. 2011, 15:05:46 · Upravil/a: Marek88
Tygr36:
„skoro polovina obyčejných lidí JS nemá“ Naopak - naprostá většina lidí JS má, protože normálně je zapnutý a obyčejný uživatel nemá potřebu ho vypínat (ani neví co to JS je a že to jde vypnout). EDIT: Našel jsem pár statistik a počet lidí se zapnutým JS se pohybuje od 90% do 98%. |
||
Tygr36 Profil |
#15 · Zasláno: 22. 5. 2011, 22:55:45
Tak jo, zítra se na to vrhnu a udělám to. Takže moc díky za radu a třeba se tu zase někdy ozvu.
Ještě jednou moc díky všem hlavně Marek88. |
||
Časová prodleva: 13 let
|
0