ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ ΜΕ ΥΠΟΜΕΝΟΥ ΜΕ ΔΙΑΦΟΡΕΤΙΚΑ
STYLE
Αυτό το έγχρωμο οριζόντιο
μενού έχει διαφορετικό style για κάθε μενού
και υπομενού του. Μπορείτε να αλλάξετε το πλάτος του μενού αλλάξοντας το width:130px; που βρίσκετε εντός του style. Μπορείτε να αλλάξετε το background και το χρώμα κειμένου του μενού αλλάζοντας τον 6ψήφιο κώδικό χρώματος που βρίσκεται μετά το σύμβολο της δίεσης #.
Μπορείτε να αλλάξετε το πόσο στρογγυλεμένες θα είναι οι άκρες του κάθε μενού αλλάζοντας το border-radius:5px; Τέλος μπορείτε να αλλάξετε την γραμματοσειρά και το μέγεθός της αλλάζοντας το font:13px Arial; Εννοείται ότι πρέπει να αλλάξετε και τους συνδέσμους με τα πράσινα γράμματα και τους τίτλους
τους με πορτοκαλί και κίτρινα γράμματα με δικούς σας συνδέσμους και τίτλους. Δείτε το μενού σε λειτουργία ακριβώς κάτω από εδώ. ▼
<a href="http://the-best-widgets.blogspot.gr"
style="width:auto;height:auto;background:#FFFF00;color:#000;font:13px
Arial;border-radius:5px;padding:4px;">HOME</a>
<select onchange="location =
this.options[this.selectedIndex].value;" style="width:130px;background:#105105;color:#FFF;border-radius:5px;font:13px arial;margin:0px;"
name="menu"><option/>POST & LABELS
<option value="http://the-best-widgets.blogspot.gr/p/my-posts.html"/>ALL MY POSTS-1 (Only titles)
<option value="http://the-best-widgets.blogspot.gr/p/my-posts_19.html"
/>ALL MY POSTS-2 (Titles & images)
<option value="http://the-best-widgets.blogspot.gr/p/blog-page_3.html"
/>BLOGGER ARTICLES
<option value="http://the-best-widgets.blogspot.gr/p/wigdets_31.html"
/>MY CODES
<option value="http://the-best-widgets.blogspot.gr/search/label/TEXT
BOXES" />TEXT BOXES
<option value="http://the-best-widgets.blogspot.gr/search/label/ON
LINE TOOLS" />ON LINE TOOLS
<option value="http://the-best-widgets.blogspot.gr/search/label/BACKGROUNDS"
/>BACKGROUNDS
<option value="http://the-best-widgets.blogspot.gr/search/label/IMAGE
EFFECTS" />IMAGE EFFECTS
<option value="http://the-best-widgets.blogspot.gr/search/label/FACEBOOK
WIDGETS" />FACEBOOK WIDGETS
</select>
<select onchange="location =
this.options[this.selectedIndex].value;" style="width:90px;background:#622111;color:#FFF;border-radius:5px;font:13px arial;margin:0px;"
name="menu"><option/>MY LINKS
<option value="http://the-best-widgets.blogspot.gr/p/blog-page_11.html"/>MY LINKS-1
<option value="http://the-best-widgets.blogspot.gr/p/ranks.html"
/>MY LINKS-2
<option value="http://gadgetsforblogs1.blogspot.gr"
/>MY DEMO BLOG-1
<option value="http://gadgetsforblogs2.blogspot.gr"
/>MY DEMO BLOG-2
<option value="http://gadgetsforblogs3.blogspot.gr"
/>MY DEMO BLOG-3
<option value="http://gadgetsforblogs4.blogspot.gr"
/>MY DEMO BLOG-4
<option value="http://gadgetsforblogs5.blogspot.gr"
/>MY DEMO BLOG-5
<option value="http://gadgetsforblogs6.blogspot.gr"
/>MY DEMO BLOG-6
<option value="http://gadgetsforblogs7.blogspot.gr"
/>MY DEMO BLOG-7
<option value="http://widgets.freeforums.net"
/>MY FORUM
</select>
<select onchange="location =
this.options[this.selectedIndex].value;" style="width:110px;background:#115599;color:#FFF;border-radius:5px;font:13px arial;margin:0px;"
name="menu"><option/>MY PHOTOS
<option value="http://the-best-widgets.blogspot.gr/p/photo-gallery-1.html"/>PHOTO GALLERY-1
<option value="http://the-best-widgets.blogspot.gr/p/photo-gallery-2.html"/>PHOTO GALLERY-2
<option value="http://the-best-widgets.blogspot.gr/p/imgur-slideshow.html"/>IMGUR SLIDESHOW
<option value="http://the-best-widgets.blogspot.gr/p/flickr-slideshow.html"/>FLICKR SLIDESHOW
</select>
Δεν υπάρχουν σχόλια:
Δημοσίευση σχολίου
► Γράψτε το σχόλιό σας στο λευκό κουτί και αν θέλετε να ειδοποιηθήτε για την απάντηση τσεκάρετε το κουτάκι "Να λαμβάνω ειδοποιήσεις".
Σημείωση: Μόνο ένα μέλος αυτού του ιστολογίου μπορεί να αναρτήσει σχόλιο.