Δημιούρια Dock σε ιστοσελίδα;

[LsPhotography]

Είναι αυτό εδώ το site http://www.iclarified.com/ είδα το dock που εχει και θελω να το βαλω στο δικο μου web. Απο οτι καταλαβα ειναι εικονα απο photoshop και μετα το βαζουν εκει , αλλα πως ;

 

Ευχαριστω!

 

---------- Το μήνυμα προστέθηκε στις 18:38 ----------

 

Βρηκα αυτο στο view source αλλα παλι δεν ξερω πως να το κανω

αλλα παρατηρισα πως ειναι πολλες εικονες και οχι μιά.

 

 

><SCRIPT LANGUAGE="javascript">

ImageFinder = new Image(100,700)
ImageFinder.src = "/images/index/finder.png"

ImageNews = new Image(100,700)
ImageNews.src = "/images/index/news.png"

ImageTutorials = new Image(100,700)
ImageTutorials.src = "/images/index/tutorials.png"

ImageComments = new Image(100,700)
ImageComments.src = "/images/index/comments.png"

ImageCalendar = new Image(100,700)
ImageCalendar.src = "/images/index/calendar.png"

ImageSearch = new Image(100,700)
ImageSearch.src = "/images/index/search.png"

ImageContactUs = new Image(100,700)
ImageContactUs.src = "/images/index/contactus.png"

ImageAccounts = new Image(100,700)
ImageAccounts.src = "/images/index/accounts.png"

ImageDock = new Image(100,700)
ImageDock.src = "/images/index/index.png"

function original() {
document.DockImage.src = ImageDock.src; return true; 
}

function finder() {
document.DockImage.src = ImageFinder.src; return true;
}

function news() {
document.DockImage.src = ImageNews.src; return true;
}

function tutorials() {
document.DockImage.src = ImageTutorials.src; return true;
}

function comments() {
document.DockImage.src = ImageComments.src; return true;
}

function calendar() {
document.DockImage.src = ImageCalendar.src; return true;
}

function isearch() {
document.DockImage.src = ImageSearch.src; return true;
}

function contactus() {
document.DockImage.src = ImageContactUs.src; return true;
}

function accounts() {
document.DockImage.src = ImageAccounts.src; return true;
}

</SCRIPT> 
<style type="text/css">

[inSync]

To effect που έχει εκεί μπορεί να γίνει με css και javascript (πολύ εύκολο αν ξέρεις και από css μπορείς να το μοντάρεις, πετυχαίνεις και το magnification effect).

 

δες εδώ 2 τρόπους για το Javascript:

 

1. http://safalra.com/web-design/javascript/mac-style-dock/

 

2. http://www.ndesign-studio.com/blog/mac/css-dock-menu

 

το δεύτερο το προτιμώ.

[LsPhotography]

Ευχαριστω! Το μεγαλυτερο θεμα ειναι πως ειναι αρχαριος γενικα σε web design,

αλλα θα προσπαθισω με πολλα tutorials.

[inSync]

Ευχαριστω! Το μεγαλυτερο θεμα ειναι πως ειναι αρχαριος γενικα σε web design,

αλλα θα προσπαθισω με πολλα tutorials.

 

Στη πράξη μαθαίνουμε! Αν χρειαστείς κάποια βοήθεια, εδώ είμαι.

[assaya]

Καμιά ιδέα για κάποιο αντίστοιχο σε flash? έχω ένα δυό υπόψην μου αλλά το πρώτο κολλάει και το δεύτερο είναι για άλλες δουλειές...

[LsPhotography]

Στη πράξη μαθαίνουμε! Αν χρειαστείς κάποια βοήθεια, εδώ είμαι.

 

Σ'ευχαριστώ! Βασικά δεν έχω καταλάβει πως γίνεται ακομα , αλλα θα το ψάξω αυριο που εχω και χρονο.