nav_links

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

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

Απάντηση
stokos21
Δημοσιεύσεις: 37
Εγγραφή: 05 Σεπ 2009 02:09

nav_links

Δημοσίευση από stokos21 » 09 Νοέμ 2009 20:04

Παιδιά γειά, θα σας πω απλά πολλά πολλά ΕΥΧΑΡΙΣΤΩ για αυτό που κάνετε, για να μην γίνω γραφικός (με συγχαρητήρια και κ.τ.λ.) . Στο θέμα μας τώρα. Θέλω να βάλω σε ένα site που πειραματιζομαι κάτι τέτοιο... (Bρίσκεστε εδώ>HOME>photos>κ.τ.λ) όπως δείχνω και στην photo πιο κάτω, πως μπορώ λοιπών να το κάνω??
Υ.Γ.1 Ζητώ συγνώμη εκ των πρωτέρων αν έχει απαντηθεί κάπου η απορία μου αλλά δεν μπόρεσα να βρω κάτι.
Υ.Γ.2 Γνωρίζω μόνο HTML & CSS.[/img]
Συνημμένα
Picture 1.png
Picture 1.png (5.75 KiB) Προβλήθηκε 1194 φορές

Άβαταρ μέλους
dimsis
Reporter
Δημοσιεύσεις: 7994
Εγγραφή: 25 Ιούλ 2001 03:00

nav_links

Δημοσίευση από dimsis » 09 Νοέμ 2009 21:02

Τι ακριβώς δεν καταλαβαίνεις πως γίνετε;
το πως θα δώσεις αυτά τα χρώματα; τι stylesheet θα χρησιμοποιήσεις; Δεν βλέπω κάτι ιδιαίτερο στο screenshot σου. Αν εξαιρέσεις την κουκίδα στην αρχή, άντε και το βελάκι αν το θέλεις με γραφικό, τα άλλα σκέτο κείμενο με χρώμα είναι. Ακόμα και το τετραγωνάκι θα μπορούσε να είναι list-type:square με το ανάλογο χρώμα.
Τέλος πάντων, δες αυτό και αν σου κάνει έχει καλώς:

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http&#58;//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http&#58;//www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Breadcrumb List - ul li stylesheet</title>
<style type="text/css">
body &#123;
	color&#58;#7f7f7f
&#125;
#breadcrumb &#123;
	font-family&#58; "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size&#58; 14px;
&#125;
#breadcrumb .liststart &#123;
	float&#58;left;
	margin&#58;0px;
	background&#58;transparent url&#40;'bullet.png'&#41; no-repeat center left;
	padding&#58;0 5px 0 11px;
&#125;
#breadcrumb ul li &#123;
	display&#58;inline;
	color&#58;#989898;
&#125;
#breadcrumb ul li a, #breadcrumb ul li a&#58;hover &#123;
	background&#58;url&#40;arrow.png&#41; 100% 7px no-repeat;
	padding&#58;0px 11px 0px 0px;
&#125;
#breadcrumb ul li a &#123;
	text-decoration&#58;underline;
	color&#58;#90cf00;
&#125;
#breadcrumb ul li a&#58;hover &#123;
	text-decoration&#58;underline;
	color&#58;#f00;
&#125;
</style>
</head>
<body>
<div id="breadcrumb">
  <div class="liststart">Βρίσκεστε εδώ&#58;</div>
  <ul>
    <li><a href="http&#58;//www.freestuff.gr/">Κεντρική σελίδα</a></li>
    <li><a href="http&#58;//www.siskopoulos.gr/">Κατασκευή ιστοσελίδων</a></li>
    <li>Το περιεχόμενο μου</li>
  </ul>
</div>
</body>
</html>
Εικόνα Τετραγωνάκι = http://www.avadaz.com/playground/breadcrumb/bullet.png
Εικόνα Βελάκι = http://www.avadaz.com/playground/breadcrumb/arrow.png
(αποθήκευσε τα από εδώ ^ στο δικό σου server. Μη βάλεις στον κώδικα σου link προς αυτές τις εικόνες γιατί κάποια στιγμή λογικά θα διαγραφούν)

Demo: http://www.avadaz.com/playground/breadc ... umb_ul.htm
Το δοκίμασα σε IE 7,8 και Firefox 3.5

Άβαταρ μέλους
Basilakis
PHP Moderator
Δημοσιεύσεις: 8574
Εγγραφή: 17 Νοέμ 2003 13:03
Τοποθεσία: Womans' Brain
Επικοινωνία:

nav_links

Δημοσίευση από Basilakis » 09 Νοέμ 2009 21:14

Κάποια άρθρα εδω μέσα είναι τόσο καλογραμμένα, τόσο προσεγμένα που πραγματικά είναι κρίμα που τα χάνουμε προς τα κάτω με τον καιρό...

Μπράβο ρε συ Δημήτρη, ονειρεμένος κώδικας! :)

Άβαταρ μέλους
dimsis
Reporter
Δημοσιεύσεις: 7994
Εγγραφή: 25 Ιούλ 2001 03:00

nav_links

Δημοσίευση από dimsis » 09 Νοέμ 2009 21:32

Ευχαριστώ basilakis, χαίρομαι που σου άρεσε. Σίγουρα γίνετε και καλύτερα. Το τέσταρα και σε Chrome παίζει οκ. Όσο για τέτοια κομμάτια κώδικα όντως ώρες ώρες θάβονται, εκτός απο αυτά που γίνονται βοηθήματα. Προσωπικά όποτε διαβάζω κάτι που πιστεύω πως αξίζει να γίνει βοήθημα το κάνω report κατευθείαν.

Επί της ευκαιρίας να γράψω πως&#8230;.

Όταν κάποια μέλη έχουν απορίες και:
1) σου το ζητάνε ευγενικά
2) δεν ζητάνε ακραία πράγματα ή ολόκληρες έτοιμες λύσεις αλλά φαίνεται πως την ψάχνουν τη δουλειά
3) δεν ζητάνε απλώς να τους λύσεις τις ασκήσεις του σχολείου τους επειδή βαριούνται να κάτσουν να ασχοληθούν
4) φαίνεται να εκτιμούν την βοήθεια
5) δεν επιμένουν και δεν βιάζονται να πάρουν απάντηση
Τότε βλέπω πως όλοι μας τους βοηθάμε εδώ μέσα όπως μπορούμε.

Πρέπει να καταλάβουν κάποιοι ότι όταν απαντούμε σε ερωτήσεις είναι επειδή έχουμε την καλή διάθεση να βοηθήσουμε, μοιράζοντας ότι γνώση μπορεί ο καθένας μας, σπαταλώντας λίγο ή πολύ από τον ελεύθερο χρόνο μας. Δεν είναι ούτε δουλειά μας, ούτε υποχρέωση μας να απαντούμε σε όλους. Όποτε μπορούμε, όποτε έχουμε διάθεση και όποτε κρίνουμε ότι αξίζει τον κόπο απαντούμε.
Τα γράφω αυτά γιατί κάθε τόσο βλέπω κάποια posts από μέλη και εδώ μέσα, που έχουν τρελές απαιτήσεις και νομίζουν πως μας έχουν προσλάβει για τζάμπα υπαλλήλους και μας κάνουν και συστάσεις ή παρατηρήσεις :)

Άβαταρ μέλους
Basilakis
PHP Moderator
Δημοσιεύσεις: 8574
Εγγραφή: 17 Νοέμ 2003 13:03
Τοποθεσία: Womans' Brain
Επικοινωνία:

nav_links

Δημοσίευση από Basilakis » 09 Νοέμ 2009 21:59

dimsis έγραψε: Πρέπει να καταλάβουν κάποιοι ότι όταν απαντούμε σε ερωτήσεις είναι επειδή έχουμε την καλή διάθεση να βοηθήσουμε, μοιράζοντας ότι γνώση μπορεί ο καθένας μας, σπαταλώντας λίγο ή πολύ από τον ελεύθερο χρόνο μας. Δεν είναι ούτε δουλειά μας, ούτε υποχρέωση μας να απαντούμε σε όλους. Όποτε μπορούμε, όποτε έχουμε διάθεση και όποτε κρίνουμε ότι αξίζει τον κόπο απαντούμε.
Τα γράφω αυτά γιατί κάθε τόσο βλέπω κάποια posts από μέλη και εδώ μέσα, που έχουν τρελές απαιτήσεις και νομίζουν πως μας έχουν προσλάβει για τζάμπα υπαλλήλους και μας κάνουν και συστάσεις ή παρατηρήσεις :)
+1 apo emena! :D

stokos21
Δημοσιεύσεις: 37
Εγγραφή: 05 Σεπ 2009 02:09

nav_links

Δημοσίευση από stokos21 » 09 Νοέμ 2009 23:21

Παιδιά 1000 ευχαριστώ για την άμεση σας απάντηση.
Πρέπει να ζητήσω όμως και 1000 ΣΥΓΝΩΜΗ γιατί δεν σας έδωσα να καταλάβετε τι ακριβώς ζητούσα.
Το πρόβλημά μου δεν ήταν η κουκίδα, το χρώμα, η γραμματορειρά, το βελάκι κ.τ.λ.
Απλά δεν ήξερα πως φτιάχνεται ολόκληρο το nav-menu (home>κάτι>κάτι άλλο>κ.τ.λ.)
πιστεύωντας οτι γίνεται με κάποιο scriptάκι, χωρίς να σκεφτώ οτι μπορεί να γίνει με css-list.
Η απορία μου νομίζω ότι λύθηκε με τον κώδικα του φίλου "dimsis" ο οποίος μου έδωσε ΟΛΟΚΛΗΡΟΜΕΝΗ ΛΥΣΗ από όλες τις απόψεις...
Να ζητήσω και παλι συγνώμη αν πιθανών σας εκνεύρισα πιστεύωντας οτι ζητάω έτοιμες λύσεις, όμως πιστεψτε με είχα προσπαθ΄σει αλλά με λάθος τρόπο απ΄οτι κατάλαβα.
ΕΥΧΑΡΙΣΤΩ και πάλι και θα συνεχίσω να σας παρακολουθώ γιατι έχω να μάθω πολλά από εσάς

stokos21
Δημοσιεύσεις: 37
Εγγραφή: 05 Σεπ 2009 02:09

nav_links

Δημοσίευση από stokos21 » 11 Νοέμ 2009 13:34

.

troumeliotis
Δημοσιεύσεις: 17
Εγγραφή: 09 Ιαν 2010 21:32
Επικοινωνία:

nav_links

Δημοσίευση από troumeliotis » 19 Ιαν 2010 15:51

Πράγματι μιλάμε για κορυφαία παρουσιάση. Ακόμη και εγώ που δεν είχα ιδέα για την κατασκευή όχι μόνο breadcrumbs αλλά και ιστοσελίδων γενικότερα, κατάλαβα "το στύσημο" του κώδικα. Πολύ κατατοπιστική παρουσιάση και με πολλές δυνατότητες. Ευχαριστώ πολύ!

Απάντηση

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

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

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