phpRS 2.8.x : phpRS Fórum
Toto fórum je určené výhradně k diskuzi o verzích phpRS v2.8.x.
phpRS - redakční a informační systém
horizontalni menu
Zaslán uživatelem/kou: tomiik (IP adresa zaznamenána)
Datum: 2007-06-15, 11:10

Zdravim, prosim o radu jak co nejjednoduseji vytvorim horizintalni menu primo pod hlavickou stranky. Resp. v zahlavi bych chtel mit pres celou sirku banner s nadpisem webu a pod tím položky menu vedle sebe (grafická tl.) a pod tím pak bloky. Jde mi o to jak mam upravit sablonu a kam presne se vklada kod s tim menu.

Diky moc za rady.



Celkem upraveno 1×. Poslední úprava tomiik v 15.06.2007 11:20.

Re: horizontalni menu
Zaslán uživatelem/kou: zdenekh (IP adresa zaznamenána)
Datum: 2007-06-15, 12:36

To co chceš, je základní práce s html a css. *.sab soubory jsou víceméně standartní html soubory, takže pokud umíš html a css, tak by to pro tebe neměl být problém. V opačném případě bude třeba si napřed něco nastudovat....


T. O. Severka Děčín | New r.č. | Old Good Tom | Jinak už v tom nefrčím... :-)

Re: horizontalni menu
Zaslán uživatelem/kou: ATP (IP adresa zaznamenána)
Datum: 2007-06-16, 15:25

image/nazev_stylu/fs_base.sab
jak píše Zdenekh, taky sem to tam prachsprostě vnutil jako tabulku:
<!-- horni-navigace -->
	<table width="100%"  border="0" cellpadding="0" cellspacing="0" id="horni-navigace">
		<tr>
			<td width="11%">
				<div align="center"><a href="index.php" class="menu">Hlavní</a></div> 
			</td>
			<td width="11%">
				<div align="center"><a href="download.php" class="menu">Ke stažení</a></div>
            </td>
			<td width="11%">
				<div align="center"><a href="index.php?akce=linky" class="menu">Odkazy</a></div>
			</td>
			<td width="11%">
				<div align="center"><a href="forum.php" class="menu">Diskuse</a></div>
			</td>
			<td width="11%">
				<div align="center"><a href="chat/index.php" class="menu" target="_blank">Chat</a></div>
			</td>
			<td width="11%">
				<div align="center"><a href="gallery.php" class="menu">Fotogalerie</a></div>
			</td>
			<td width="11%">
				<div align="center"><a href="inzertnisystem.php" class="menu">Inzerce</a></div>
			</td>
			<td width="11%">
				<div align="center"><a href="ankety.php" class="menu">Ankety</a></div>
			</td>
			<td width="11%">
				<div align="center"><a href="search.php" class="menu">Vyhledávání</a></div>
			</td>
		</tr>
  </table><!-- /horni-navigace -->

k vidění na webu:

[http://infoportal.oslavany-cz.eu/]

Re: horizontalni menu
Zaslán uživatelem/kou: ThomasV (IP adresa zaznamenána)
Datum: 2007-06-16, 16:53

diky za rady

Re: horizontalni menu
Zaslán uživatelem/kou: viky (IP adresa zaznamenána)
Datum: 2007-06-16, 21:58

Tohle horizontální menu jsme používal. + malý JavaScript. Moc se mi však nelíbilo:

<!-- [Horizontální menu] -->


<SCRIPT type=text/javascript>
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</SCRIPT>



<STYLE type=text/css>BODY {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: white; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 80% verdana, arial, sans-serif; PADDING-TOP: 0px
}
DL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
DT {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
DD {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
LI {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#menu {
Z-INDEX: 100; LEFT: 0px; WIDTH: 100%; POSITION: absolute; TOP: 0px
}
#menu DL {
FLOAT: left; WIDTH: 15em
}
#menu DT {
BORDER-RIGHT: gray 1px solid; BORDER-TOP: gray 1px solid; FONT-WEIGHT: bold; BACKGROUND: #ccc; MARGIN: 1px; BORDER-LEFT: gray 1px solid; CURSOR: pointer; BORDER-BOTTOM: gray 1px solid; TEXT-ALIGN: center
}
#menu DD {
BORDER-RIGHT: gray 1px solid; BORDER-TOP: gray 1px solid; BORDER-LEFT: gray 1px solid; BORDER-BOTTOM: gray 1px solid
}
#menu LI {
BACKGROUND: #fff; TEXT-ALIGN: center
}
#menu LI A {
BORDER-RIGHT: 0px; BORDER-TOP: 0px; DISPLAY: block; BORDER-LEFT: 0px; COLOR: #000; BORDER-BOTTOM: 0px; HEIGHT: 100%; TEXT-DECORATION: none
}
#menu DT A {
BORDER-RIGHT: 0px; BORDER-TOP: 0px; DISPLAY: block; BORDER-LEFT: 0px; COLOR: #000; BORDER-BOTTOM: 0px; HEIGHT: 100%; TEXT-DECORATION: none
}
#menu LI A:hover {
BACKGROUND: #eee
}
#menu DT A:hover {
BACKGROUND: #eee
}
#site {
BORDER-RIGHT: gray 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: gray 1px solid; PADDING-LEFT: 5px; Z-INDEX: 1; LEFT: 10px; PADDING-BOTTOM: 5px; BORDER-LEFT: gray 1px solid; COLOR: #000; PADDING-TOP: 5px; BORDER-BOTTOM: gray 1px solid; POSITION: absolute; TOP: 70px; BACKGROUND-COLOR: #ddd
}
A {
COLOR: #222; TEXT-DECORATION: none
}
</STYLE>

</head>



<BODY>
<DIV id=menu>

<DL>
<DT onmouseover="javascript:montre('smenu1');">Menu 1
<DD id=smenu1>
<UL>
<LI><A
href="http://www.#">Sous-Menu
1.1</A>
<LI><A
href="http://www.#">Sous-Menu
1.2</A>
<LI><A
href="http://www.#">Sous-Menu
1.3</A>
<LI><A
href="http://www.#">Sous-Menu
1.4</A>
<LI><A
href="http://www.#">Sous-Menu
1.5</A>
<LI><A
href="http://www.#">Sous-Menu
1.6</A> </LI></UL></DD></DL>
<DL>
<DT onmouseover="javascript:montre('smenu2');">Menu 2
<DD id=smenu2>
<UL>
<LI><A
href="http://www.#">Sous-Menu
2.1</A>
<LI><A
href="http://www.#">Sous-Menu
2.2</A>
<LI><A
href="http://www.#">Sous-Menu
2.3</A>
<LI><A
href="http://www.#">Sous-Menu
2.4</A> </LI></UL></DD></DL>
<DL>
<DT onmouseover="javascript:montre('smenu3');">Menu 3
<DD id=smenu3>
<UL>
<LI><A
href="http://www.#">Sous-Menu
3.1</A>
<LI><A
href="http://www.#">Sous-Menu
3.2</A>
<LI><A
href="http://www.#">Sous-Menu
3.3</A>
<LI><A
href="http://www.#">Sous-Menu
3.4</A>
<LI><A
href="http://www.#">Sous-Menu
3.5</A> </LI></UL></DD></DL>
</DIV>

[http://www.pc-politika.com]

Re: horizontalni menu
Zaslán uživatelem/kou: ZdenekPNJ (IP adresa zaznamenána)
Datum: 2008-03-19, 15:47

Zkouším pracovat na tomhle. Vytvoří se Plugin Navigace a ten se pak jako samostatný sloupec vloží do fs_base.sab takto <*syssl:?*>, kde otazník znamená číslo toho nově vytvořeného sloupce, kde ho máte v administraci.

[url] [http://www.phprs.net/forum/read.php?2,31463] [/url]

Kdyby jste měli nějaké dotazy, tak napište, rád odpovím.
Nejsem zrovna odborník na phpRS, ale snažím se tomu přijít na kloub:-)))

LinkedIn - Zdeněk Pikulík

Regiony ČR.cz - 1. responzivní zpravodajství z regionů ČR
Medializujeme ČESKO.cz - Revoluční program podpory a modernizace obcí ČR
Obce2020.cz - Moderní řešení profesionálního webu pro obce



Lituji, ale pouze registrovaní uživatelé mohou zasílat příspěvky do této sekce.
This forum powered by Phorum and designed by STaNBoSS.