Dalsie podmenu a nejake tie kozmeticke upravy

Máte problém, hľadáte niečo? Opýtajte sa a poradíme...

Moderátor: Moderators

kju
Thief
Thief
Príspevky: 1
Dátum registrácie: Št Aug 14, 2008 1:39 pm

Dalsie podmenu a nejake tie kozmeticke upravy

Príspevok od používateľa kju »

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...
R - stick
Moderator & CLT
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

Príspevok od používateľa R - stick »

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.
Používateľov profilový obrázok
_rasel^
ETOMITE Admin
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

Príspevok od používateľa _rasel^ »

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 !.!.!. ::..
Používateľov profilový obrázok
Marek Adamec
Medium Star
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

Príspevok od používateľa Marek Adamec »

mam na svojej stranke spravene horizontalne menu ale chcel by som ho upravit aby sa dalo farebne odlisit jeho podklad... momentalne menu vyzera takto:

Obrázok

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&#318;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> 
a do css som pridal toto:

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...)

Obrázok

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...
Používateľov profilový obrázok
_rasel^
ETOMITE Admin
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

Príspevok od používateľa _rasel^ »

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 !.!.!. ::..
Používateľov profilový obrázok
Marek Adamec
Medium Star
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

Príspevok od používateľa Marek Adamec »

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...
Používateľov profilový obrázok
_rasel^
ETOMITE Admin
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

Príspevok od používateľa _rasel^ »

To je spôsobené zarovnávaním, keď sem postneš link kde to máš, tak sa nato pozriem...
..:: Etomite CMS → Rulezzz !.!.!. ::..
Používateľov profilový obrázok
Marek Adamec
Medium Star
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

Príspevok od používateľa Marek Adamec »

nerozumiem aky link, je to umiestnene napravo hore... ikonka tlaciarne... povedz konkretnejsie ak si to mislel inak
Používateľov profilový obrázok
_rasel^
ETOMITE Admin
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

Príspevok od používateľa _rasel^ »

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:

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>
Čiže by malo stačiť ak v tom snippete vyhľadáš <p> a </p> a jednoducho to tie tágy odmažeš.
..:: Etomite CMS → Rulezzz !.!.!. ::..
Napísať odpoveď