Keep on Blogging
Θέλετε να αντιδράσετε στο μήνυμα; Φτιάξτε έναν λογαριασμό και συνδεθείτε για να συνεχίσετε.

Πήγαινε κάτω
nofairplay
nofairplay
Member
Βραβείο Εγγραφής
Βραβείο Εγγραφής για πάνω απο 3 χρόνια
Μηνύματα : 28
Φύλλο : Άντρας
Ασχολίες : graphic designer , articles writer , football , beer and araliki
Εγγραφή : 13/06/2010
http://www.ultrashellas.blogspot.com

Λύθηκε Βάλε οριζόντιο dropdown menu ( οριζόντια μπάρα μe menu )

14/6/2010, 00:07
Παιδιά εγώ σχεδιάζω το μπλογκ μου με το πρόγραμμα Artisteer . Απο εκεί έφτιαξα και το MENU όπως και όλα τα άλλα . (απο εκεί κάνεις μόνο τον σχεδιασμό δεν το ''στύνεις'' κιόλας δηλαδή το τι θα γράφει το Μενού κλπ τα κάνεις απο το μπλόγκερ) . Αλλά έχω ένα πρόβλημα και μια απορία που θέλω να κάνω .

1. Το πρόβλημα είναι πως δεν μπορώ να κάνω όλες τις σελίδες στο μενού εκεί που λέει home να μπεί στην αρχική σελίδα δηλαδή στο http://ultrashellas.blogspot.com  (όλες οι σελίδες του μενού είναι μπλόγκς που απλά έκανα τον ίδιο σχεδιασμό οπότε φαίνεται σαν να είναι ένα μπλογκ )

και

2. Πώς κάνω υποκατηγορίες σε κάθε θέμα του Μενού ;
Eltha
Eltha
Moderator
Βραβείο Εγγραφής
Βραβείο Εγγραφής για πάνω απο 3 χρόνια
Βραβείο Μηνυμάτων
Βραβείο Μηνυμάτων ( 5001 + σχόλια )
Βραβείο Θεμάτων
Βραβείο Θεμάτων ( 100 νέα θέματα )
Βραβείο Ψηφοφορίας
Βραβείο Ψηφοφορίας ( άνοιξε μια νέα ψηφοφορία )
Βραβείο Παιχνιδιών
Βραβείο Παιχνιδιών ( άνοιξε ενα νέο θέμα - παιχνίδι )
Βραβείο Συμμετοχής
Βραβείο Συμμετοχής ( σε 100 θέματα )
Μηνύματα : 24383
Φύλλο : Θηλυκό
Εγγραφή : 16/03/2009

Λύθηκε Απ: Βάλε οριζόντιο dropdown menu ( οριζόντια μπάρα μe menu )

14/6/2010, 00:48
οκ !! θα σου απαντησω και θα το κανω ξεχωριστο θεμα
απλα εγω θα σου βαλω ενα σχεδιο τυχαιο drop down menu
δες παρακατω ν αμου πεις αν ειναι οκ ..εσυ απλα θα πρεπει να αλλαξεις τους τιτλους και τα λινκς με αυτα που θες


Έχει επεξεργασθεί από τον/την skouliki στις 15/6/2010, 18:00, 2 φορές συνολικά
nofairplay
nofairplay
Member
Βραβείο Εγγραφής
Βραβείο Εγγραφής για πάνω απο 3 χρόνια
Μηνύματα : 28
Φύλλο : Άντρας
Ασχολίες : graphic designer , articles writer , football , beer and araliki
Εγγραφή : 13/06/2010
http://www.ultrashellas.blogspot.com

Λύθηκε Απ: Βάλε οριζόντιο dropdown menu ( οριζόντια μπάρα μe menu )

14/6/2010, 00:52
Ωραίο είναι Βάλε οριζόντιο dropdown menu ( οριζόντια μπάρα μe menu ) 15980
Eltha
Eltha
Moderator
Βραβείο Εγγραφής
Βραβείο Εγγραφής για πάνω απο 3 χρόνια
Βραβείο Μηνυμάτων
Βραβείο Μηνυμάτων ( 5001 + σχόλια )
Βραβείο Θεμάτων
Βραβείο Θεμάτων ( 100 νέα θέματα )
Βραβείο Ψηφοφορίας
Βραβείο Ψηφοφορίας ( άνοιξε μια νέα ψηφοφορία )
Βραβείο Παιχνιδιών
Βραβείο Παιχνιδιών ( άνοιξε ενα νέο θέμα - παιχνίδι )
Βραβείο Συμμετοχής
Βραβείο Συμμετοχής ( σε 100 θέματα )
Μηνύματα : 24383
Φύλλο : Θηλυκό
Εγγραφή : 16/03/2009

Λύθηκε Απ: Βάλε οριζόντιο dropdown menu ( οριζόντια μπάρα μe menu )

14/6/2010, 01:09
λοιπον αφου εχουμε κρατησει back up

πάμε επεξεγασια 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 κτλ το αλλαζεις αντιστοιχα με το τιτλο που θες εσυ
και μετα θα δεις οτι ο καθε τιτλος αναπτυσσεται σε ενα μενου...και παλι τους τιτλους του μενου τους αλλάζεις
ή αναπτύσσεις αντίστοιχα και άλλους τιτλους ...
αναλογα με το τι θες εσυ
nofairplay
nofairplay
Member
Βραβείο Εγγραφής
Βραβείο Εγγραφής για πάνω απο 3 χρόνια
Μηνύματα : 28
Φύλλο : Άντρας
Ασχολίες : graphic designer , articles writer , football , beer and araliki
Εγγραφή : 13/06/2010
http://www.ultrashellas.blogspot.com

Λύθηκε Απ: Βάλε οριζόντιο dropdown menu ( οριζόντια μπάρα μe menu )

14/6/2010, 01:18
Eυχαριστώ πολύ να 'σαι καλά Βάλε οριζόντιο dropdown menu ( οριζόντια μπάρα μe menu ) 37771
Eltha
Eltha
Moderator
Βραβείο Εγγραφής
Βραβείο Εγγραφής για πάνω απο 3 χρόνια
Βραβείο Μηνυμάτων
Βραβείο Μηνυμάτων ( 5001 + σχόλια )
Βραβείο Θεμάτων
Βραβείο Θεμάτων ( 100 νέα θέματα )
Βραβείο Ψηφοφορίας
Βραβείο Ψηφοφορίας ( άνοιξε μια νέα ψηφοφορία )
Βραβείο Παιχνιδιών
Βραβείο Παιχνιδιών ( άνοιξε ενα νέο θέμα - παιχνίδι )
Βραβείο Συμμετοχής
Βραβείο Συμμετοχής ( σε 100 θέματα )
Μηνύματα : 24383
Φύλλο : Θηλυκό
Εγγραφή : 16/03/2009

Λύθηκε Απ: Βάλε οριζόντιο dropdown menu ( οριζόντια μπάρα μe menu )

14/6/2010, 01:22
ομορφα.. Βάλε οριζόντιο dropdown menu ( οριζόντια μπάρα μe menu ) 15980

επισης να πω οτι
Κώδικας:
<li><a href="#">HTML Tutorials</a></li>
οπου # βαζεις το λινκ που εσυ θες
οπου html tutorials βαλεις τον τιτλο που θες



* το μενου δεν ξερω αν παιζει στα νεα προτυπα που εβγαλε μολις τωρα o blogger
αν δεν σου παιζει ή αν εχεις οποιοδηποτε προβλημα ενημερωσε με να το δουμε
avatar
BloodDonor89
Member
Βραβείο Εγγραφής
Βραβείο Εγγραφής για πάνω απο 3 χρόνια
Μηνύματα : 24
Φύλλο : Άντρας
Εγγραφή : 19/11/2011
http://love-or-nothing.blogspot.com/

Λύθηκε Απ: Βάλε οριζόντιο dropdown menu ( οριζόντια μπάρα μe menu )

21/9/2012, 16:56
Δεν ξερω αν ειναι αυτο που ψαχνω...

Λοιπον, θα το πως οσο πιο αναλυτικα μπορω ωστε να καταλαβετε τι ειναι αυτο που ψαχνω!

εχουμε το blog namesite.blogspot.gr μολις πατησουμε σε αυτη την διευθυνση, θελω να εμφανιζει στην αρχικη οθονη μια λιστα με αυτο που θα ορισω εγω, λιστα η οποια θα περιεχει ενεργους συνδεσμους... για παραδειγμα, να εχει μια λιστα με πολεις, ενδεικτικα Αθηνα Πατρα Θεσσαλονικη, αν πατησουμε Αθηνα να μας βγαλει ολες της αναρτησεις που εχουν δημοσιευτει στην κατηγορια Αθηνα, η οσες αναρτησεις εμπεριεχουν την ετικετα αθηνα/αττικη (κυριως με ενδιαφερει η πρωτη περιπτωση)!

Αυτο ειναι εφικτο να γινει; Αν οχι υπαρχει καποιος αλλος τροπος (πχ με κανενα προσθετο flash);

Υ.Γ. Σκουληκι σορρυ για το θεμα που ανοιξα, απλα θεωρησα πως δεν εχει σχεση με τα ηδη ανοιχτα θεματα! Ελπιζω τωρα να ειναι οκ! Smile
Eltha
Eltha
Moderator
Βραβείο Εγγραφής
Βραβείο Εγγραφής για πάνω απο 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 ) 15980
avatar
BloodDonor89
Member
Βραβείο Εγγραφής
Βραβείο Εγγραφής για πάνω απο 3 χρόνια
Μηνύματα : 24
Φύλλο : Άντρας
Εγγραφή : 19/11/2011
http://love-or-nothing.blogspot.com/

Λύθηκε Απ: Βάλε οριζόντιο dropdown menu ( οριζόντια μπάρα μe menu )

21/9/2012, 22:18
Ναι αλλα μονο που να μην ειναι σαν μπαρα, αλλα να ειναι στην αρχικη σελιδα! Οχι σαν μπαρα μενου! Με το που θα μπεις στην σελιδα, να σου βγαζει λιστα με τις ετικετες! Εστω ας ειναι με popup παραθυρο, που να μην εχει cancel η εξοδος!

Επισης θα ρωτησω και κατι αλλο, δεν εχει σχεση νομιζω με αυτο! Μερικα 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>

Πως μπορω να κανω την εικονα να ειναι ενεργος συνδεσμος; Σορρυ αν ειμαι εκτος θεματος! Αν ειναι να ανοιξω νεο θεμα, καθως δεν βρηκα κατι αναλογο!
Eltha
Eltha
Moderator
Βραβείο Εγγραφής
Βραβείο Εγγραφής για πάνω απο 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 μπορεις να δεις και αυτα αν εχεις χρονο νομιζω μιλησαμε για αυτο σε αλλο ποστ αν θυμαμαι καλα
Επιστροφή στην κορυφή
Δικαιώματα σας στην κατηγορία αυτή
Δεν μπορείτε να απαντήσετε στα Θέματα αυτής της Δ.Συζήτησης