Dalsie podmenu a nejake tie kozmeticke upravy
Moderátor: Moderators
Dalsie podmenu a nejake tie kozmeticke upravy
Poradte niekto.
Potreboval by som dorobit dalsie podmenu na http://ruzenka.sk/index.php?id=13 konkretne ked dam napr. masaze tak aby sa dole objavylo dalsie menu take ako je menu sluzieb, idealne by vsak asi bolo ak by nebolo na celu sirku ale len na sirku clanku teda aby sa prave boxy (akcie ceniky atd) neposuvali nizsie ale ostali a menu bolo na urovni boxu Akcie, teda aj uzsie o box Akcie .
Taktiez mam problem ze mi nezobrazuje rovnako tie obe menu v IE a FF co by som cel aby zobrazovalo rovnako teda tak ako v FF. Napr zas odrazky zobrazuje dost nanic vo FF kedze ich capne az na bok a v IE ich zobrazi dobre odsadene od boku.
Za kazdu radu vopred dakujem...
Potreboval by som dorobit dalsie podmenu na http://ruzenka.sk/index.php?id=13 konkretne ked dam napr. masaze tak aby sa dole objavylo dalsie menu take ako je menu sluzieb, idealne by vsak asi bolo ak by nebolo na celu sirku ale len na sirku clanku teda aby sa prave boxy (akcie ceniky atd) neposuvali nizsie ale ostali a menu bolo na urovni boxu Akcie, teda aj uzsie o box Akcie .
Taktiez mam problem ze mi nezobrazuje rovnako tie obe menu v IE a FF co by som cel aby zobrazovalo rovnako teda tak ako v FF. Napr zas odrazky zobrazuje dost nanic vo FF kedze ich capne az na bok a v IE ich zobrazi dobre odsadene od boku.
Za kazdu radu vopred dakujem...
-
- Moderator & CLT
- Príspevky: 215
- Dátum registrácie: Pi Sep 23, 2005 10:59 am
- Bydlisko: Vysoké Studnice (u Jihlavy)
- Kontaktovať používateľa:
Re: Dalsie podmenu a nejake tie kozmeticke urpavy
Zkus použít spíše nějaké dynamické rozbalovací menu - na etomite.com ve snippetech jich pár najdeš (ev se pro inspiraci mrkni ke mě na web) S odlišným zobrazováním v různých prohlížečích ti bohužel neporadím - pravděpodobně něco nekorektního v CSS stylu.
Poznámka:
v položce "o nás" máš link na neexistující ID dokumentu (pravděpodobně to máš jako výchozí dokument), takže ti to skáče na chybovou stránku - asi máš smazaný výchozí dokument, nebo ho máš špatně nadefinovaný.
Dále pokud chceš používat na webu více jazyků (usuzuji tak z polského textu), tak si napřed uspořádej dokumenty - vytvož si adresář např CZ, nebo PL - uděláš ho jako prázdné necachované publikované dokumenty a do toho adresáře pak vkládej příslušné jazykové verze. V zobrazovaném menu pak nadefinuješ výchozí ID dokumentu, od kterého se má zobrazovat. Pro přepnutí do další verze si vytvoříš další templatu s ID PL adresáře a do obou templat dáš vlaječku s linkem na příslušný indexový dokument požadované jazykové verze.
Poznámka:
v položce "o nás" máš link na neexistující ID dokumentu (pravděpodobně to máš jako výchozí dokument), takže ti to skáče na chybovou stránku - asi máš smazaný výchozí dokument, nebo ho máš špatně nadefinovaný.
Dále pokud chceš používat na webu více jazyků (usuzuji tak z polského textu), tak si napřed uspořádej dokumenty - vytvož si adresář např CZ, nebo PL - uděláš ho jako prázdné necachované publikované dokumenty a do toho adresáře pak vkládej příslušné jazykové verze. V zobrazovaném menu pak nadefinuješ výchozí ID dokumentu, od kterého se má zobrazovat. Pro přepnutí do další verze si vytvoříš další templatu s ID PL adresáře a do obou templat dáš vlaječku s linkem na příslušný indexový dokument požadované jazykové verze.
- _rasel^
- ETOMITE Admin
- Príspevky: 1122
- Dátum registrácie: Ut Sep 20, 2005 1:03 am
- Bydlisko: Košice (SR)
- Kontaktovať používateľa:
Re: Dalsie podmenu a nejake tie kozmeticke urpavy
Horizontálne menu sa oplatí robiť väčšinou do druhej úrovne. Keď má horizontálne menu viac ako dva úrovne, tak sa už oplatí rozmýšľať nad niečím iným (už je to neprehľadné), napr. tretiu úroveň menu zobraziť ako zoznam a pod., alebo menu vertikálne na boku. Alebo zmeniť komplet celé menu na roletové, alebo vertikálne.
..:: Etomite CMS → Rulezzz !.!.!. ::..
- Marek Adamec
- Medium Star
- Príspevky: 246
- Dátum registrácie: Pi Dec 28, 2007 7:58 pm
- Bydlisko: Dubnica nad Váhom
- Kontaktovať používateľa:
Re: Dalsie podmenu a nejake tie kozmeticke urpavy
mam na svojej stranke spravene horizontalne menu ale chcel by som ho upravit aby sa dalo farebne odlisit jeho podklad... momentalne menu vyzera takto:
spravil som to takto: v manage chunks som si vytvoril {{menuhore}} s tymto obsahom a vlozil som ho do templtu.
a do css som pridal toto:
co musim upravit aby vyzeralo menu nejako takto... (toto je len priklad farebneho odlisenia pre predstavivost...)
alebo aby to bolo za odkazom adrenalin biele to pozadie..., cize by tam boly len dce farby ta co je a potom biela, len som rozmyslal tak ze posuniem hranice napr:
background: #ccc;
width: 1-500px;
height: 26px;
a
background: #FFF;
width: 501-759px;
height: 26px;
len neviemn ako to tam mam zapisat...
spravil som to takto: v manage chunks som si vytvoril {{menuhore}} s tymto obsahom a vlozil som ho do templtu.
Kód: Vybrať všetko
<ul id="odkazy">
<li><a href="http://www.forum.navrchol.sk" title="Fórum">Fórum</a></li>
<li><a href="http://www.fotogaleria.navrchol.sk" title="Fotogaléria">Fotogaléria</a></li>
<li><a href="http://www.navrchol.sk/index.php?id=407" title="Expedície">Expedície</a></li>
<li><a href="http://www.navrchol.sk/index.php?id=436" title="Chaty">Chaty</a></li>
<li><a href="http://www.navrchol.sk/index.php?id=32" title="Adrenalín">Adrenalín</a></li>
<li><a><a><a><a><a><a><a
<li><a title="Vyhľadaj" target="" href="http://www.navrchol.sk/index.php?id=430">
<img border="0" src="http://www.navrchol.sk/menulogo/lupa24.png" width="24" height="24"></a></li>
<li> [[print-link]]</a></li>
</ul>
Kód: Vybrať všetko
ul#odkazy {
margin: 0; padding: 0;
list-style: none;
background: #ccc;
width: 759px;
height: 26px;
}
ul#odkazy li {
display: inline;
}
ul#odkazy li a {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #286EC1;
text-decoration: none;
float: left;
margin: 5px 15px;
}
ul#odkazy li a:hover {
text-decoration: underline;
}
co musim upravit aby vyzeralo menu nejako takto... (toto je len priklad farebneho odlisenia pre predstavivost...)
alebo aby to bolo za odkazom adrenalin biele to pozadie..., cize by tam boly len dce farby ta co je a potom biela, len som rozmyslal tak ze posuniem hranice napr:
background: #ccc;
width: 1-500px;
height: 26px;
a
background: #FFF;
width: 501-759px;
height: 26px;
len neviemn ako to tam mam zapisat...
- _rasel^
- ETOMITE Admin
- Príspevky: 1122
- Dátum registrácie: Ut Sep 20, 2005 1:03 am
- Bydlisko: Košice (SR)
- Kontaktovať používateľa:
Re: Dalsie podmenu a nejake tie kozmeticke urpavy
Približne takto. Je lepšie dať odkazy na [~ID~]. A teba sa zbaviť prázdnych tágov. Zarovnávanie vyhľadávania je dobré urobiť pomocou CSS.
Kód: Vybrať všetko
<ul id="odkazy">
<li class="forum"><a href="http://www.forum.navrchol.sk/" title="Fórum">Fórum</a></li>
<li class="foto"><a href="http://www.fotogaleria.navrchol.sk/" title="Fotogaléria">Fotogaléria</a></li>
<li class="expedicie"><a href="[~407~]" title="Expedície">Expedície</a></li>
<li class="chaty"><a href="[~436~]" title="Chaty">Chaty</a></li>
<li class="adrenalin"><a href="[~32~]" title="Adrenalín">Adrenalín</a></li>
<li class="search"><a title="Vyhľadaj" href="[~430~]"><img alt="Lupa" src="http://www.navrchol.sk/menulogo/lupa24.png" /></a></li>
<li class="print">[[print-link]]</li>
</ul>
Kód: Vybrať všetko
ul#odkazy {
margin: 0;
padding: 0;
list-style: none;
background: #CCC;
width: 759px;
height: 26px;
}
ul#odkazy li {
display: inline;
font-family: "Arial", Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
float: left;
padding: 5px 15px;
margin-right: 2px;
}
ul#odkazy li a{
color: #286EC1;
text-decoration: none;
}
ul#odkazy li a img{
border: 0;
}
ul#odkazy li a:hover {
text-decoration: underline;
}
ul#odkazy li.forum {
background-color: #A7C834;
}
ul#odkazy li.foto {
background-color: #A7C834;
}
ul#odkazy li.expedicie {
background-color: #F5B335;
}
ul#odkazy li.chaty {
background-color: #F5B335;
}
ul#odkazy li.adrenalin {
background-color: #CCC;
}
ul#odkazy li.search {
background-color: #CCC;
}
ul#odkazy li.search {
float: right;
}
ul#odkazy li.print {
float: right;
}
..:: Etomite CMS → Rulezzz !.!.!. ::..
- Marek Adamec
- Medium Star
- Príspevky: 246
- Dátum registrácie: Pi Dec 28, 2007 7:58 pm
- Bydlisko: Dubnica nad Váhom
- Kontaktovať používateľa:
Re: Dalsie podmenu a nejake tie kozmeticke upravy
no je to uplne super takto som to myslel , este frochu upravim farby... diky
maly zadrhel: v IE to zobrazuje dobre ale v Opere a FireFoxe je obrazok tlaciarne posunuty dele...
maly zadrhel: v IE to zobrazuje dobre ale v Opere a FireFoxe je obrazok tlaciarne posunuty dele...
- _rasel^
- ETOMITE Admin
- Príspevky: 1122
- Dátum registrácie: Ut Sep 20, 2005 1:03 am
- Bydlisko: Košice (SR)
- Kontaktovať používateľa:
Re: Dalsie podmenu a nejake tie kozmeticke upravy
To je spôsobené zarovnávaním, keď sem postneš link kde to máš, tak sa nato pozriem...
..:: Etomite CMS → Rulezzz !.!.!. ::..
- Marek Adamec
- Medium Star
- Príspevky: 246
- Dátum registrácie: Pi Dec 28, 2007 7:58 pm
- Bydlisko: Dubnica nad Váhom
- Kontaktovať používateľa:
Re: Dalsie podmenu a nejake tie kozmeticke upravy
nerozumiem aky link, je to umiestnene napravo hore... ikonka tlaciarne... povedz konkretnejsie ak si to mislel inak
- _rasel^
- ETOMITE Admin
- Príspevky: 1122
- Dátum registrácie: Ut Sep 20, 2005 1:03 am
- Bydlisko: Košice (SR)
- Kontaktovať používateľa:
Re: Dalsie podmenu a nejake tie kozmeticke upravy
Sorry, prehľadol som, že je to na webe navrchol.sk Bude treba upraviť snippet, ktorý ti tam hádže tu ikonku. Pretože ju dáva do tágov <p></p> a okolo ich je takýto veľký okraj, čiže kód vložený snippetom vyzerá takto:
Čiže by malo stačiť ak v tom snippete vyhľadáš <p> a </p> a jednoducho to tie tágy odmažeš.
Kód: Vybrať všetko
<p>
<a alt="Vytlač stránku" title="Vytlač stránku" href="index.php?utid=1&id=415">
<img src="http://www.navrchol.sk/menulogo/tlac24.png" style="border: none ;"/>
</a>
</p>
..:: Etomite CMS → Rulezzz !.!.!. ::..