Δημιουργία menu από αυτή την εικόνα ? Γίνεται?

Από που να ξεκινήσω; Που θα βρω; κ.α. γενικές ερωτήσεις για την δημιουργία μιας ιστοσελίδας.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Άβαταρ μέλους
Andreas_O
Honorary Member
Δημοσιεύσεις: 1621
Εγγραφή: 14 Σεπ 2007 17:22
Τοποθεσία: Aθήνα
Επικοινωνία:

Δημιουργία menu από αυτή την εικόνα ? Γίνεται?

Δημοσίευση από Andreas_O » 30 Δεκ 2007 22:42

Καλησέρα. Δεν ξέρω αν το θέμα είναι στην σωστή ενότητα, πάντως πιστεύω ότι είναι! Λοιπόν, θα ήθελα να μου πείτε πως στο επισυναπτόμενο βάζω link σε κάθε λέξη. Θα το ήθελα για menu, διότι μου άρεσε αυτή η ιδέα όπως την σκέφτηκα.

Ευχαριστώ Πολύ
Χρόνια Πολλά!
Συνημμένα
menu.psd
;]

Άβαταρ μέλους
Andreas_O
Honorary Member
Δημοσιεύσεις: 1621
Εγγραφή: 14 Σεπ 2007 17:22
Τοποθεσία: Aθήνα
Επικοινωνία:

Δημιουργία menu από αυτή την εικόνα ? Γίνεται?

Δημοσίευση από Andreas_O » 30 Δεκ 2007 22:43

Kαι σε .jpg για όποιον θέλει.
Sorry για το δεύτερο post απλά ήθελα να επισυνάψω δεύτερο αρχείο
ΠιΕς: Η εικόνα δεν είναι τόσο μεγάλη όσο φαίνεται :-?
Συνημμένα
menu.jpg
;]

filthmaniac
Δημοσιεύσεις: 80
Εγγραφή: 26 Μαρ 2005 03:52
Τοποθεσία: Αθήνα
Επικοινωνία:

Δημιουργία menu από αυτή την εικόνα ? Γίνεται?

Δημοσίευση από filthmaniac » 30 Δεκ 2007 23:45

Τι ακριβώς σε προβληματίζει και δεν μπορείς να το κάνεις menu, δηλαδή links αυτές τις 4 λέξεις?

Άβαταρ μέλους
Andreas_O
Honorary Member
Δημοσιεύσεις: 1621
Εγγραφή: 14 Σεπ 2007 17:22
Τοποθεσία: Aθήνα
Επικοινωνία:

Δημιουργία menu από αυτή την εικόνα ? Γίνεται?

Δημοσίευση από Andreas_O » 30 Δεκ 2007 23:47

Ναι ακριβώς! Θέλω να ορίσω link σε κάθε λέξη.

Αν έχει κάτι σαν χάρακα να ορίσω από που μέχρι που θα έχει link, κάτι τέτοιο...αν ξέρεις!!

Ευχαριστώ!
;]

Άβαταρ μέλους
cherouvim
Script Master
Δημοσιεύσεις: 3137
Εγγραφή: 13 Ιούλ 2005 22:56
Τοποθεσία: Athens, Greece
Επικοινωνία:

Δημιουργία menu από αυτή την εικόνα ? Γίνεται?

Δημοσίευση από cherouvim » 30 Δεκ 2007 23:53

Το πιο σωστό είναι να έχεις ένα list της μορφής:

Κώδικας: Επιλογή όλων

<ul id="nav">
  <li id="works"><a href="#">works</a></li>
  <li id="about"><a href="#">about</a></li>
  <li id="webdesign"><a href="#">webdesign</a></li>
  <li id="contact"><a href="#">contact</a></li>
</ul>
και με τη τεχνική "css sprites" να κάνεις αυτό που θες.

Μπορείς να έχεις και effect στο hovering.

http://www.alistapart.com/articles/sprites
http://www.alistapart.com/d/sprites/ala-buttons1.html
http://www.alistapart.com/d/sprites/ala-blobs2.html

Άβαταρ μέλους
Andreas_O
Honorary Member
Δημοσιεύσεις: 1621
Εγγραφή: 14 Σεπ 2007 17:22
Τοποθεσία: Aθήνα
Επικοινωνία:

Δημιουργία menu από αυτή την εικόνα ? Γίνεται?

Δημοσίευση από Andreas_O » 30 Δεκ 2007 23:57

Ευχαριστώ πάρα πολύ όλους για τις απαντήσεις. Ωστόσο θα ήθελα λίγο περεταίρω βοήθεια πάνω στην απάντηση του cherouvim.

Ας ξεκινήσω λοιπόν, το βασικότερο, που δεν είπα.
Σκέφτομαι να βάλω το menu σε ένα cell σε tables, δεδομένω ότι δεν ξέρω css.

Το list, το έβαλα ωστόσο δεν θα έπρεπε να κάνω κάτι ή σε εξωτερικό αρχείο css ή στο styles κλπ. ?

Ζητώ συγγνώμη για την "ασχετοσύνη" απλά τώρα μαθαίνω :)
Θα 'θελα κάτι ακριβώς σαν το alablobs.

!
;]

Άβαταρ μέλους
cherouvim
Script Master
Δημοσιεύσεις: 3137
Εγγραφή: 13 Ιούλ 2005 22:56
Τοποθεσία: Athens, Greece
Επικοινωνία:

Δημιουργία menu από αυτή την εικόνα ? Γίνεται?

Δημοσίευση από cherouvim » 31 Δεκ 2007 00:16

Αν σε ενδιαφέρει να μάθεις css μπορείς να το κάνεις εδώ: http://htmldog.com/

Άβαταρ μέλους
Andreas_O
Honorary Member
Δημοσιεύσεις: 1621
Εγγραφή: 14 Σεπ 2007 17:22
Τοποθεσία: Aθήνα
Επικοινωνία:

Δημιουργία menu από αυτή την εικόνα ? Γίνεται?

Δημοσίευση από Andreas_O » 31 Δεκ 2007 00:18

Μόλις τώρα θα έγραφα! Ευχαριστώ πολύ όλους για τις απαντήσεις! Το κατάφερα σχεδόν! Μετράω διαστάσεις και είμαι έτοιμος. Cherouvim, ευχαριστώ πολύ! Και όσο για το css (θέλω πάρα πολύ να μάθω) πιστεύω ότι πρέπει πρώτα να ολοκληρώσω απολύτως την html, μετά να φτάσω σε μεσαίο επίπεδο την php και μετά να μάθω άριστα css. Αυτά τα βήματα τα έχω αποφασίσει εδώ και καιρό.

Καληνύχτα σε όλους
Και Χρόνια Πολλά
;]

Άβαταρ μέλους
cherouvim
Script Master
Δημοσιεύσεις: 3137
Εγγραφή: 13 Ιούλ 2005 22:56
Τοποθεσία: Athens, Greece
Επικοινωνία:

Δημιουργία menu από αυτή την εικόνα ? Γίνεται?

Δημοσίευση από cherouvim » 31 Δεκ 2007 00:30

Η πορεία σου στην php και τον προγραμματισμό γενικότερα δεν έχει πολύ σχέση με το html/css.
html και css μπορείς να "μάθεις" σε ένα Σαββατοκύριακο. Για να μάθεις να προγραμματίζεις μπορεί να χρειαστείς χρόνια.

Το site που σου έδωσα καλύπτει σωστά html και css με 3+3 tutorials.

Άβαταρ μέλους
Andreas_O
Honorary Member
Δημοσιεύσεις: 1621
Εγγραφή: 14 Σεπ 2007 17:22
Τοποθεσία: Aθήνα
Επικοινωνία:

Δημιουργία menu από αυτή την εικόνα ? Γίνεται?

Δημοσίευση από Andreas_O » 31 Δεκ 2007 00:32

Όλα καλά!
;]

zeppos
Δημοσιεύσεις: 431
Εγγραφή: 26 Μαρ 2006 10:43
Τοποθεσία: Kyklades
Επικοινωνία:

Δημιουργία menu από αυτή την εικόνα ? Γίνεται?

Δημοσίευση από zeppos » 01 Ιαν 2008 11:25

Μια πολύ απλή λύση είναι ορισμός συντεταγμένων των λέξεων της εικόνας για τους συνδέσμους που θέλεις. Με άλλα λόγια η <map></map>
Παρακάτω σου έχω ένα δείγμα με τις συντεταγμένες της εικόνας που έδωσες:
<!doctype html public "-//w3c//dtd html 3.2//en">
<html>
<head>
<title>Menu</title>
</head>
<body bgcolor="#ffffff" text="#000080" link="#0000ff" vlink="#ff00ff" alink="#ff0000">
<center>
<table style="width:95%; height:95%;" border="1">
<tr><td>
<center><img src="menu.jpg" alt="menou" usemap="#menu" border="no">
<map name="menu">
<area shape="rect" coords="70,22 154,45" href="works.htm" alt="Works" target="_blank">
<area shape="rect" coords="20,29 60,177" href="webdesign.htm" alt="WebDesign" target="_blank">
<area shape="rect" coords="63,155 164,183" href="contact.htm" alt="Contact" target="_blank">
<area shape="rect" coords="171,38 197,175" href="about.htm" alt="About me" target="_blank">
</map>
</center>
</td></tr>
</table>
</center>
</body>
</html>
Φυσικά η εικόνα (menu.jpg) και το αρχείο menu.htm στον ίδιο φάκελο

ΚΑΛΗ ΧΡΟΝΙΑ

Απάντηση

Επιστροφή στο “Γενικές ερωτήσεις κατασκευής ιστοσελίδων”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες