Βάλε οριζόντιο dropdown menu ( οριζόντια μπάρα μe menu )
14/6/2010, 00:07
Παιδιά εγώ σχεδιάζω το μπλογκ μου με το πρόγραμμα Artisteer . Απο εκεί έφτιαξα και το MENU όπως και όλα τα άλλα . (απο εκεί κάνεις μόνο τον σχεδιασμό δεν το ''στύνεις'' κιόλας δηλαδή το τι θα γράφει το Μενού κλπ τα κάνεις απο το μπλόγκερ) . Αλλά έχω ένα πρόβλημα και μια απορία που θέλω να κάνω .
1. Το πρόβλημα είναι πως δεν μπορώ να κάνω όλες τις σελίδες στο μενού εκεί που λέει home να μπεί στην αρχική σελίδα δηλαδή στο http://ultrashellas.blogspot.com (όλες οι σελίδες του μενού είναι μπλόγκς που απλά έκανα τον ίδιο σχεδιασμό οπότε φαίνεται σαν να είναι ένα μπλογκ )
και
2. Πώς κάνω υποκατηγορίες σε κάθε θέμα του Μενού ;
1. Το πρόβλημα είναι πως δεν μπορώ να κάνω όλες τις σελίδες στο μενού εκεί που λέει home να μπεί στην αρχική σελίδα δηλαδή στο http://ultrashellas.blogspot.com (όλες οι σελίδες του μενού είναι μπλόγκς που απλά έκανα τον ίδιο σχεδιασμό οπότε φαίνεται σαν να είναι ένα μπλογκ )
και
2. Πώς κάνω υποκατηγορίες σε κάθε θέμα του Μενού ;
- ElthaModeratorΒραβείο ΕγγραφήςΒραβείο Εγγραφής για πάνω απο 3 χρόνιαΒραβείο ΜηνυμάτωνΒραβείο Μηνυμάτων ( 5001 + σχόλια )Βραβείο ΘεμάτωνΒραβείο Θεμάτων ( 100 νέα θέματα )Βραβείο ΨηφοφορίαςΒραβείο Ψηφοφορίας ( άνοιξε μια νέα ψηφοφορία )Βραβείο ΠαιχνιδιώνΒραβείο Παιχνιδιών ( άνοιξε ενα νέο θέμα - παιχνίδι )Βραβείο ΣυμμετοχήςΒραβείο Συμμετοχής ( σε 100 θέματα )
- Μηνύματα : 24383
Φύλλο :
Εγγραφή : 16/03/2009
Απ: Βάλε οριζόντιο dropdown menu ( οριζόντια μπάρα μe menu )
14/6/2010, 00:48
οκ !! θα σου απαντησω και θα το κανω ξεχωριστο θεμα
απλα εγω θα σου βαλω ενα σχεδιο τυχαιο drop down menu
δες παρακατω ν αμου πεις αν ειναι οκ ..εσυ απλα θα πρεπει να αλλαξεις τους τιτλους και τα λινκς με αυτα που θες
απλα εγω θα σου βαλω ενα σχεδιο τυχαιο drop down menu
δες παρακατω ν αμου πεις αν ειναι οκ ..εσυ απλα θα πρεπει να αλλαξεις τους τιτλους και τα λινκς με αυτα που θες
- ElthaModeratorΒραβείο ΕγγραφήςΒραβείο Εγγραφής για πάνω απο 3 χρόνιαΒραβείο ΜηνυμάτωνΒραβείο Μηνυμάτων ( 5001 + σχόλια )Βραβείο ΘεμάτωνΒραβείο Θεμάτων ( 100 νέα θέματα )Βραβείο ΨηφοφορίαςΒραβείο Ψηφοφορίας ( άνοιξε μια νέα ψηφοφορία )Βραβείο ΠαιχνιδιώνΒραβείο Παιχνιδιών ( άνοιξε ενα νέο θέμα - παιχνίδι )Βραβείο ΣυμμετοχήςΒραβείο Συμμετοχής ( σε 100 θέματα )
- Μηνύματα : 24383
Φύλλο :
Εγγραφή : 16/03/2009
Απ: Βάλε οριζόντιο dropdown menu ( οριζόντια μπάρα μe menu )
14/6/2010, 01:09
λοιπον αφου εχουμε κρατησει back up
πάμε επεξεγασια Html
και βρίσκουμε με control F
το σημείο που λέει
ακριβως πιο πριν
προσθέτουμε αυτον τον κωδικο
στην συνεχεια το σώνουμε και παμε στοιχεια σελίδας - προσθήκη gadget - HTML/Javascript
και προσθέτω αυτον τον κωδικο
στην συνςχεια συρε το προσθετο να παει απο την δεξια στηλη κατω αποτον τιτλο ή οπου αλλου εσυ θες
στον κωδικο παραπανω οπου λέει Home..tutorial κτλ το αλλαζεις αντιστοιχα με το τιτλο που θες εσυ
και μετα θα δεις οτι ο καθε τιτλος αναπτυσσεται σε ενα μενου...και παλι τους τιτλους του μενου τους αλλάζεις
ή αναπτύσσεις αντίστοιχα και άλλους τιτλους ...
αναλογα με το τι θες εσυ
πάμε επεξεγασια Html
και βρίσκουμε με control F
το σημείο που λέει
- Κώδικας:
</head>
ακριβως πιο πριν
προσθέτουμε αυτον τον κωδικο
- Κώδικας:
<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$("ul.subnav").parent().append("<span/>"); //Only shows drop down trigger when js is enabled - Adds empty span tag after ul.subnav
$("ul.topnav li span").click(function() { //When trigger is clicked...
//Following events are applied to the subnav itself (moving subnav up and down)
$(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click
$(this).parent().hover(function() {
}, function(){
$(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
});
//Following events are applied to the trigger (Hover events for the trigger)
}).hover(function() {
$(this).addClass("subhover"); //On hover over, add class "subhover"
}, function(){ //On Hover Out
$(this).removeClass("subhover"); //On hover out, remove class "subhover"
});
});
</script>
<style type='text/css'>
ul.topnav {
list-style: none;
padding: 0 20px;
margin: 0;
float: left;
width: 100%;
background: #222;
font-size: 1.2em;
background: url(http://1.bp.blogspot.com/_4HKUHirY_2U/SuvG9uqdygI/AAAAAAAAAGg/RGkds76x-Ks/topnav_bg.gif) repeat-x;
}
ul.topnav li {
float: left;
margin: 0;
padding: 0 15px 0 0;
position: relative; /*--Declare X and Y axis base--*/
}
ul.topnav li a{
padding: 10px 5px;
color: #fff;
display: block;
text-decoration: none;
float: left;
}
ul.topnav li a:hover{
background: url(http://2.bp.blogspot.com/_4HKUHirY_2U/SuvHEn2GZ9I/AAAAAAAAAGo/s4ncczdnOd0/topnav_hover.gif) no-repeat center top;
}
ul.topnav li span { /*--Drop down trigger styles--*/
width: 17px;
height: 35px;
float: left;
background: url(http://2.bp.blogspot.com/_4HKUHirY_2U/SuvHKqBeOXI/AAAAAAAAAGw/qGYlY4ckLWc/subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
list-style: none;
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
left: 0; top: 35px;
background: #333;
margin: 0; padding: 0;
display: none;
float: left;
width: 170px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border: 1px solid #111;
}
ul.topnav li ul.subnav li{
margin: 0; padding: 0;
border-top: 1px solid #252525; /*--Create bevel effect--*/
border-bottom: 1px solid #444; /*--Create bevel effect--*/
clear: both;
width: 170px;
}
html ul.topnav li ul.subnav li a {
float: left;
width: 145px;
background: #333 url(http://3.bp.blogspot.com/_4HKUHirY_2U/SuvHPYoc82I/AAAAAAAAAG4/3DDzBwklYpw/dropdown_linkbg.gif) no-repeat 10px center;
padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
background: #222 url(http://3.bp.blogspot.com/_4HKUHirY_2U/SuvHPYoc82I/AAAAAAAAAG4/3DDzBwklYpw/dropdown_linkbg.gif) no-repeat 10px center;
}
#header img {
margin: 20px 0 10px;
}
</style>
στην συνεχεια το σώνουμε και παμε στοιχεια σελίδας - προσθήκη gadget - HTML/Javascript
και προσθέτω αυτον τον κωδικο
- Κώδικας:
<ul class="topnav">
<li><a href="#">Home</a></li>
<li>
<a href="#">Tutorials</a>
<ul class="subnav">
<li><a href="#">HTML Tutorials</a></li>
<li><a href="#">CSS Tutorials</a></li>
<li><a href="#">PHP Tutorials</a></li>
<li><a href="#">SQL Tutorials</a></li>
<li><a href="#">jQuery Tutorials</a></li>
</ul>
</li>
<li>
<a href="#">Templates</a>
<ul class="subnav">
<li><a href="#">1 Column</a></li>
<li><a href="#">2 Column</a></li>
<li><a href="#">3 Column</a></li>
<li><a href="#">4 Column</a></li>
<li><a href="#">Premium</a></li>
<li><a href="#">Buy Now</a></li>
</ul>
</li>
<li><a href="#">About Us</a></li>
<li><a href="#">Advertise</a></li>
<li><a href="#">Subscribe</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
στην συνςχεια συρε το προσθετο να παει απο την δεξια στηλη κατω αποτον τιτλο ή οπου αλλου εσυ θες
στον κωδικο παραπανω οπου λέει Home..tutorial κτλ το αλλαζεις αντιστοιχα με το τιτλο που θες εσυ
και μετα θα δεις οτι ο καθε τιτλος αναπτυσσεται σε ενα μενου...και παλι τους τιτλους του μενου τους αλλάζεις
ή αναπτύσσεις αντίστοιχα και άλλους τιτλους ...
αναλογα με το τι θες εσυ
Απ: Βάλε οριζόντιο dropdown menu ( οριζόντια μπάρα μe menu )
14/6/2010, 01:18
Eυχαριστώ πολύ να 'σαι καλά
- ElthaModeratorΒραβείο ΕγγραφήςΒραβείο Εγγραφής για πάνω απο 3 χρόνιαΒραβείο ΜηνυμάτωνΒραβείο Μηνυμάτων ( 5001 + σχόλια )Βραβείο ΘεμάτωνΒραβείο Θεμάτων ( 100 νέα θέματα )Βραβείο ΨηφοφορίαςΒραβείο Ψηφοφορίας ( άνοιξε μια νέα ψηφοφορία )Βραβείο ΠαιχνιδιώνΒραβείο Παιχνιδιών ( άνοιξε ενα νέο θέμα - παιχνίδι )Βραβείο ΣυμμετοχήςΒραβείο Συμμετοχής ( σε 100 θέματα )
- Μηνύματα : 24383
Φύλλο :
Εγγραφή : 16/03/2009
Απ: Βάλε οριζόντιο dropdown menu ( οριζόντια μπάρα μe menu )
14/6/2010, 01:22
ομορφα..
επισης να πω οτι
οπου html tutorials βαλεις τον τιτλο που θες
* το μενου δεν ξερω αν παιζει στα νεα προτυπα που εβγαλε μολις τωρα o blogger
αν δεν σου παιζει ή αν εχεις οποιοδηποτε προβλημα ενημερωσε με να το δουμε
επισης να πω οτι
- Κώδικας:
<li><a href="#">HTML Tutorials</a></li>
οπου html tutorials βαλεις τον τιτλο που θες
* το μενου δεν ξερω αν παιζει στα νεα προτυπα που εβγαλε μολις τωρα o blogger
αν δεν σου παιζει ή αν εχεις οποιοδηποτε προβλημα ενημερωσε με να το δουμε
Απ: Βάλε οριζόντιο dropdown menu ( οριζόντια μπάρα μe menu )
21/9/2012, 16:56
Δεν ξερω αν ειναι αυτο που ψαχνω...
Λοιπον, θα το πως οσο πιο αναλυτικα μπορω ωστε να καταλαβετε τι ειναι αυτο που ψαχνω!
εχουμε το blog namesite.blogspot.gr μολις πατησουμε σε αυτη την διευθυνση, θελω να εμφανιζει στην αρχικη οθονη μια λιστα με αυτο που θα ορισω εγω, λιστα η οποια θα περιεχει ενεργους συνδεσμους... για παραδειγμα, να εχει μια λιστα με πολεις, ενδεικτικα Αθηνα Πατρα Θεσσαλονικη, αν πατησουμε Αθηνα να μας βγαλει ολες της αναρτησεις που εχουν δημοσιευτει στην κατηγορια Αθηνα, η οσες αναρτησεις εμπεριεχουν την ετικετα αθηνα/αττικη (κυριως με ενδιαφερει η πρωτη περιπτωση)!
Αυτο ειναι εφικτο να γινει; Αν οχι υπαρχει καποιος αλλος τροπος (πχ με κανενα προσθετο flash);
Υ.Γ. Σκουληκι σορρυ για το θεμα που ανοιξα, απλα θεωρησα πως δεν εχει σχεση με τα ηδη ανοιχτα θεματα! Ελπιζω τωρα να ειναι οκ!
Λοιπον, θα το πως οσο πιο αναλυτικα μπορω ωστε να καταλαβετε τι ειναι αυτο που ψαχνω!
εχουμε το blog namesite.blogspot.gr μολις πατησουμε σε αυτη την διευθυνση, θελω να εμφανιζει στην αρχικη οθονη μια λιστα με αυτο που θα ορισω εγω, λιστα η οποια θα περιεχει ενεργους συνδεσμους... για παραδειγμα, να εχει μια λιστα με πολεις, ενδεικτικα Αθηνα Πατρα Θεσσαλονικη, αν πατησουμε Αθηνα να μας βγαλει ολες της αναρτησεις που εχουν δημοσιευτει στην κατηγορια Αθηνα, η οσες αναρτησεις εμπεριεχουν την ετικετα αθηνα/αττικη (κυριως με ενδιαφερει η πρωτη περιπτωση)!
Αυτο ειναι εφικτο να γινει; Αν οχι υπαρχει καποιος αλλος τροπος (πχ με κανενα προσθετο flash);
Υ.Γ. Σκουληκι σορρυ για το θεμα που ανοιξα, απλα θεωρησα πως δεν εχει σχεση με τα ηδη ανοιχτα θεματα! Ελπιζω τωρα να ειναι οκ!
- ElthaModeratorΒραβείο ΕγγραφήςΒραβείο Εγγραφής για πάνω απο 3 χρόνιαΒραβείο ΜηνυμάτωνΒραβείο Μηνυμάτων ( 5001 + σχόλια )Βραβείο ΘεμάτωνΒραβείο Θεμάτων ( 100 νέα θέματα )Βραβείο ΨηφοφορίαςΒραβείο Ψηφοφορίας ( άνοιξε μια νέα ψηφοφορία )Βραβείο ΠαιχνιδιώνΒραβείο Παιχνιδιών ( άνοιξε ενα νέο θέμα - παιχνίδι )Βραβείο ΣυμμετοχήςΒραβείο Συμμετοχής ( σε 100 θέματα )
- Μηνύματα : 24383
Φύλλο :
Εγγραφή : 16/03/2009
Απ: Βάλε οριζόντιο dropdown menu ( οριζόντια μπάρα μe menu )
21/9/2012, 21:04
θες αυτοhttp://kitsosmitsos.blogspot.gr/ ?
εαν ναι αυτο ειναι απλα ετικετες που δεν τις εχει βαλει στο πλαι αλλα στην κορυφη σαν μπαρα απλα
υγ. κανενα προβλημα
εαν ναι αυτο ειναι απλα ετικετες που δεν τις εχει βαλει στο πλαι αλλα στην κορυφη σαν μπαρα απλα
υγ. κανενα προβλημα
Απ: Βάλε οριζόντιο dropdown menu ( οριζόντια μπάρα μe menu )
21/9/2012, 22:18
Ναι αλλα μονο που να μην ειναι σαν μπαρα, αλλα να ειναι στην αρχικη σελιδα! Οχι σαν μπαρα μενου! Με το που θα μπεις στην σελιδα, να σου βγαζει λιστα με τις ετικετες! Εστω ας ειναι με popup παραθυρο, που να μην εχει cancel η εξοδος!
Επισης θα ρωτησω και κατι αλλο, δεν εχει σχεση νομιζω με αυτο! Μερικα templates εχουν slides αναρτησεων! Βρηκα αυτο τον κωδικα
Πως μπορω να κανω την εικονα να ειναι ενεργος συνδεσμος; Σορρυ αν ειμαι εκτος θεματος! Αν ειναι να ανοιξω νεο θεμα, καθως δεν βρηκα κατι αναλογο!
Επισης θα ρωτησω και κατι αλλο, δεν εχει σχεση νομιζω με αυτο! Μερικα templates εχουν slides αναρτησεων! Βρηκα αυτο τον κωδικα
- Κώδικας:
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><[color=red]img src='http://3.bp.blogspot.com/-P3TluGJbY-E/T9lm2ckGUnI/AAAAAAAAEW0/6TKZQ_-sbYY/s000/1.jpg'[/color]/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>This is default featured slide 1 title</a>
</h3>
<p>
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
<a class='fp-next' href='#fp-next'/>
<a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>
Πως μπορω να κανω την εικονα να ειναι ενεργος συνδεσμος; Σορρυ αν ειμαι εκτος θεματος! Αν ειναι να ανοιξω νεο θεμα, καθως δεν βρηκα κατι αναλογο!
- ElthaModeratorΒραβείο ΕγγραφήςΒραβείο Εγγραφής για πάνω απο 3 χρόνιαΒραβείο ΜηνυμάτωνΒραβείο Μηνυμάτων ( 5001 + σχόλια )Βραβείο ΘεμάτωνΒραβείο Θεμάτων ( 100 νέα θέματα )Βραβείο ΨηφοφορίαςΒραβείο Ψηφοφορίας ( άνοιξε μια νέα ψηφοφορία )Βραβείο ΠαιχνιδιώνΒραβείο Παιχνιδιών ( άνοιξε ενα νέο θέμα - παιχνίδι )Βραβείο ΣυμμετοχήςΒραβείο Συμμετοχής ( σε 100 θέματα )
- Μηνύματα : 24383
Φύλλο :
Εγγραφή : 16/03/2009
Απ: Βάλε οριζόντιο dropdown menu ( οριζόντια μπάρα μe menu )
22/9/2012, 17:05
γινεται αλλα αν ειναι προφανος το domain δικο σου η το σιτε αλλα οσο γνωριζω ετσι οχι επειδη η πλατφορμα του blogger σε αφηνει μεχρι ενος σημειου να κανεις πραγματα και ειναι λογικο ...
για pop up παραθυρο Προσθηκη pop up window στο blog σας
οσο για το αλλο δεν επεμβαινω/σχολιαζω σε κωδικες αλλων ..μπορεις να απευθυνθεις στο σιτε που το βρηκες για πληροφοριες
εδω εχουμε καποια θεματα σχετικα με slides μπορεις να δεις και αυτα αν εχεις χρονο νομιζω μιλησαμε για αυτο σε αλλο ποστ αν θυμαμαι καλα
για pop up παραθυρο Προσθηκη pop up window στο blog σας
οσο για το αλλο δεν επεμβαινω/σχολιαζω σε κωδικες αλλων ..μπορεις να απευθυνθεις στο σιτε που το βρηκες για πληροφοριες
εδω εχουμε καποια θεματα σχετικα με slides μπορεις να δεις και αυτα αν εχεις χρονο νομιζω μιλησαμε για αυτο σε αλλο ποστ αν θυμαμαι καλα
Δικαιώματα σας στην κατηγορία αυτή
Δεν μπορείτε να απαντήσετε στα Θέματα αυτής της Δ.Συζήτησης
|
|