Jak zrobić takie menu?? kto mi to napisze?

Wszystko związane ze skryptami JS, DHTML itd.
kross69
Posty: 7
Rejestracja: 08 paź 2009, 17:01:10
Płeć: Niewybrana
User Agent: Firefox Windows 1280x800

Jak zrobić takie menu?? kto mi to napisze?

Post autor: kross69 »

Potrzebuję pomocy w zrobieniu podobnego menu do tego jak na tej stronie http://panmar.pl/dystrybucja_opalu.html
Chodzi mi o ten efekt gdy najeżdża się na poszczególne elementy menu. Proszę o pomoc bo jestem w tych sprawach zielony.
Awatar użytkownika
fuma
Przyjaciel CBA
Posty: 11168
Rejestracja: 01 sie 2005, 14:57:56
Lokalizacja: z jajka niespodzianki :P
Płeć: Mężczyzna
User Agent: Opera Windows 1440x900

Re: Jak zrobić takie menu?? kto mi to napisze?

Post autor: fuma »

to jest zrobione w technologi flash a nie JS czy DHTML
kross69
Posty: 7
Rejestracja: 08 paź 2009, 17:01:10
Płeć: Niewybrana
User Agent: Firefox Windows 1280x800

Re: Jak zrobić takie menu?? kto mi to napisze?

Post autor: kross69 »

jak mogę zrobić podobne menu w technologi js lub dhtml?
Awatar użytkownika
fuma
Przyjaciel CBA
Posty: 11168
Rejestracja: 01 sie 2005, 14:57:56
Lokalizacja: z jajka niespodzianki :P
Płeć: Mężczyzna
User Agent: Opera Windows 1440x900

Re: Jak zrobić takie menu?? kto mi to napisze?

Post autor: fuma »

watpie zeby mozna bylo wykonac takie cos w czyms innym jak flash i jemu podobne technologie
Awatar użytkownika
Gromed
Przyjaciel CBA
Posty: 2990
Rejestracja: 18 kwie 2006, 12:18:45
Lokalizacja: Toruń
Płeć: Mężczyzna
User Agent: Firefox Windows 1366x768

Re: Jak zrobić takie menu?? kto mi to napisze?

Post autor: Gromed »

na upartego dałoby radę wykonać to przy pomocy CSS, ale byłoby trochę zabawy i trochę tworzenia oddzielnych grafik, aby zrobić efekt animacji ;-)
Awatar użytkownika
fuma
Przyjaciel CBA
Posty: 11168
Rejestracja: 01 sie 2005, 14:57:56
Lokalizacja: z jajka niespodzianki :P
Płeć: Mężczyzna
User Agent: Opera Windows 1440x900

Re: Jak zrobić takie menu?? kto mi to napisze?

Post autor: fuma »

Kosztem semantyki i czystosci kodu i wieloma godzinami kombinowania z kodem zeby na kazdej przegladarce dzialalo identycznie ;] IE w tym wypadku moze doprowadzic do mysli samobojczych. Zdecydowanie nie warto. Btw. jakby pokombinowal to przy pomocy JS tez by to zrobil ale kosztem, i to duzym, stabilnosci strony. Malo tego, jakby chcial to i ajax + php a nawet i mysql by do tego zaprzegl :P
kross69
Posty: 7
Rejestracja: 08 paź 2009, 17:01:10
Płeć: Niewybrana
User Agent: Firefox Windows 1280x800

Re: Jak zrobić takie menu?? kto mi to napisze?

Post autor: kross69 »

A jeszcze jedno pytanie: jak zrobić, żeby grafika na stronie była cały czas a zmieniało tylko treść strony. Chodzi mi o to żeby przy przejściu ze strony głównej do podstrony np. kontakt nie wczytywało wszystkiego od nowa tylko sam tekst
Awatar użytkownika
fuma
Przyjaciel CBA
Posty: 11168
Rejestracja: 01 sie 2005, 14:57:56
Lokalizacja: z jajka niespodzianki :P
Płeć: Mężczyzna
User Agent: Opera Windows 1440x900

Re: Jak zrobić takie menu?? kto mi to napisze?

Post autor: fuma »

php albo ajax do tego zaciagnij.
kross69
Posty: 7
Rejestracja: 08 paź 2009, 17:01:10
Płeć: Niewybrana
User Agent: Firefox Windows 1280x800

Re: Jak zrobić takie menu?? kto mi to napisze?

Post autor: kross69 »

Stronę zacząłem pisać w html i nie wiem jak napisać to w php bo sie na tym nie znam, i jak to potem dodać do kodu html
Awatar użytkownika
fuma
Przyjaciel CBA
Posty: 11168
Rejestracja: 01 sie 2005, 14:57:56
Lokalizacja: z jajka niespodzianki :P
Płeć: Mężczyzna
User Agent: Opera Windows 1440x900

Re: Jak zrobić takie menu?? kto mi to napisze?

Post autor: fuma »

wpisz w google:
dynamiczna strona & php
kross69
Posty: 7
Rejestracja: 08 paź 2009, 17:01:10
Płeć: Niewybrana
User Agent: Firefox Windows 1280x800

Re: Jak zrobić takie menu?? kto mi to napisze?

Post autor: kross69 »

Jeszcze jedno pytanie: jak zrobić przeglądarkę zdjęć tak żeby strona była podzielona na dwie kolumny i z jednej strony były miniaturki i po kliknięciu na miniaturkę zdjęcie w powiększeniu pokazywało się w kolumnie obok? Albo jak ktoś zna podobny sposób czy mógłby mi go podać proszę
Awatar użytkownika
fuma
Przyjaciel CBA
Posty: 11168
Rejestracja: 01 sie 2005, 14:57:56
Lokalizacja: z jajka niespodzianki :P
Płeć: Mężczyzna
User Agent: Opera Windows 1440x900

Re: Jak zrobić takie menu?? kto mi to napisze?

Post autor: fuma »

kross69
Posty: 7
Rejestracja: 08 paź 2009, 17:01:10
Płeć: Niewybrana
User Agent: Firefox Windows 1280x800

Re: Jak zrobić takie menu?? kto mi to napisze?

Post autor: kross69 »

Nie mogę sobie poradzić z dodaniem do strony menu a chciałem takie jak na tej stronie http://www.claudius.pl/ i jak zamieszczam to w kodzie to mi nie wychodzi. jak mam to zrobić
to jest kod strony

Kod: Zaznacz cały

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body><body bgcolor="black"><body text="white">
<table width="70%" border="1" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td colspan="3"><div align="center">LOGO STRONY</div></td>
  </tr>

  <tr>
    
    <td width="50%"><div align="center"><br>
<? if(!isset($show)) {
include"strony/newsy.php"; }
else if ($show=='1') {
include"strony/newsy.php"; }
else if($show=='2') {
include"strony/linki.php"; }
else if($show=='3') {
include"strony/onas.php"; }
else if($show=='4') {
include"strony/buttony.php"; }
else if($show=='5') {
include"strony/kontakt.php"; }
else {
echo("Nie ma takiej strony"); } ?></div></td>
    
  </tr>
<tr><td width="50%"><div align="center"><br></td></tr>
</table>
</body>
</html>

a to kod do menu

Kod: Zaznacz cały

<script stype="text/javascript">

function efekt(element) {
    var linki = document.getElementById('menu').getElementsByTagName('a');
    for(i=0; i<linki.length; i++) {
        linki[i].style.color='gray';
    }
    element.style.color='black';
}

function efektout() {
    var linki = document.getElementById('menu').getElementsByTagName('a');
    for(i=0; i<linki.length; i++) {
        linki[i].style.color='black';
    }
}

</script>

<style type="text/css">
#menu li {
    display: inline;
    margin: 0 5px;
    list-style-type: none;
}
#menu a {
    color: black;
    font: bold 20px sans-serif;
    text-decoration: none;
}
</style>

<ul id="menu">
    <li><a href="#" onmouseover="efekt(this)" onmouseout="efektout()">Link</a></li>
    <li><a href="#" onmouseover="efekt(this)" onmouseout="efektout()">Link</a></li>
    <li><a href="#" onmouseover="efekt(this)" onmouseout="efektout()">Link</a></li>
    <li><a href="#" onmouseover="efekt(this)" onmouseout="efektout()">Link</a></li>
</ul>

Proszę o poradę i pomoc jak to zrobić


//Czy tag "[code]" gryzie? Bije? Drapie? Połyka w całości?[/color]
ODPOWIEDZ