staticke menu a meniaci sa obsah

petko117

mam cisty dokument..ako urobim stranku.php aby bolo na lavo nejake css menu a hned od neho by boli stranky ktore otvaram cez to menu..?
nieco ako toto:
http://tvorbawebu.php5.sk/web-stranka/vyvoj-webu
po lavej strane je menu..a aj ked kliknem vzdy na inu polozku menu ostava a stranky sa menia..
dik za kazdu radu

buchticka221

petko117 napísal:mam cisty dokument..ako urobim stranku.php aby bolo na lavo nejake css menu a hned od neho by boli stranky ktore otvaram cez to menu..?
nieco ako toto:
http://tvorbawebu.php5.sk/web-stranka/vyvoj-webu
po lavej strane je menu..a aj ked kliknem vzdy na inu polozku menu ostava a stranky sa menia..
dik za kazdu radu

cez css spravis menu... je plno stranok kde ti vygeneruje kody iba si vyberies vzhlad a hotovo... najdes to na google... css menu generator (napr.)
potom do odkazu zadas trebars

Kód: Vybrať všetko

index.php?uvod

a kody zapises do

Kód: Vybrať všetko

if (isset($_GET["uvod"])) {

tým pádom môžeš mať v index.php aj 300kodov a v menu mozes mat 300 sekcii... a všetký sa budú otvárať pomocou index.php?nieco

petko117

Dokument vyzera takto, len neviem ako to co si mi poradil mam zakomponovat

Kód: Vybrať všetko

<!DOCTYPE HTML>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<head>
<title>, úvod</title>
</head>
<style>
body {
background-image: URL('http://ja.sk/img/ja2.jpg'); /* obrázek na pozadí */
background-attachment: fixed; /* pozadí neroluje */
background-color: black; /* případná barva pozadí černá */
color: white; } /* bílý text */
</style>
<body>
<style type="text/css">

.wireframemenu{
border: 1px solid #C0C0C0;
background-color: white;
border-bottom-width: 0;
width: 170px;
}

* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 164px;
}

.wireframemenu ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.wireframemenu a{
font: bold 13px Verdana;
padding: 4px 3px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #595959;
text-decoration: none;
border-bottom: 1px solid #C0C0C0;
}

.wireframemenu a:visited{
color: #595959;
}

html>body .wireframemenu a{ /*Non IE rule*/
width: auto;
}

.wireframemenu a:hover{
background-color: #F8FBBD;
color: black;
}

</style>

<div class="wireframemenu">
<ul>
<li><a href="http://www.dynamicdrive.com/">Dynamic Drive</a></li>
<li><a href="http://www.dynamicdrive.com/style/">CSS Library</a></li>
<li><a href="http://www.dynamicdrive.com/forums/">Forums</a></li>
<li><a href="http://tools.dynamicdrive.com/imageoptimizer/">Gif Optimizer</a></li>
<li><a href="http://tools.dynamicdrive.com/favicon/">Favicon Creator</a></li>
<li><a href="http://tools.dynamicdrive.com/button/">Button Maker</a></li>
</ul>
</div>


                          



</body>
</html>

buchticka221

petko117 napísal:Dokument vyzera takto, len neviem ako to co si mi poradil mam zakomponovat

Kód: Vybrať všetko

<!DOCTYPE HTML>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<head>
<title>, úvod</title>
</head>
<style>
body {
background-image: URL('http://ja.sk/img/ja2.jpg'); /* obrázek na pozadí */
background-attachment: fixed; /* pozadí neroluje */
background-color: black; /* případná barva pozadí černá */
color: white; } /* bílý text */
</style>
<body>
<style type="text/css">

.wireframemenu{
border: 1px solid #C0C0C0;
background-color: white;
border-bottom-width: 0;
width: 170px;
}

* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 164px;
}

.wireframemenu ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.wireframemenu a{
font: bold 13px Verdana;
padding: 4px 3px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #595959;
text-decoration: none;
border-bottom: 1px solid #C0C0C0;
}

.wireframemenu a:visited{
color: #595959;
}

html>body .wireframemenu a{ /*Non IE rule*/
width: auto;
}

.wireframemenu a:hover{
background-color: #F8FBBD;
color: black;
}

</style>

<div class="wireframemenu">
<ul>
<li><a href="http://www.dynamicdrive.com/">Dynamic Drive</a></li>
<li><a href="http://www.dynamicdrive.com/style/">CSS Library</a></li>
<li><a href="http://www.dynamicdrive.com/forums/">Forums</a></li>
<li><a href="http://tools.dynamicdrive.com/imageoptimizer/">Gif Optimizer</a></li>
<li><a href="http://tools.dynamicdrive.com/favicon/">Favicon Creator</a></li>
<li><a href="http://tools.dynamicdrive.com/button/">Button Maker</a></li>
</ul>
</div>


                          



</body>
</html>

zmenis

Kód: Vybrať všetko

<li><a href="http://www.dynamicdrive.com/">Dynamic Drive</a></li>
<li><a href="http://www.dynamicdrive.com/style/">CSS Library</a></li>

na

Kód: Vybrať všetko

<li><a href="index.php?uvod">Úvod</a></li>
<li><a href="index.php?blabla">Blabla</a></li>

Kód: Vybrať všetko

if (isset($_GET["uvod"])) {
 echo " Tu sa ti zobrazí text/cod ak klikneš na Úvod";
}

a

Kód: Vybrať všetko

if (isset($_GET["Blabla"])) {
 echo " Tu sa ti zobrazí text/cod ak klikneš na Blabla";
}

petko117

zmenil som to ale nefunguje mi to
ja mam aj vytvorit potom subory historia.php, uvod.php atd?
ci obsah co chcem aby sa zobrazoval po kliknuti vpisem do if (isset($_GET["historia"])) {
echo " Tu sa ti zobrazí text/cod ak klikneš na Úvod";
} ?
Prikladam ukazku ako som to zmenil

Spoiler

<!DOCTYPE HTML>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<head>
<title>web.sk, úvod</title>
</head>
<style>
body {
background-image: URL('http://ja.sk/img/ja2.jpg'); /* obrázek na pozadí */
background-attachment: fixed; /* pozadí neroluje */
background-color: black; /* případná barva pozadí černá */
color: white; } /* bílý text */
</style>
<body>
<style type="text/css">

.wireframemenu{
border: 1px solid #C0C0C0;
background-color: white;
border-bottom-width: 0;
width: 170px;
}

* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 164px;
}

.wireframemenu ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.wireframemenu a{
font: bold 13px Verdana;
padding: 4px 3px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #595959;
text-decoration: none;
border-bottom: 1px solid #C0C0C0;
}

.wireframemenu a:visited{
color: #595959;
}

html>body .wireframemenu a{ /*Non IE rule*/
width: auto;
}

.wireframemenu a:hover{
background-color: #F8FBBD;
color: black;
}

</style>

<div class="wireframemenu">
<ul>
<li><a href="index.php?historia">Historia</a></li>
<li><a href="index.php?zaciatok">Zaciatok</a></li>
<li><a href="index.php?uvod">Úvod</a></li>
</ul>
</div>

if (isset($_GET["historia"])) {
echo " Tu sa ti zobrazí text/cod ak klikneš na Úvod";
}

</body>
</html>

buchticka221

Kód: Vybrať všetko

<!DOCTYPE HTML>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<head>
<title>, úvod</title>
</head>
<style>
body {
background-image: URL('http://ja.sk/img/ja2.jpg'); /* obrázek na pozadí */
background-attachment: fixed; /* pozadí neroluje */
background-color: black; /* případná barva pozadí černá */
color: white; } /* bílý text */
</style>
<body>
<style type="text/css">

.wireframemenu{
border: 1px solid #C0C0C0;
background-color: white;
border-bottom-width: 0;
width: 170px;
}

* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 164px;
}

.wireframemenu ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.wireframemenu a{
font: bold 13px Verdana;
padding: 4px 3px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #595959;
text-decoration: none;
border-bottom: 1px solid #C0C0C0;
}

.wireframemenu a:visited{
color: #595959;
}

html>body .wireframemenu a{ /*Non IE rule*/
width: auto;
}

.wireframemenu a:hover{
background-color: #F8FBBD;
color: black;
}

</style>

<div class="wireframemenu">
<ul>
<li><a href="index.php?uvod">Úvod</a></li>
<li><a href="index.php?blabla">Blabla</a></li>
<li><a href="http://www.dynamicdrive.com/forums/">Forums</a></li>
<li><a href="http://tools.dynamicdrive.com/imageoptimizer/">Gif Optimizer</a></li>
<li><a href="http://tools.dynamicdrive.com/favicon/">Favicon Creator</a></li>
<li><a href="http://tools.dynamicdrive.com/button/">Button Maker</a></li>
</ul>
</div>

<?php
if (isset($_GET["uvod"])) {
echo " Tu sa ti zobrazí text/cod ak klikneš na Úvod";
}

if (isset($_GET["Blabla"])) {
echo " Tu sa ti zobrazí text/cod ak klikneš na Blabla";
}                         

?>

</body>
</html>

petko117

upravil som svoj kod,, nahodil na web aj cely tvoj kod..stale nic
po kliknuti na uvid alebo blabla proste ma odkaze na index.php..ako otvori to na strane novej..ale ja chcem otvarat na tej istej s tym aby to menu tam bolo proste

buchticka221

petko117 napísal:upravil som svoj kod,, nahodil na web aj cely tvoj kod..stale nic
po kliknuti na uvid alebo blabla proste ma odkaze na index.php..ako otvori to na strane novej..ale ja chcem otvarat na tej istej s tym aby to menu tam bolo proste

posli sem cely upraveny kod

petko117

ved som ho hned aj poslal, len som to dal do spojlera, nech nezdrziavam nacitanie stranky:)

buchticka221

petko117 napísal:ved som ho hned aj poslal, len som to dal do spojlera, nech nezdrziavam nacitanie stranky:)

pozri si moj prispevok a zistis ze tu ma byt php

Kód: Vybrať všetko

if (isset($_GET["historia"])) {
echo " Tu sa ti zobrazí text/cod ak klikneš na Úvod";
}

a dufam zee to mas cele v index.php

petko117

no stranka je nieco.php a nieje to index..je to nejaka dalsia stranka, je v tom chyba? ako sa to vola co chcem vlastne..skusim aj gogole, zatial tomu nechapem.pomaly kazdy web to tak ma, menu je staticke a po kliknuti na polozky s aobsah meni aj stranka sa meni, stranka1, stranka2..
nieco som nasiel ale aj tak to nefunguje:
http://www.php.baraja.cz/index.php?kate ... ude-soubor
mozno sa zle hodnoty pisu, este raz to popisem,
mam stranku www.nieco.sk
samozrejme na indexe mam menu, prekliknem sa napr na polozku uvod, stranka vyzera takto, www.nieco.sk/uvod.php
v tej stranke uvod.php chcem spravit menu, to uz mam, a chcem aby ked kliknem na hociaku polozku v tom menu tak menu aby vzdy ostalo ale iba aby sa stranky menili vlastne co su v menu, v strede monitora napr

buchticka221

petko117 napísal:no stranka je nieco.php a nieje to index..je to nejaka dalsia stranka, je v tom chyba? ako sa to vola co chcem vlastne..skusim aj gogole, zatial tomu nechapem.pomaly kazdy web to tak ma, menu je staticke a po kliknuti na polozky s aobsah meni aj stranka sa meni, stranka1, stranka2..
nieco som nasiel ale aj tak to nefunguje:
http://www.php.baraja.cz/index.php?kate ... ude-soubor
mozno sa zle hodnoty pisu, este raz to popisem,
mam stranku http://www.nieco.sk
samozrejme na indexe mam menu, prekliknem sa napr na polozku uvod, stranka vyzera takto, http://www.nieco.sk/uvod.php
v tej stranke uvod.php chcem spravit menu, to uz mam, a chcem aby ked kliknem na hociaku polozku v tom menu tak menu aby vzdy ostalo ale iba aby sa stranky menili vlastne co su v menu, v strede monitora napr

cely ten kod co som ti ja poslal vloz do index.php pôjde ti to...
je to podmienka
napr. aj tu mas kusok...
http://www.php.baraja.cz/index.php?kate ... e=podminky

petko117

ale co s tym ma index.php ked ja sa s index.php prekliknem na nieco.php v tej stranke je menu v ktorom sa preklikavam..a vtej stranke nieco.php chcem aby sa to tak otvaralo..preto nechapem preco do index.php
nie je na to proste nejake jednoduchy kod?

buchticka221

petko117 napísal:ale co s tym ma index.php ked ja sa s index.php prekliknem na nieco.php v tej stranke je menu v ktorom sa preklikavam..a vtej stranke nieco.php chcem aby sa to tak otvaralo..preto nechapem preco do index.php
nie je na to proste nejake jednoduchy kod?

ked to mas v nieco.php tak to zmen na

Kód: Vybrať všetko

 <li><a href="nieco.php?blabla">Blabla</a></li>

toto ked uz nechapes tak ja uz neviem co ti mam na toto povedat

petko117

takze ten subor nieco.php bude vyzerat takto? lebo to nieco v kode LI to su vlastne polozky v tom menu..ja uz neviem ako to mam vysvetlit tiez:)
a toto?: if (isset($_GET["historia"])) {
echo " Tu sa ti zobrazí text/cod ak klikneš na Úvod";
}
ako presne bude vyzerat? to nieco .php na ktore su poukazal v poslednom prispevku by sa malo dat do tohto nie?
alebo ak mozem poprosit nejaku klasicku css tabulku navrhni farby si zmenim napis cely ten kod ja to len ulozim a odskusame co to povie.
<!DOCTYPE HTML>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<head>
<title>, úvod</title>
</head>
<style>
body {
background-image: URL('http://ja.sk/img/ja2.jpg'); /* obrázek na pozadí */
background-attachment: fixed; /* pozadí neroluje */
background-color: black; /* případná barva pozadí černá */
color: white; } /* bílý text */
</style>
<body>
<style type="text/css">

.wireframemenu{
border: 1px solid #C0C0C0;
background-color: white;
border-bottom-width: 0;
width: 170px;
}

* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 164px;
}

.wireframemenu ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.wireframemenu a{
font: bold 13px Verdana;
padding: 4px 3px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #595959;
text-decoration: none;
border-bottom: 1px solid #C0C0C0;
}

.wireframemenu a:visited{
color: #595959;
}

html>body .wireframemenu a{ /*Non IE rule*/
width: auto;
}

.wireframemenu a:hover{
background-color: #F8FBBD;
color: black;
}

</style>

<div class="wireframemenu">
<ul>
<li><a href="nieco1.php?blabla">Blabla</a></li>
<li><a href="nieco2.php?blabla">Blabla</a></li>
<li><a href="nieco3.php?blabla">Blabla</a></li>
<li><a href="nieco4.php?blabla">Blabla</a></li>
<li><a href="nieco5.php?blabla">Blabla</a></li>
<li><a href="nieco6.php?blabla">Blabla</a></li>
</ul>
</div>

<?php
if (isset($_GET["nieco"])) {
echo " Tu sa ti zobrazí text/cod ak klikneš na Úvod";
}

if (isset($_GET["Blabla"])) {
echo " Tu sa ti zobrazí text/cod ak klikneš na Blabla";
}

?>

</body>
</html>

buchticka221

už ma štveš vlozis cele kody do nieco.php a tieto odkazy ti budu vypadat taktko

Kód: Vybrať všetko

<li><a href="nieco.php?blabla">Blabla</a></li>
<li><a href="nieco.php?blabla2">Blabla2</a></li>

nieco.php sa nemeny iba koncovka za ? ak si uz toto nepochopil zajdi do skoly a uc sa lebo si asi vygumovany

petko117

Aj sa mi nieco podarilo,,,po kliknuti na prvu polozku v menu zobrazilo pod tym text..ok..prvy krok..ale ked kliknem na druhu polozku nic sa nezobrazi..cele to je nejake divne..tam potom mam vkladat odkazy do
<?php
if (isset($_GET["nieco"])) {
echo " historia ";
}
?>
alebo priamo text pisat ktory sa ma zobrazovat..asi text pisat..a vobec to nieje o vygumovani je ot o tom ze s php som este nemal tu cest..tak poprosim miernit slovnik
Este raz..moze mi tento kod priamo niekto upravit?Dakujem.

Kód: Vybrať všetko

<!DOCTYPE HTML>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<head>
<title>nieco.sk, úvod</title>
</head>
<style>
body {
background-image: URL('http://nieco.sk/img/nieco2.jpg'); /* obrázek na pozadí */
background-attachment: fixed; /* pozadí neroluje */
background-color: black; /* případná barva pozadí černá */
color: white; } /* bílý text */
</style>
<body>
<style type="text/css">

.wireframemenu{
border: 1px solid #C0C0C0;
background-color: white;
border-bottom-width: 0;
width: 170px;
}

* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 164px;
}

.wireframemenu ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.wireframemenu a{
font: bold 13px Verdana;
padding: 4px 3px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #595959;
text-decoration: none;
border-bottom: 1px solid #C0C0C0;
}

.wireframemenu a:visited{
color: #595959;
}

html>body .wireframemenu a{ /*Non IE rule*/
width: auto;
}

.wireframemenu a:hover{
background-color: #F8FBBD;
color: black;
}

</style>

<div class="wireframemenu">
<ul>
<li><a href="nieco.php?nieco">Historia</a></li>
<li><a href="nieco.php?nieco">Ukazky</a></li>
</div>

<?php
if (isset($_GET["nieco"])) {
echo " historia ";
}
?>

<?php
if (isset($_GET["nieco"])) {
echo " ukazky";
}
?>
</body>
</html>

staticke menu a meniaci sa obsah

staticke menu a meniaci sa obsah

Re: staticke menu a meniaci sa obsah

Re: staticke menu a meniaci sa obsah

Re: staticke menu a meniaci sa obsah

Re: staticke menu a meniaci sa obsah

Re: staticke menu a meniaci sa obsah

Re: staticke menu a meniaci sa obsah

Re: staticke menu a meniaci sa obsah

Re: staticke menu a meniaci sa obsah

Re: staticke menu a meniaci sa obsah

Re: staticke menu a meniaci sa obsah

Re: staticke menu a meniaci sa obsah

Re: staticke menu a meniaci sa obsah

Re: staticke menu a meniaci sa obsah

Re: staticke menu a meniaci sa obsah

Re: staticke menu a meniaci sa obsah

Re: staticke menu a meniaci sa obsah