Simple Vertical Menu (No 34) by LoneEagle.

</br><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLMGNvhEQXaxOXohklqVrgbTL1nA-prCysXunSs0ojbqtne7TRAmZD9nThpFRQfZMQZ_NO2ijlTUYxRBORvX61PGXxhVo5x4AM8DPOv1B1UmkD7tUYpD21qJoIyiKI6OfHmE5PFuPkKtI/s1600/vertical+menu.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5466346549069688098" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLMGNvhEQXaxOXohklqVrgbTL1nA-prCysXunSs0ojbqtne7TRAmZD9nThpFRQfZMQZ_NO2ijlTUYxRBORvX61PGXxhVo5x4AM8DPOv1B1UmkD7tUYpD21qJoIyiKI6OfHmE5PFuPkKtI/s400/vertical+menu.png" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width:400px;height:238px;" /></a>Ένα απλό κάθετο μενού, για να αρχειοθετήσετε τις ετικέτες σας στην πλαϊνή σας στήλη. <br /> Πάμε να δούμε τον τρόπο, πως θα το περάσετε στο ιστολόγιό σας.<br /> <center><img oncontextmenu="return false" src="http://i41.tinypic.com/t0rt5x.jpg" /></center>Αφού κάνετε σύνδεση στον λογαριασμό σας στο blogger, θα πάτε στο Πίνακα ελέγχου σας & μετά >>> Διάταξη >>> Επεξεργασία HTML και θα κάνετε αναζήτηση με το Ctrl + F για το.....<br /> <div class="code"><div class="code_content">]]></b:skin><br /> </div></div>Μόλις το βρείτε & πριν από το κλείσιμο του ( δηλαδή: στην προϋγούμενη γραμμή ) <strong><em><span style="color:#cc0000;">]]></b:skin></span></em></strong> θα προσθέσετε τον παρακάτω κώδικα.<br /> <div class="code"><div class="code_content"><!--Simple-Vertical-Menu-34-STARTS-Widget-by-http://loneeagle110.blogspot.com--><br /> <style type='text/css'>#vernav34le ul{margin:0;padding:0;list-style-type:none;position:absolute;left:auto;top:auto}#vernav34le ul li{display:inline}#vernav34le ul li a{display:block;background:#BFD3ED;width:200px;text-decoration:none;padding:4px/*padding for top,bottom*/ 7px /*padding for left,right*/;;border-bottom:1px solid #eee;border-top:1px solid #ccc;border-left:5px solid #333;color:#333}#vernav34le ul li a:hover{border-left-color:#09F;color:#06F;background:#9DB2C9}</style><br /> <!--Simple-Vertical-Menu-34-STOPS-Widget-by-http://loneeagle110.blogspot.com--><br /> </div></div>Κάνετε αποθήκευση προτύπου & πάμε στο 2ο βήμα.....<br /> Πίνακας ελέγχου >>> Διάταξη >>> Προσθήκη gadget >>> HTML/JavaScript<br /> <center><img oncontextmenu="return false" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvuzxKmxERSatjsUhAKE-btebpQ1EOXsTiusXzU7qPyrl95W2FDm_Cnkr5t_WX-5-__YBY_CJmhzOy1uWPJcpECs-ZyQWkA1ZyKLzA-a8E8vYiUUY9SDShyhJDgO5lyLM1gRhBH14J2oI/s1600/Html+JavaScript+gadget.jpg" width="auto"></center>Και μέσα στο gadget βάζουμε τον παρακάτω κώδικα, χωρίς να προσθέσουμε κάτι στον Τίτλο.<br /> <center><img oncontextmenu="return false" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqldwzrKrKovSi68e-9w0C1qcR36Yi46WRHP9WeehsmOc2ZHnjP2CpjU6HgiPnv3xJk80_9WvM4T21TdTr2tCQDw7b-AAKnUDafL_10Evpu2lLW45-v7nNZlnYgKei-pmQKpa6Pa7kpyc/s1600/Select+HTMLJavascript+gadget+and+paste+the+code+in+the+content+box.jpg" width="auto"></center><div class="code"><div class="code_content"><!--Simple-Vertical-Menu-34-STARTS-Widget-by-http://loneeagle110.blogspot.com--><br /> <div id="vernav34le"><br /> <ul><br /> <li><a href='<span style="color:yellow;">...your link...</span>'>Home</a></li><br /> <li><a href='<span style="color:yellow;">...your link...</span>'><span style="color:cyan;">...tab 2...</span></a></li><br /> <li><a href='<span style="color:yellow;">...your link...</span>'><span style="color:cyan;">...tab 3...</span></a></li><br /> <li><a href='<span style="color:yellow;">...your link...</span>'><span style="color:cyan;">...tab 4...</span></a></li><br /> <li><a href='<span style="color:yellow;">...your link...</span>'><span style="color:cyan;">...tab 5...</span></a></li><br /> <li><a href='<span style="color:yellow;">...your link...</span>'><span style="color:cyan;">...tab 6...</span></a></li><br /> <li><a href='<span style="color:yellow;">...your link...</span>'><span style="color:cyan;">...tab 7...</span></a></li><br /> <li><a href='<span style="color:yellow;">...your link...</span>'><span style="color:cyan;">...tab 8...</span></a></li><br /> <li><a href='http://loneeagle110.blogspot.com/search/label/Blogger%20Help' target='_blanck'>Blogger Help</a></li><br /> <li><a href='<span style="color:yellow;">...your link...</span>' target='_blanck'>Contact me</a></li><br /> </ul><br /> </div><br /> <!--Simple-Vertical-Menu-34-STOPS-Widget-by-http://loneeagle110.blogspot.com--><br /> </div></div>Όπου <strong><em><span style="color:#cc0000;">...your link...</span></em></strong> βάζετε τον σύνδεσμο της αντίστοιχης ετικέτας <strong><em><span style="color:#cc0000;">....tab 1,2,3,4,5 κτλ....</span></em></strong><br /> Αφού περάσετε τις ετικέτες που θέλετε κάνετε αποθήκευση & μετά από την διάταξη της σελίδας σας, παίρνεται το gadget & το τοποθετείται ακριβώς κάτω από τη κεφαλίδα σας.<br /> <br /> <blockquote>Αν κρατήσετε τον σύνδεσμο Blogger Help που έχει ο παραπάνω κώδικας, ίσως δώσετε την δυνατότητα & στους επισκέπτες σας να μας μάθουν & να μπορέσουν κι αυτοί με τη σειρά τους να βελτιώσουν την σελίδα τους. <br /> <br /> Μέσα από τις πληροφορίες που σας προσφέρουμε απλόχερα, <span style="color:cyan;"><blink>ΧΩΡΙΣ</blink> donate, καφεδάκια, εσπρεσάκια, διαφημίσεις, Παρακάλια του τύπου... "Σας παρακαλώωωω καλέ Κύριε, κάντε "κλικ" στις λίγες διαφημισούλες μουυυυ!" Ελεήηηηηστε τον Helper...</span> κι άλλες τέτοιες αηδίες. <br /> <br /> Αμάν πια... κουτσοί στραβοί, ένα γαμημένο blog φτιάξατε τζάμπα (μέσω της Google) & θέλετε να πλουτίσετε. <br /> <br /> Στο κλαρί πότε θα βγείτε???? <br /> <br /> Εμείς το ελάχιστο που μπορούμε να κάνουμε είναι να σας Ευχαριστήσουμε δημόσια εκ των προτέρων για αυτή σας την κίνηση.<br /> </blockquote><br /> <center>Πατήστε ΑΠΟΘΗΚΕΥΣΗ κι είστε ΟΚ.<br /> <br /> Το αποτέλεσμα:<br /> <br /> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx2J-X3a3HuUJlAe9dKrl2a_l6RNKQ03NlKO84LrezbR5zh2qhveUrXdTTi6DNfS9odY6NvL49axxhvYZ2c-h5IVb6USjT8IwS8dAjoceXoqQyhwaH7zIBxlnWHlMc9U-_-bxZevFECm8/s677/Simple_Vertical_Menu_No_34.jpg" width="auto"/><br /> <br /> <marquee behavior="alternate" direction="left" scrollamount="3"><strong><em><span style="color:#cc0000;"><h2>ΚΑΛΗ ΕΠΙΤΥΧΙΑ!!!!!</h2></span></em></strong></marquee><br /> <br /> Για σχέδια σε Οριζόντια Μενού δείτε τα.....<br /> <br /> <a href="http://loneeagle110.blogspot.com/2010/02/blog-horizontal-menu-for-blogger-1.html" target="_blank">Οριζόντιο Μενού Νο 1</a><br /> <a href="http://loneeagle110.blogspot.com/2010/02/blog-horizontal-menu-for-blogger-2.html" target="_blank">Οριζόντιο Μενού Νο 2</a><br /> <a href="http://loneeagle110.blogspot.com/2010/02/blog-horizontal-menu-for-blogger-3.html" target="_blank">Οριζόντιο Μενού Νο 3</a><br /> <a href="http://loneeagle110.blogspot.com/2010/02/blog-horizontal-menu-for-blogger-4.html" target="_blank">Οριζόντιο Μενού Νο 4</a><br /> <a href="http://loneeagle110.blogspot.com/2010/02/blog-horizontal-menu-for-blogger-5.html" target="_blank">Οριζόντιο Μενού Νο 5</a><br /> <a href="http://loneeagle110.blogspot.com/2010/02/blog-horizontal-menu-for-blogger-6.html" target="_blank">Οριζόντιο Μενού Νο 6</a><br /> <a href="http://loneeagle110.blogspot.com/2010/03/blog-horizontal-menu-for-blogger-7.html" target="_blank">Οριζόντιο Μενού Νο 7</a><br /> <a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-menu-fisheye-menu-for.html" target="_blank">Οριζόντιο Μενού Νο 8</a><br /> <a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-menu-for-blogger-9.html" target="_blank">Οριζόντιο Μενού Νο 9</a><br /> <a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-blue-css-menu-for.html" target="_blank">Οριζόντιο Μενού Νο 10</a><br /> <a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-solid-block-menu-for.html" target="_blank">Οριζόντιο Μενού Νο 11</a><br /> <a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-glossy-5-colours-menu.html" target="_blank">Οριζόντιο Μενού Νο 12</a><br /> <a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-indent-menu-for-blogger.html" target="_blank">Οριζόντιο Μενού Νο 13</a><br /> <a href="http://loneeagle110.blogspot.com/2010/04/blog-animated-horizontal-menu-for.html" target="_blank">Οριζόντιο Μενού Νο 14</a><br /> <a href="http://loneeagle110.blogspot.com/2010/04/blog-frame-aura-horizontal-menu-for.html" target="_blank">Οριζόντιο Μενού Νο 15</a><br /> <a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-css-thick-menu-for.html" target="_blank">Οριζόντιο Μενού Νο 16</a><br /> <a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-sleek-pointer-menu-for.html" target="_blank">Οριζόντιο Μενού Νο 17</a><br /> <a href="http://loneeagle110.blogspot.com/2010/04/blog-wire-horizontal-chrome-bar-menu.html" target="_blank">Οριζόντιο Μενού Νο 18</a><br /> <a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-bevel-menu-for-blogger.html" target="_blank">Οριζόντιο Μενού Νο 19</a><br /> <a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-css-green-menu-for.html" target="_blank">Οριζόντιο Μενού Νο 20</a><br /> <a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-thick-underline-menu.html" target="_blank">Οριζόντιο Μενού Νο 21</a><br /> <a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-inverted-shift-down.html" target="_blank">Οριζόντιο Μενού Νο 22</a><br /> <a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-matt-black-menu-for.html" target="_blank">Οριζόντιο Μενού Νο 23</a><br /> <a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-inverted-modern-bricks.html" target="_blank">Οριζόντιο Μενού Νο 24</a><br /> <a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-overlapping-menu-25.html" target="_blank">Οριζόντιο Μενού Νο 25</a><br /> <a href="http://loneeagle110.blogspot.com/2010/05/8-horizontal-vertical-menu-26-8-colours.html" target="_blank">Οριζόντιο Μενού Νο 26</a><br /> <a href="http://loneeagle110.blogspot.com/2010/05/blog-horizontal-hover-gray-menu-27.html" target="_blank">Οριζόντιο Μενού Νο 27</a><br /> <a href="http://loneeagle110.blogspot.com/2010/05/blog-horizontal-styled-menu-28.html" target="_blank">Οριζόντιο Μενού Νο 28</a><br /> <a href="http://loneeagle110.blogspot.com/2010/06/blog-horizontal-dropdown-menu-29-3.html" target="_blank">Οριζόντιο Μενού Νο 29</a><br /> <a href="http://loneeagle110.blogspot.com/2010/05/horizontal-blueblack-dropdown-menu-30.html" target="_blank">Οριζόντιο Μενού Νο 30</a><br /> <a href="http://loneeagle110.blogspot.com/2010/05/horizontal-light-gray-menu-31.html" target="_blank">Οριζόντιο Μενού Νο 31</a><br /> <a href="http://loneeagle110.blogspot.com/2010/05/horizontal-purple-menu-32.html" target="_blank">Οριζόντιο Μενού Νο 32</a><br /> <a href="http://loneeagle110.blogspot.com/2010/05/horizontal-dolphin-menu-33.html" target="_blank">Οριζόντιο Μενού Νο 33</a><br /> <a href="http://loneeagle110.blogspot.com/2010/05/horizontal-glossy-blood-menu-34.html" target="_blank">Οριζόντιο Μενού Νο 34</a><br /> <a href="http://loneeagle110.blogspot.com/2010/06/horizontal-glossy-rounded-blue-menu-35.html" target="_blank">Οριζόντιο Μενού Νο 35</a><br /> <a href="http://loneeagle110.blogspot.com/2010/06/horizontal-glossy-rounded-blue-menu-35.html" target="_blank">Οριζόντιο Μενού Νο 36</a><br /> <a href="http://loneeagle110.blogspot.com/2010/06/horizontal-glossy-green-menu-37.html" target="_blank">Οριζόντιο Μενού Νο 37</a><br /> <a href="http://loneeagle110.blogspot.com/2010/11/horizontal-proof-menu-no-38.html" target="_blank">Οριζόντιο Μενού Νο 38</a><br /> <a href="http://loneeagle110.blogspot.com/2010/11/horizontal-slant-menu-no-39.html" target="_blank">Οριζόντιο Μενού Νο 39</a><br /> <a href="http://loneeagle110.blogspot.com/2010/06/horizontal-simple-grey-menu-40.html" target="_blank">Οριζόντιο Μενού Νο 40</a><br /> <a href="http://loneeagle110.blogspot.com/2010/06/horizontal-orange-blue-menu-41.html" target="_blank">Οριζόντιο Μενού Νο 41</a><br /> <a href="http://loneeagle110.blogspot.com/2010/06/horizontal-light-pall-menu-no-42.html" target="_blank">Οριζόντιο Μενού Νο 42</a><br /> <a href="http://loneeagle110.blogspot.com/2010/06/horizontal-simple-blue-bubble-menu-43.html" target="_blank">Οριζόντιο Μενού Νο 43</a><br /> <a href="http://loneeagle110.blogspot.com/2010/11/horizontal-menu-44-3-colours.html" target="_blank">Οριζόντιο Μενού Νο 44</a><br /> <a href="http://loneeagle110.blogspot.com/2010/08/horizontal-simple-fox-menu-45.html" target="_blank">Οριζόντιο Μενού Νο 45</a><br /> <a href="http://loneeagle110.blogspot.com/2010/06/horizontal-underline-menu-for-blogger.html" target="_blank">Οριζόντιο Μενού Νο 46</a><br /> <a href="http://loneeagle110.blogspot.com/2010/11/horizontal-white-razer-menu-for-blogger.html" target="_blank">Οριζόντιο Μενού Νο 47</a><br /> <a href="http://loneeagle110.blogspot.com/2011/01/horizontal-bluewhite-dropdown-menu-48.html" target="_blank">Οριζόντιο Μενού Νο 48</a><br /> <a href="http://loneeagle110.blogspot.com/2011/07/horizontal-sexy-dropdown-menu-with.html" target="_blank">Οριζόντιο Μενού Νο 50</a><br /> <a href="http://loneeagle110.blogspot.com/2011/01/horizontal-dolphin-menu-33.html" target="_blank">Οριζόντιο Μενού Νο 51</a><br /> <a href="http://loneeagle110.blogspot.com/2011/01/horizontal-pall-menu-52-3-colours-green.html" target="_blank">Οριζόντιο Μενού Νο 52</a><br /> <a href="http://loneeagle110.blogspot.com/2012/01/horizontal-jquery-sub-navigation-menu.html" target="_blank">Οριζόντιο Μενού Νο 53</a><br /> <a href="http://loneeagle110.blogspot.com/2012/01/blueblack-horizontal-submenu-no-61-by.html" target="_blank">Οριζόντιο Μενού Νο 61</a><br /> <a href="http://loneeagle110.blogspot.com/2012/02/horizontal-menu-no-62.html" target="_blank">Οριζόντιο Μενού Νο 62</a><br /> <a href="http://loneeagle110.blogspot.com/2012/12/horizontal-menu-with-facebook-colors-no.html" target="_blank">Οριζόντιο Μενού Νο 63</a><br /> <a href="http://loneeagle110.blogspot.com/2012/12/cool-horizontal-navigation-menu-no-64.html" target="_blank">Οριζόντιο Μενού Νο 63</a><br /> <a href="http://loneeagle110.blogspot.com/2012/07/css3-animated-horizontal-menu-no-65.html" target="_blank">Οριζόντιο Μενού Νο 65</a><br /> <a href="http://loneeagle110.blogspot.com/2012/07/pure-css3-multi-level-dropdown.html" target="_blank">Οριζόντιο Μενού Νο 66</a><br /> <a href="http://loneeagle110.blogspot.com/2012/12/vista-styled-horizontal-navigation-menu.html" target="_blank">Οριζόντιο Μενού Νο 67</a><br /> <a href="http://loneeagle110.blogspot.com/2012/12/vista-style-horizontal-menu-no-68-by.html" target="_blank">Οριζόντιο Μενού Νο 68</a><br /> <br /> Για σχέδια σε Κάθετα μενού δείτε τα....<br /> <br /> <a href="http://loneeagle110.blogspot.com/2010/02/blog-vertical-menu-for-blogger.html" target="_blank">Κάθετο Μενού Νο 1</a><br /> <a href="http://loneeagle110.blogspot.com/2010/05/8-horizontal-vertical-menu-26-8-colours.html" target="_blank">Κάθετο Μενού Νο 2</a><br /> <a href="http://loneeagle110.blogspot.com/2010/05/vector-vertical-menu-for-blogger-3.html" target="_blank">Κάθετο Μενού Νο 3</a><br /> <a href="http://loneeagle110.blogspot.com/2010/05/sliding-side-menu-4.html" target="_blank">Κάθετο Μενού Νο 4</a><br /> <a href="http://loneeagle110.blogspot.com/2010/05/vertical-jazz-menu-no-5.html" target="_blank">Κάθετο Μενού Νο 5</a><br /> <a href="http://loneeagle110.blogspot.com/2010/05/vertical-dark-menu-no-6.html" target="_blank">Κάθετο Μενού Νο 6</a><br /> <a href="http://loneeagle110.blogspot.com/2010/05/red-velvet-vertical-menu-no-7.html" target="_blank">Κάθετο Μενού Νο 7</a><br /> <a href="http://loneeagle110.blogspot.com/2010/05/vertical-rainbow-menu-no-8.html" target="_blank">Κάθετο Μενού Νο 8</a><br /> <a href="http://loneeagle110.blogspot.com/2010/05/blackbunny-vertical-menu-no-9.html" target="_blank">Κάθετο Μενού Νο 9</a><br /> <a href="http://loneeagle110.blogspot.com/2010/05/vertical-blue-black-menu-no-11.html" target="_blank">Κάθετο Μενού Νο 11</a><br /> <a href="http://loneeagle110.blogspot.com/2010/05/light-blue-vertical-menu-no-12.html" target="_blank">Κάθετο Μενού Νο 12</a><br /> <a href="http://loneeagle110.blogspot.com/2010/05/glossy-black-vertical-menu-no-13.html" target="_blank">Κάθετο Μενού Νο 13</a><br /> <a href="http://loneeagle110.blogspot.com/2010/05/blue-vertical-menu-no-14.html" target="_blank">Κάθετο Μενού Νο 14</a><br /> <a href="http://loneeagle110.blogspot.com/2010/05/3d-state-vertical-menu-no-15.html" target="_blank">Κάθετο Μενού Νο 15</a><br /> <a href="http://loneeagle110.blogspot.com/2010/06/highlight-vertical-menu-no-16.html" target="_blank">Κάθετο Μενού Νο 16</a><br /> <a href="http://loneeagle110.blogspot.com/2010/06/vertical-green-blue-arrow-menu-no-17.html" target="_blank">Κάθετο Μενού Νο 17</a><br /> <a href="http://loneeagle110.blogspot.com/2010/06/vertical-urban-menu-no-18.html" target="_blank">Κάθετο Μενού Νο 18</a><br /> <a href="http://loneeagle110.blogspot.com/2010/06/vertical-glossyblue-menu-no-20.html" target="_blank">Κάθετο Μενού Νο 20</a><br /> <a href="http://loneeagle110.blogspot.com/2010/06/sliding-pink-vertical-menu-no-21.html" target="_blank">Κάθετο Μενού Νο 21</a><br /> <a href="http://loneeagle110.blogspot.com/2010/06/purple-button-vertical-menu-no-22.html" target="_blank">Κάθετο Μενού Νο 22</a><br /> <a href="http://loneeagle110.blogspot.com/2010/06/vertical-bevel-menu-no-23.html" target="_blank">Κάθετο Μενού Νο 23</a><br /> <a href="http://loneeagle110.blogspot.com/2010/05/pure-css-vertical-menu.html" target="_blank">Κάθετο Μενού No 26</a><br /> <a href="http://loneeagle110.blogspot.com/2010/06/blue-vertical-menu-no-30.html" target="_blank">Κάθετο Μενού Νο 30</a><br /> <a href="http://loneeagle110.blogspot.com/2011/11/slate-gray-vertical-menu-no-31-by.html" target="_blank">Κάθετο Μενού Νο 31</a><br /> <a href="http://loneeagle110.blogspot.com/2011/06/blog-slashdot-menu.html" target="_blank">Κάθετο Μενού Νο 32</a><br /> <a href="http://loneeagle110.blogspot.com/2012/02/floating-vertical-menu-no-33.html" target="_blank">Κάθετο Μενού Νο 33</a><br /> </center>

Blogger Help Blogger Tutorials Vertical Menus Simple Vertical Menu (No 34) by LoneEagle.

Ένα απλό κάθετο μενού, για να αρχειοθετήσετε τις ετικέτες σας στην πλαϊνή σας στήλη. Πάμε να δούμε τον τρόπο, πως θα το περάσετε στο ιστολό...

Διαβάστε περισσότερα »

Floating Vertical Menu (No 33).

</br><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLMGNvhEQXaxOXohklqVrgbTL1nA-prCysXunSs0ojbqtne7TRAmZD9nThpFRQfZMQZ_NO2ijlTUYxRBORvX61PGXxhVo5x4AM8DPOv1B1UmkD7tUYpD21qJoIyiKI6OfHmE5PFuPkKtI/s1600/vertical+menu.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="Blue Vertical Menu, Blogger Help, Blogger Tutorials, Vertical Menus" border="0" id="BLOGGER_PHOTO_ID_5466346549069688098" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLMGNvhEQXaxOXohklqVrgbTL1nA-prCysXunSs0ojbqtne7TRAmZD9nThpFRQfZMQZ_NO2ijlTUYxRBORvX61PGXxhVo5x4AM8DPOv1B1UmkD7tUYpD21qJoIyiKI6OfHmE5PFuPkKtI/s400/vertical+menu.png" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 238px;" /></a>Συνεχίζουμε να πλουτίζουμε την μεγάλη μας συλλογή στα μενού μ' ένα κινούμενο κάθετο, με τη χρήση jQuery για το blogger & όχι μόνο.<br /> <center><img src="http://i41.tinypic.com/t0rt5x.jpg" /></center>θα μπείτε στο Πίνακα ελέγχου σας & μετά >>> Σχεδίαση >>> Επεξεργασία HTML και θα κάνετε αναζήτηση με το Ctrl + F για το.....<br /> <div class="code"><div class="code_content">]]></b:skin><br /> </div></div>Μόλις το βρείτε & πριν από το κλείσιμο του <strong><em><span style="color:#cc0000;">]]></b:skin></span></em></strong> (δηλαδή: στην προϋγούμενη γραμμή) θα προσθέσετε τον παρακάτω κώδικα.<br /> <div class="code"><div class="code_content"><!--Floating-Vertical-Menu-33-STARTS-Widget-by-http://loneeagle110.blogspot.com--><br /> #floatMenu {<br /> position:absolute;<br /> top:150px;<br /> left:1%;<br /> margin-left:0px;<br /> width:200px;<br /> }<br /> #floatMenu ul {<br /> margin-bottom:0px;<br /> }<br /> #floatMenu ul li a {<br /> display:block;<br /> border:1px solid #999;<br /> background-color:#222;<br /> border-left:6px solid #999;<br /> text-decoration:none;<br /> color:#ccc;<br /> padding:5px 5px 5px 25px;<br /> }<br /> #floatMenu ul li a:hover {<br /> color:#fff;<br /> background-color:#333333;<br /> }<br /> #floatMenu ul.menu1 li a:hover {<br /> border-color:#09f;<br /> }<br /> #floatMenu ul.menu2 li a:hover {<br /> border-color:#9f0;<br /> }<br /> #floatMenu ul.menu3 li a:hover {<br /> border-color:#f09;<br /> }<br /> <span style="color: lime;"><b><!-- για προσθήκη νέας ετικέτας START --></b></span><br /> #floatMenu ul.menu(4,5,6,7,8....) li a:hover {<br /> border-color:#....το HEX από το χρώμα που θέλετε...;<br /> }<br /> <span style="color: lime;"><b><!-- για προσθήκη νέας ετικέτας STOP --></b></span><br /> <!--Floating-Vertical-Menu-33-STOPS-Widget-by-http://loneeagle110.blogspot.com--><br /> </div></div><br /> <blockquote>Σημαντική βοήθεια για τα χρώματα μπορείτε να πάρετε <a href="http://loneeagle110.blogspot.com/2009/01/html-color-codes.html" target="_blank">εδώ</a><br /> </blockquote><br /> Κάνετε αποθήκευση προτύπου & πάμε στο 2ο βήμα.....Τώρα θα κοιταξετε να βρείτε το....<br /> <div class="code"><div class="code_content"></head> <br /> </div></div>Μόλις το βρείτε & πριν από το κλείσιμο του <strong><em><span style="color:#cc0000;"></head> </span></em></strong> (δηλαδή: στην προϋγούμενη γραμμή). Προσθέστε τα scripts.<br /> <div class="code"><div class="code_content"><!--Floating-Vertical-Menu-33-STARTS-Widget-by-http://loneeagle110.blogspot.com--><br /> <script language='javascript' src='http://scriptsrb.googlecode.com/files/jQuery.1.2.3.js'/><br /> <script language='javascript' src='http://scriptsrb.googlecode.com/files/jquery.dimensions.js'/><br /> <script language='javascript'><br /> $(document).ready(function(){<br /> });<br /> $(document).ready(function(){<br /> $(window).scroll(function () {<br /> });<br /> });<br /> var name = "#floatMenu";<br /> var menuYloc = null;<br /> $(document).ready(function(){<br /> menuYloc = parseInt($(name).css("top").substring(0,$(name).css("top").indexOf("px")))<br /> $(window).scroll(function () {<br /> });<br /> });<br /> var name = "#floatMenu";<br /> var menuYloc = null;<br /> $(document).ready(function(){<br /> menuYloc = parseInt($(name).css("top").substring(0,$(name).css("top").indexOf("px")))<br /> $(window).scroll(function () {<br /> var offset = menuYloc+$(document).scrollTop()+"px";<br /> $(name).animate({top:offset},{duration:500,queue:false});<br /> });<br /> });<br /> </script><br /> <!--Floating-Vertical-Menu-33-STOPS-Widget-by-http://loneeagle110.blogspot.com--><br /> </div></div>Πατήστε Αποθήκευση Προτύπου.<br /> Και πάμε στο τελευταίο βήμα.<br /> Πίνακας Ελέγχου ---> Σχεδίαση ---> Στοιχεία Σελίδας ---> Προσθήκη gadget ---> HTML/JavaScript<br /> Και μέσα στο gadget βάζουμε τον παρακάτω κώδικα, χωρίς να προσθεσουμε κάτι στον Τίτλο.<br /> <div class="code"><div class="code_content"><!--Floating-Vertical-Menu-33-STARTS-Widget-by-http://loneeagle110.blogspot.com--><br /> <div id="floatMenu" style="top:<span style="color:lime;"><b>100px;</b></span> "> <br /> <ul class="menu1"><br /> <li><a href="<span style="color: orange;"><b>...your link...</b></span>" onclick="return false;"> Αρχική </a></li><br /> </ul><br /> <ul class="menu2"><br /> <li><a href="<span style="color: orange;"><b>...your link...</b></span>" onclick="return false;"> <span style="color:yellow;"><b>...tab 1...</b></span> </a></li><br /> <li><a href="<span style="color: orange;"><b>...your link...</b></span>" onclick="return false;"> <span style="color:yellow;"><b>...tab 2...</b></span> </a></li><br /> <li><a href="<span style="color: orange;"><b>...your link...</b></span>" onclick="return false;"> <span style="color:yellow;"><b>...tab 3...</b></span> </a></li><br /> </ul><br /> <ul class="menu3"><br /> <li><a href="http://loneeagle110.blogspot.com/search/label/Blogger%20Help." onclick="return false;"> Blogger Help </a></li><br /> </ul><br /> <span style="color: lime;"><b><!-- για προσθήκη START --></b></span> <br /> <ul class="menu(...4,5,6,7,8,...)"><br /> <li><a href="<span style="color: orange;"><b>...your link...</b></span>" onclick="return false;"> <span style="color:yellow;"><b>...Νέα ετικέτα...</b></span> </a></li><br /> </ul><br /> <span style="color: lime;"><b><!-- για προσθήκη STOP --></b></span> <br /> </div><br /> <!--Floating-Vertical-Menu-33-STOPS-Widget-by-http://loneeagle110.blogspot.com--><br /> </div></div><br /> <blockquote><span style="color:red;"><b>Σημείωση!!!!</b></span><br /> <div id="floatMenu" style="top:<span style="color:lime;"><b>100px;</b></span> "> // η απόσταση από την κορυφή της σελίδας<br /> Στην πρώτη γραμμή του παραπάνω κώδικα όπως θα δείτε, έχω προσθέσει (για ευκολία αλλά & για ασφάλεια ειδικά για τους νέους χρήστες) την παράμετρο για να ρυθμίσετε την απόσταση που θέλετε να έχει το μενού από την κορυφή της σελίδας σας, μέσα από το HTML/JavaScript gadget, χωρίς να χρειάζεται να μπείτε στην Επεξεργασία HTML. <br /> Πίστευω πως τα 100px είναι μια χαρά.<br /> Φυσικά αν δε σας καλύπτει το αλλάζετε.<br /> <br /> Όπου <strong><em><span style="color:#cc0000;">...your link...</span></em></strong> βάζετε τον σύνδεσμο της αντίστοιχης ετικέτας <strong><em><span style="color:#cc0000;">....tab 1,2,3,4,5 κτλ....</span></em></strong><br /> <strong><em><span style="color:#cc0000;">Αν κρατήσετε τον σύνδεσμο Blogger Help που έχει ο παραπάνω κώδικας, ίσως δώσετε την δυνατότητα & στους επισκέπτες σας να μας μάθουν & να μπορέσουν κι αυτοί με τη σειρά τους να βελτιώσουν την σελίδα τους.<br /> Μέσα από τις πληροφορίες που σας προσφέρουμε απλόχερα.<br /> Εμείς το ελάχιστο που μπορούμε να κάνουμε είναι να σας Ευχαριστήσουμε δημόσια εκ των προτέρων για αυτή σας την κίνηση.</span></em></strong><br /> <br /> Αφού περάσετε τις ετικέτες που θέλετε κάνετε αποθήκευση & μετά από την διάταξη της σελίδας σας, παίρνεται το gadget & το τοποθετείται στο πάνω-πάνω μέρος της πλαινής στήλης.<br /> </blockquote><br /> Πατάτε ΑΠΟΘΗΚΕΥΣΗ κι είστε ΟΚ.<br /> <center>Το αποτέλεσμα:<br /> <img oncontextmenu="return false" src="http://i987.photobucket.com/albums/ae359/LoneEagle110/FloatingVerticalMenu33.jpg"/><br /> <br /> <marquee behavior="alternate" direction="left" scrollamount="3"><strong><em><span style="color:#cc0000;"><h2>ΚΑΛΗ ΕΠΙΤΥΧΙΑ!!!!!</h2></span></em></strong></marquee><br /> <br /> Για σχέδια σε Οριζόντια Μενού δείτε τα.....<br /> <br /> <a href="http://loneeagle110.blogspot.com/2010/02/blog-horizontal-menu-for-blogger-1.html" target="_blank">Οριζόντιο Μενού Νο 1</a><br /> <a href="http://loneeagle110.blogspot.com/2010/02/blog-horizontal-menu-for-blogger-2.html" target="_blank">Οριζόντιο Μενού Νο 2</a><br /> <a href="http://loneeagle110.blogspot.com/2010/02/blog-horizontal-menu-for-blogger-3.html" target="_blank">Οριζόντιο Μενού Νο 3</a><br /> <a href="http://loneeagle110.blogspot.com/2010/02/blog-horizontal-menu-for-blogger-4.html" target="_blank">Οριζόντιο Μενού Νο 4</a><br /> <a href="http://loneeagle110.blogspot.com/2010/02/blog-horizontal-menu-for-blogger-5.html" target="_blank">Οριζόντιο Μενού Νο 5</a><br /> <a href="http://loneeagle110.blogspot.com/2010/02/blog-horizontal-menu-for-blogger-6.html" target="_blank">Οριζόντιο Μενού Νο 6</a><br /> <a href="http://loneeagle110.blogspot.com/2010/03/blog-horizontal-menu-for-blogger-7.html" target="_blank">Οριζόντιο Μενού Νο 7</a><br /> <a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-menu-fisheye-menu-for.html" target="_blank">Οριζόντιο Μενού Νο 8</a><br /> <a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-menu-for-blogger-9.html" target="_blank">Οριζόντιο Μενού Νο 9</a><br /> <a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-blue-css-menu-for.html" target="_blank">Οριζόντιο Μενού Νο 10</a><br /> <a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-solid-block-menu-for.html" target="_blank">Οριζόντιο Μενού Νο 11</a><br /> <a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-glossy-5-colours-menu.html" target="_blank">Οριζόντιο Μενού Νο 12</a><br /> <a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-indent-menu-for-blogger.html" target="_blank">Οριζόντιο Μενού Νο 13</a><br /> <a href="http://loneeagle110.blogspot.com/2010/04/blog-animated-horizontal-menu-for.html" target="_blank">Οριζόντιο Μενού Νο 14</a><br /> <a href="http://loneeagle110.blogspot.com/2010/04/blog-frame-aura-horizontal-menu-for.html" target="_blank">Οριζόντιο Μενού Νο 15</a><br /> <a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-css-thick-menu-for.html" target="_blank">Οριζόντιο Μενού Νο 16</a><br /> <a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-sleek-pointer-menu-for.html" target="_blank">Οριζόντιο Μενού Νο 17</a><br /> <a href="http://loneeagle110.blogspot.com/2010/04/blog-wire-horizontal-chrome-bar-menu.html" target="_blank">Οριζόντιο Μενού Νο 18</a><br /> <a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-bevel-menu-for-blogger.html" target="_blank">Οριζόντιο Μενού Νο 19</a><br /> <a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-css-green-menu-for.html" target="_blank">Οριζόντιο Μενού Νο 20</a><br /> <a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-thick-underline-menu.html" target="_blank">Οριζόντιο Μενού Νο 21</a><br /> <a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-inverted-shift-down.html" target="_blank">Οριζόντιο Μενού Νο 22</a><br /> <a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-matt-black-menu-for.html" target="_blank">Οριζόντιο Μενού Νο 23</a><br /> <a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-inverted-modern-bricks.html" target="_blank">Οριζόντιο Μενού Νο 24</a><br /> <a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-overlapping-menu-25.html" target="_blank">Οριζόντιο Μενού Νο 25</a><br /> <a href="http://loneeagle110.blogspot.com/2010/05/8-horizontal-vertical-menu-26-8-colours.html" target="_blank">Οριζόντιο Μενού Νο 26</a><br /> <a href="http://loneeagle110.blogspot.com/2010/05/blog-horizontal-hover-gray-menu-27.html" target="_blank">Οριζόντιο Μενού Νο 27</a><br /> <a href="http://loneeagle110.blogspot.com/2010/05/blog-horizontal-styled-menu-28.html" target="_blank">Οριζόντιο Μενού Νο 28</a><br /> <a href="http://loneeagle110.blogspot.com/2010/06/blog-horizontal-dropdown-menu-29-3.html" target="_blank">Οριζόντιο Μενού Νο 29</a><br /> <a href="http://loneeagle110.blogspot.com/2010/05/horizontal-blueblack-dropdown-menu-30.html" target="_blank">Οριζόντιο Μενού Νο 30</a><br /> <a href="http://loneeagle110.blogspot.com/2010/05/horizontal-light-gray-menu-31.html" target="_blank">Οριζόντιο Μενού Νο 31</a><br /> <a href="http://loneeagle110.blogspot.com/2010/05/horizontal-purple-menu-32.html" target="_blank">Οριζόντιο Μενού Νο 32</a><br /> <a href="http://loneeagle110.blogspot.com/2010/05/horizontal-dolphin-menu-33.html" target="_blank">Οριζόντιο Μενού Νο 33</a><br /> <a href="http://loneeagle110.blogspot.com/2010/05/horizontal-glossy-blood-menu-34.html" target="_blank">Οριζόντιο Μενού Νο 34</a><br /> <a href="http://loneeagle110.blogspot.com/2010/06/horizontal-glossy-rounded-blue-menu-35.html" target="_blank">Οριζόντιο Μενού Νο 35</a><br /> <a href="http://loneeagle110.blogspot.com/2010/06/horizontal-glossy-rounded-blue-menu-35.html" target="_blank">Οριζόντιο Μενού Νο 36</a><br /> <a href="http://loneeagle110.blogspot.com/2010/06/horizontal-glossy-green-menu-37.html" target="_blank">Οριζόντιο Μενού Νο 37</a><br /> <a href="http://loneeagle110.blogspot.com/2010/11/horizontal-proof-menu-no-38.html" target="_blank">Οριζόντιο Μενού Νο 38</a><br /> <a href="http://loneeagle110.blogspot.com/2010/11/horizontal-slant-menu-no-39.html" target="_blank">Οριζόντιο Μενού Νο 39</a><br /> <a href="http://loneeagle110.blogspot.com/2010/06/horizontal-simple-grey-menu-40.html" target="_blank">Οριζόντιο Μενού Νο 40</a><br /> <a href="http://loneeagle110.blogspot.com/2010/06/horizontal-orange-blue-menu-41.html" target="_blank">Οριζόντιο Μενού Νο 41</a><br /> <a href="http://loneeagle110.blogspot.com/2010/06/horizontal-light-pall-menu-no-42.html" target="_blank">Οριζόντιο Μενού Νο 42</a><br /> <a href="http://loneeagle110.blogspot.com/2010/06/horizontal-simple-blue-bubble-menu-43.html" target="_blank">Οριζόντιο Μενού Νο 43</a><br /> <a href="http://loneeagle110.blogspot.com/2010/11/horizontal-menu-44-3-colours.html" target="_blank">Οριζόντιο Μενού Νο 44</a><br /> <a href="http://loneeagle110.blogspot.com/2010/08/horizontal-simple-fox-menu-45.html" target="_blank">Οριζόντιο Μενού Νο 45</a><br /> <a href="http://loneeagle110.blogspot.com/2010/06/horizontal-underline-menu-for-blogger.html" target="_blank">Οριζόντιο Μενού Νο 46</a><br /> <a href="http://loneeagle110.blogspot.com/2010/11/horizontal-white-razer-menu-for-blogger.html" target="_blank">Οριζόντιο Μενού Νο 47</a><br /> <a href="http://loneeagle110.blogspot.com/2011/01/horizontal-bluewhite-dropdown-menu-48.html" target="_blank">Οριζόντιο Μενού Νο 48</a><br /> <a href="http://loneeagle110.blogspot.com/2011/01/horizontal-dolphin-menu-33.html" target="_blank">Οριζόντιο Μενού Νο 51</a><br /> <a href="http://loneeagle110.blogspot.com/2011/01/horizontal-pall-menu-52-3-colours-green.html" target="_blank">Οριζόντιο Μενού Νο 52</a><br /> <a href="http://loneeagle110.blogspot.com/2012/01/horizontal-jquery-sub-navigation-menu.html" target="_blank">Οριζόντιο Μενού Νο 53</a><br /> <br /> Για σχέδια σε Κάθετα μενού δείτε τα....<br /> <br /> <a href="http://loneeagle110.blogspot.com/2010/02/blog-vertical-menu-for-blogger.html" target="_blank">Κάθετο Μενού Νο 1</a><br /> <a href="http://loneeagle110.blogspot.com/2010/05/8-horizontal-vertical-menu-26-8-colours.html" target="_blank">Κάθετο Μενού Νο 2</a><br /> <a href="http://loneeagle110.blogspot.com/2010/05/vector-vertical-menu-for-blogger-3.html" target="_blank">Κάθετο Μενού Νο 3</a><br /> <a href="http://loneeagle110.blogspot.com/2010/05/sliding-side-menu-4.html" target="_blank">Κάθετο Μενού Νο 4</a><br /> <a href="http://loneeagle110.blogspot.com/2010/05/vertical-jazz-menu-no-5.html" target="_blank">Κάθετο Μενού Νο 5</a><br /> <a href="http://loneeagle110.blogspot.com/2010/05/vertical-dark-menu-no-6.html" target="_blank">Κάθετο Μενού Νο 6</a><br /> <a href="http://loneeagle110.blogspot.com/2010/05/red-velvet-vertical-menu-no-7.html" target="_blank">Κάθετο Μενού Νο 7</a><br /> <a href="http://loneeagle110.blogspot.com/2010/05/vertical-rainbow-menu-no-8.html" target="_blank">Κάθετο Μενού Νο 8</a><br /> <a href="http://loneeagle110.blogspot.com/2010/05/blackbunny-vertical-menu-no-9.html" target="_blank">Κάθετο Μενού Νο 9</a><br /> <a href="http://loneeagle110.blogspot.com/2010/05/vertical-blue-black-menu-no-11.html" target="_blank">Κάθετο Μενού Νο 11</a><br /> <a href="http://loneeagle110.blogspot.com/2010/05/light-blue-vertical-menu-no-12.html" target="_blank">Κάθετο Μενού Νο 12</a><br /> <a href="http://loneeagle110.blogspot.com/2010/05/glossy-black-vertical-menu-no-13.html" target="_blank">Κάθετο Μενού Νο 13</a><br /> <a href="http://loneeagle110.blogspot.com/2010/05/blue-vertical-menu-no-14.html" target="_blank">Κάθετο Μενού Νο 14</a><br /> <a href="http://loneeagle110.blogspot.com/2010/05/3d-state-vertical-menu-no-15.html" target="_blank">Κάθετο Μενού Νο 15</a><br /> <a href="http://loneeagle110.blogspot.com/2010/06/highlight-vertical-menu-no-16.html" target="_blank">Κάθετο Μενού Νο 16</a><br /> <a href="http://loneeagle110.blogspot.com/2010/06/vertical-green-blue-arrow-menu-no-17.html" target="_blank">Κάθετο Μενού Νο 17</a><br /> <a href="http://loneeagle110.blogspot.com/2010/06/vertical-urban-menu-no-18.html" target="_blank">Κάθετο Μενού Νο 18</a><br /> <a href="http://loneeagle110.blogspot.com/2010/06/vertical-glossyblue-menu-no-20.html" target="_blank">Κάθετο Μενού Νο 20</a><br /> <a href="http://loneeagle110.blogspot.com/2010/06/sliding-pink-vertical-menu-no-21.html" target="_blank">Κάθετο Μενού Νο 21</a><br /> <a href="http://loneeagle110.blogspot.com/2010/06/purple-button-vertical-menu-no-22.html" target="_blank">Κάθετο Μενού Νο 22</a><br /> <a href="http://loneeagle110.blogspot.com/2010/06/vertical-bevel-menu-no-23.html" target="_blank">Κάθετο Μενού Νο 23</a><br /> <a href="http://loneeagle110.blogspot.com/2010/05/pure-css-vertical-menu.html" target="_blank">Κάθετο Μενού No 26</a><br /> <a href="http://loneeagle110.blogspot.com/2010/06/blue-vertical-menu-no-30.html" target="_blank">Κάθετο Μενού Νο 30</a><br /> <a href="http://loneeagle110.blogspot.com/2011/11/slate-gray-vertical-menu-no-31-by.html" target="_blank">Κάθετο Μενού Νο 31</a><br /> <a href="http://loneeagle110.blogspot.com/2011/06/blog-slashdot-menu.html" target="_blank">Κάθετο Μενού Νο 32</a><br /> </center>

Blogger Help Blogger Tutorials JQuery Tutorials Vertical Menus Floating Vertical Menu (No 33).

Συνεχίζουμε να πλουτίζουμε την μεγάλη μας συλλογή στα μενού μ' ένα κινούμενο κάθετο, με τη χρήση jQuery για το blogger & όχι μόνο. ...

Διαβάστε περισσότερα »

Slate Gray Vertical Menu ( No 31 ) by LoneEagle.

</br><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLMGNvhEQXaxOXohklqVrgbTL1nA-prCysXunSs0ojbqtne7TRAmZD9nThpFRQfZMQZ_NO2ijlTUYxRBORvX61PGXxhVo5x4AM8DPOv1B1UmkD7tUYpD21qJoIyiKI6OfHmE5PFuPkKtI/s1600/vertical+menu.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="Blue Vertical Menu, Blogger Help, Blogger Tutorials, Vertical Menus" border="0" id="BLOGGER_PHOTO_ID_5466346549069688098" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLMGNvhEQXaxOXohklqVrgbTL1nA-prCysXunSs0ojbqtne7TRAmZD9nThpFRQfZMQZ_NO2ijlTUYxRBORvX61PGXxhVo5x4AM8DPOv1B1UmkD7tUYpD21qJoIyiKI6OfHmE5PFuPkKtI/s400/vertical+menu.png" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 238px;" /></a><br /><h3 class="post-title entry-title"><span style="color:#99A3FF;">Συνεχίζουμε να πλουτίζουμε την μεγάλη μας συλλογή στα μενού μ' ένα απλό κάθετο με τη χρήση css για το blogger & όχι μόνο.<br /><br /><center><img src="http://i41.tinypic.com/t0rt5x.jpg" /></center><br /><br />θα μπείτε στο Πίνακα ελέγχου σας & μετά >>> Σχεδίαση >>> Επεξεργασία HTML και θα κάνετε αναζήτηση με το Ctrl + F για το.....<br /><br /><div class="code"><div class="code_content"><br />]]></b:skin><br /></div></div><br /><br />Μόλις το βρείτε πριν από το κλείσιμο του <strong><em><span style="color:#cc0000;">]]></b:skin></span></em></strong><br />Προσθέστε τον παρακάτω κώδικα.<br /><br /><div class="code"><div class="code_content"><br /><!--Vertical-Menu-31-STARTS-Widget-by-http://loneeagle110.blogspot.com--><br /><style type='text/css'><br />div.VermenuRB {<br />border:none;<br />background:#616D7E; <span style="color: lime;"><b>// α)</b></span> <br />padding:1px 1px 0 1px;<br />width:<span style="color: orange;"><b>200px;</b></span> // Αλλάγή πλάτους<br />}<br />div.VermenuRB a {<br />display:block;<br />height:25px;<br />font:12px/25px Tahoma, Arial, Helvetica, sans-serif;<br />background:#6D7B8D; <span style="color: Magenta;"><b>// β)</b></span> <br />color:#646D7E; <span style="color: Turquoise;"><b>// γ)</b></span><br />text-decoration:none;<br />padding-left:10px;<br />border-bottom:solid 1px #616D7E; <span style="color: lime;"><b>// α)</b></span> <br />}<br />div.VermenuRB a:hover, div.VermenuRB a:visited, div.VermenuRB a.active {<br />background:#616D7E; <span style="color: lime;"><b>// α)</b></span> <br />border-bottom:solid 1px #6D7B8D; <span style="color: Magenta;"><b>// β)</b></span> <br />color:#fff;<br />}</style><br /><!--Vertical-Menu-31-STOPS-Widget-by-http://loneeagle110.blogspot.com--><br /></div></div><br /><br /><blockquote><br />Στα σημεία α), β), & γ) είναι τα χρώματα που χρησιμοποίησα.<br />Εάν θέλετε να τα αλλάξετε όπου βλέπετε το γράμμα α) θα βάλετε το ίδιο χρώμα, το ίδιο ισχύει & για τα άλλα 2 γράμματα.<br />Σημαντική βοήθεια για τα χρώματα μπορείτε να πάρετε <a href="http://loneeagle110.blogspot.com/2009/01/html-color-codes.html" target="_blank">εδώ</a><br /></blockquote><br /><br />Κάνετε αποθήκευση προτύπου & πάμε στο 2ο βήμα.....<br /><br />Πίνακας Ελέγχου ---> Σχεδίαση ---> Στοιχεία Σελίδας ---> Προσθήκη gadget ---> HTML/JavaScript<br /><br />Και μέσα στο gadget βάζουμε τον παρακάτω κώδικα, χωρίς να προσθεσουμε κάτι στον Τίτλο.<br /><br /><div class="code"><div class="code_content"><br /><!--Vertical-Menu-31-STARTS-Widget-by-http://loneeagle110.blogspot.com--><br /><div class="VermenuRB"><br /><a href="http://www.blogger.com/home">Login</a><br /><a href="<span style="color: orange;"><b>...your address link...</b></span>" class="active">Home</a> <br /><a href="<span style="color: orange;"><b>...your link...</b></span>"><span style="color:yellow;"><b>...tab 1...</b></span></a> <br /><a href="<span style="color: orange;"><b>...your link...</b></span>"><span style="color:yellow;"><b>...tab 1...</b></span></a><br /><a href="<span style="color: orange;"><b>...your link...</b></span>"><span style="color:yellow;"><b>...tab 1...</b></span></a> <br /><a href="<span style="color: orange;"><b>...your link...</b></span>"><span style="color:yellow;"><b>...tab 1...</b></span></a> <br /><a href="http://loneeagle110.blogspot.com/search/label/Blogger%20Help">Blogger Help</a> <br /><a href="<span style="color: orange;"><b>...your email address...</b></span>">Contact me</a><br /></div><br /><!--Vertical-Menu-31-STOPS-Widget-by-http://loneeagle110.blogspot.com--><br /></div></div><br /><br />Όπου <strong><em><span style="color:#cc0000;">...your link...</span></em></strong> βάζετε τον σύνδεσμο της αντίστοιχης ετικέτας <strong><em><span style="color:#cc0000;">....tab 1,2,3,4,5 κτλ....</span></em></strong><br /><br /><strong><em><span style="color:#cc0000;">Αν κρατήσετε τον σύνδεσμο Blogger Help που έχει ο παραπάνω κώδικας, ίσως δώσετε την δυνατότητα & στους επισκέπτες σας να μας μάθουν & να μπορέσουν κι αυτοί με τη σειρά τους να βελτιώσουν την σελίδα τους.<br />Μέσα από τις πληροφορίες που σας προσφέρουμε απλόχερα.<br />Εμείς το ελάχιστο που μπορούμε να κάνουμε είναι να σας Ευχαριστήσουμε δημόσια εκ των προτέρων για αυτή σας την κίνηση.</span></em></strong><br /><br />Αφού περάσετε τις ετικέτες που θέλετε κάνετε αποθήκευση & μετά από την διάταξη της σελίδας σας, παίρνεται το gadget & το τοποθετείται πάνω-πάνω στη πλαινή σας στήλη, για να είναι ορατό στους επισκέπτες σας .<br /><br />Πατάτε ΑΠΟΘΗΚΕΥΣΗ κι είστε ΟΚ.<br /><br /><center>Το αποτέλεσμα:<br /><br /><img src="http://i53.tinypic.com/2ajrpg4.jpg" /><br /><br />Για σχέδια σε Οριζόντια Μενού δείτε τα.....<br /><br /><a href="http://loneeagle110.blogspot.com/2010/02/blog-horizontal-menu-for-blogger-1.html" target="_blank">Οριζόντιο Μενού Νο 1</a><br /><a href="http://loneeagle110.blogspot.com/2010/02/blog-horizontal-menu-for-blogger-2.html" target="_blank">Οριζόντιο Μενού Νο 2</a><br /><a href="http://loneeagle110.blogspot.com/2010/02/blog-horizontal-menu-for-blogger-3.html" target="_blank">Οριζόντιο Μενού Νο 3</a><br /><a href="http://loneeagle110.blogspot.com/2010/02/blog-horizontal-menu-for-blogger-4.html" target="_blank">Οριζόντιο Μενού Νο 4</a><br /><a href="http://loneeagle110.blogspot.com/2010/02/blog-horizontal-menu-for-blogger-5.html" target="_blank">Οριζόντιο Μενού Νο 5</a><br /><a href="http://loneeagle110.blogspot.com/2010/02/blog-horizontal-menu-for-blogger-6.html" target="_blank">Οριζόντιο Μενού Νο 6</a><br /><a href="http://loneeagle110.blogspot.com/2010/03/blog-horizontal-menu-for-blogger-7.html" target="_blank">Οριζόντιο Μενού Νο 7</a><br /><a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-menu-fisheye-menu-for.html" target="_blank">Οριζόντιο Μενού Νο 8</a><br /><a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-menu-for-blogger-9.html" target="_blank">Οριζόντιο Μενού Νο 9</a><br /><a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-blue-css-menu-for.html" target="_blank">Οριζόντιο Μενού Νο 10</a><br /><a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-solid-block-menu-for.html" target="_blank">Οριζόντιο Μενού Νο 11</a><br /><a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-glossy-5-colours-menu.html" target="_blank">Οριζόντιο Μενού Νο 12</a><br /><a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-indent-menu-for-blogger.html" target="_blank">Οριζόντιο Μενού Νο 13</a><br /><a href="http://loneeagle110.blogspot.com/2010/04/blog-animated-horizontal-menu-for.html" target="_blank">Οριζόντιο Μενού Νο 14</a><br /><a href="http://loneeagle110.blogspot.com/2010/04/blog-frame-aura-horizontal-menu-for.html" target="_blank">Οριζόντιο Μενού Νο 15</a><br /><a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-css-thick-menu-for.html" target="_blank">Οριζόντιο Μενού Νο 16</a><br /><a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-sleek-pointer-menu-for.html" target="_blank">Οριζόντιο Μενού Νο 17</a><br /><a href="http://loneeagle110.blogspot.com/2010/04/blog-wire-horizontal-chrome-bar-menu.html" target="_blank">Οριζόντιο Μενού Νο 18</a><br /><a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-bevel-menu-for-blogger.html" target="_blank">Οριζόντιο Μενού Νο 19</a><br /><a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-css-green-menu-for.html" target="_blank">Οριζόντιο Μενού Νο 20</a><br /><a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-thick-underline-menu.html" target="_blank">Οριζόντιο Μενού Νο 21</a><br /><a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-inverted-shift-down.html" target="_blank">Οριζόντιο Μενού Νο 22</a><br /><a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-matt-black-menu-for.html" target="_blank">Οριζόντιο Μενού Νο 23</a><br /><a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-inverted-modern-bricks.html" target="_blank">Οριζόντιο Μενού Νο 24</a><br /><a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-overlapping-menu-25.html" target="_blank">Οριζόντιο Μενού Νο 25</a><br /><a href="http://loneeagle110.blogspot.com/2010/05/8-horizontal-vertical-menu-26-8-colours.html" target="_blank">Οριζόντιο Μενού Νο 26</a><br /><a href="http://loneeagle110.blogspot.com/2010/05/blog-horizontal-hover-gray-menu-27.html" target="_blank">Οριζόντιο Μενού Νο 27</a><br /><a href="http://loneeagle110.blogspot.com/2010/05/blog-horizontal-styled-menu-28.html" target="_blank">Οριζόντιο Μενού Νο 28</a><br /><a href="http://loneeagle110.blogspot.com/2010/06/blog-horizontal-dropdown-menu-29-3.html" target="_blank">Οριζόντιο Μενού Νο 29</a><br /><a href="http://loneeagle110.blogspot.com/2010/05/horizontal-blueblack-dropdown-menu-30.html" target="_blank">Οριζόντιο Μενού Νο 30</a><br /><a href="http://loneeagle110.blogspot.com/2010/05/horizontal-light-gray-menu-31.html" target="_blank">Οριζόντιο Μενού Νο 31</a><br /><a href="http://loneeagle110.blogspot.com/2010/05/horizontal-purple-menu-32.html" target="_blank">Οριζόντιο Μενού Νο 32</a><br /><a href="http://loneeagle110.blogspot.com/2010/05/horizontal-dolphin-menu-33.html" target="_blank">Οριζόντιο Μενού Νο 33</a><br /><a href="http://loneeagle110.blogspot.com/2010/05/horizontal-glossy-blood-menu-34.html" target="_blank">Οριζόντιο Μενού Νο 34</a><br /><a href="http://loneeagle110.blogspot.com/2010/06/horizontal-glossy-rounded-blue-menu-35.html" target="_blank">Οριζόντιο Μενού Νο 35</a><br /><a href="http://loneeagle110.blogspot.com/2010/06/horizontal-glossy-rounded-blue-menu-35.html" target="_blank">Οριζόντιο Μενού Νο 36</a><br /><a href="http://loneeagle110.blogspot.com/2010/06/horizontal-glossy-green-menu-37.html" target="_blank">Οριζόντιο Μενού Νο 37</a><br /><a href="http://loneeagle110.blogspot.com/2010/11/horizontal-proof-menu-no-38.html" target="_blank">Οριζόντιο Μενού Νο 38</a><br /><a href="http://loneeagle110.blogspot.com/2010/11/horizontal-slant-menu-no-39.html" target="_blank">Οριζόντιο Μενού Νο 39</a><br /><a href="http://loneeagle110.blogspot.com/2010/06/horizontal-simple-grey-menu-40.html" target="_blank">Οριζόντιο Μενού Νο 40</a><br /><a href="http://loneeagle110.blogspot.com/2010/06/horizontal-orange-blue-menu-41.html" target="_blank">Οριζόντιο Μενού Νο 41</a><br /><a href="http://loneeagle110.blogspot.com/2010/06/horizontal-light-pall-menu-no-42.html" target="_blank">Οριζόντιο Μενού Νο 42</a><br /><a href="http://loneeagle110.blogspot.com/2010/06/horizontal-simple-blue-bubble-menu-43.html" target="_blank">Οριζόντιο Μενού Νο 43</a><br /><a href="http://loneeagle110.blogspot.com/2010/11/horizontal-menu-44-3-colours.html" target="_blank">Οριζόντιο Μενού Νο 44</a><br /><a href="http://loneeagle110.blogspot.com/2010/08/horizontal-simple-fox-menu-45.html" target="_blank">Οριζόντιο Μενού Νο 45</a><br /><a href="http://loneeagle110.blogspot.com/2010/06/horizontal-underline-menu-for-blogger.html" target="_blank">Οριζόντιο Μενού Νο 46</a><br /><a href="http://loneeagle110.blogspot.com/2010/11/horizontal-white-razer-menu-for-blogger.html" target="_blank">Οριζόντιο Μενού Νο 47</a><br /><a href="http://loneeagle110.blogspot.com/2011/01/horizontal-bluewhite-dropdown-menu-48.html" target="_blank">Οριζόντιο Μενού Νο 48</a><br /><a href="http://loneeagle110.blogspot.com/2011/01/horizontal-dolphin-menu-33.html" target="_blank">Οριζόντιο Μενού Νο 51</a><br /><a href="http://loneeagle110.blogspot.com/2011/01/horizontal-pall-menu-52-3-colours-green.html" target="_blank">Οριζόντιο Μενού Νο 52</a><br /><br />Για σχέδια σε Κάθετα μενού δείτε τα....<br /><br /><a href="http://loneeagle110.blogspot.com/2010/02/blog-vertical-menu-for-blogger.html" target="_blank">Κάθετο Μενού Νο 1</a><br /><a href="http://loneeagle110.blogspot.com/2010/05/8-horizontal-vertical-menu-26-8-colours.html" target="_blank">Κάθετο Μενού Νο 2</a><br /><a href="http://loneeagle110.blogspot.com/2010/05/vector-vertical-menu-for-blogger-3.html" target="_blank">Κάθετο Μενού Νο 3</a><br /><a href="http://loneeagle110.blogspot.com/2010/05/sliding-side-menu-4.html" target="_blank">Κάθετο Μενού Νο 4</a><br /><a href="http://loneeagle110.blogspot.com/2010/05/vertical-jazz-menu-no-5.html" target="_blank">Κάθετο Μενού Νο 5</a><br /><a href="http://loneeagle110.blogspot.com/2010/05/vertical-dark-menu-no-6.html" target="_blank">Κάθετο Μενού Νο 6</a><br /><a href="http://loneeagle110.blogspot.com/2010/05/red-velvet-vertical-menu-no-7.html" target="_blank">Κάθετο Μενού Νο 7</a><br /><a href="http://loneeagle110.blogspot.com/2010/05/vertical-rainbow-menu-no-8.html" target="_blank">Κάθετο Μενού Νο 8</a><br /><a href="http://loneeagle110.blogspot.com/2010/05/blackbunny-vertical-menu-no-9.html" target="_blank">Κάθετο Μενού Νο 9</a><br /><a href="http://loneeagle110.blogspot.com/2010/05/vertical-blue-black-menu-no-11.html" target="_blank">Κάθετο Μενού Νο 11</a><br /><a href="http://loneeagle110.blogspot.com/2010/05/light-blue-vertical-menu-no-12.html" target="_blank">Κάθετο Μενού Νο 12</a><br /><a href="http://loneeagle110.blogspot.com/2010/05/glossy-black-vertical-menu-no-13.html" target="_blank">Κάθετο Μενού Νο 13</a><br /><a href="http://loneeagle110.blogspot.com/2010/05/blue-vertical-menu-no-14.html" target="_blank">Κάθετο Μενού Νο 14</a><br /><a href="http://loneeagle110.blogspot.com/2010/05/3d-state-vertical-menu-no-15.html" target="_blank">Κάθετο Μενού Νο 15</a><br /><a href="http://loneeagle110.blogspot.com/2010/06/highlight-vertical-menu-no-16.html" target="_blank">Κάθετο Μενού Νο 16</a><br /><a href="http://loneeagle110.blogspot.com/2010/06/vertical-green-blue-arrow-menu-no-17.html" target="_blank">Κάθετο Μενού Νο 17</a><br /><a href="http://loneeagle110.blogspot.com/2010/06/vertical-urban-menu-no-18.html" target="_blank">Κάθετο Μενού Νο 18</a><br /><a href="http://loneeagle110.blogspot.com/2010/06/vertical-glossyblue-menu-no-20.html" target="_blank">Κάθετο Μενού Νο 20</a><br /><a href="http://loneeagle110.blogspot.com/2010/06/sliding-pink-vertical-menu-no-21.html" target="_blank">Κάθετο Μενού Νο 21</a><br /><a href="http://loneeagle110.blogspot.com/2010/06/purple-button-vertical-menu-no-22.html" target="_blank">Κάθετο Μενού Νο 22</a><br /><a href="http://loneeagle110.blogspot.com/2010/06/vertical-bevel-menu-no-23.html" target="_blank">Κάθετο Μενού Νο 23</a><br /><a href="http://loneeagle110.blogspot.com/2010/05/pure-css-vertical-menu.html" target="_blank">Κάθετο Μενού No 26</a><br /><a href="http://loneeagle110.blogspot.com/2010/06/blue-vertical-menu-no-30.html" target="_blank">Κάθετο Μενού Νο 30</a><br /><a href="http://loneeagle110.blogspot.com/2011/06/blog-slashdot-menu.html" target="_blank">Κάθετο Μενού Νο 32</a><br /></span></h3></center><br /><marquee behavior="alternate" direction="left" scrollamount="3"><strong><em><span style="color:#cc0000;"><h2>ΚΑΛΗ ΕΠΙΤΥΧΙΑ!!!!!</h2></span></em></strong></marquee>

Blogger Help Blogger Tutorials Vertical Menus Slate Gray Vertical Menu ( No 31 ) by LoneEagle.

Συνεχίζουμε να πλουτίζουμε την μεγάλη μας συλλογή στα μενού μ' ένα απλό κάθετο με τη χρήση css για το blogger & όχι μόνο. θα μπείτε ...

Διαβάστε περισσότερα »

Πως να βάλετε στο blog σας πτυσσόμενο Slashdot Menu ( Νο 32 ).

<br/><br /><h3 class="post-title entry-title"><span style="color:#99A3FF;">Σε αυτό το tutorial θα δούμε πως να δημιουργήσουμε ένα όμορφο και κομψό πτυσσόμενο Slashdot sidebar μενού.<br /><br /><div class="separator" style="clear: both; text-align: center;"><br /><a href="http://3.bp.blogspot.com/_L116RpGjEMY/TDMr1uHv6kI/AAAAAAAACYw/vu3ZbUPYDpc/s1600/Slashdot-Menu.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/_L116RpGjEMY/TDMr1uHv6kI/AAAAAAAACYw/vu3ZbUPYDpc/s320/Slashdot-Menu.png" /></a></div><br /><br />1 ) Πρώτα απ' όλα θα κατεβάστε <a href="http://www.dynamicdrive.com/dynamicindex1/sdmenu.zip" target="_blank" title="sdmenu.zip">sdmenu.zip</a> , αμέσως μετά κάνετε Extract στο rar και ανοίξτε το αρχείο.<br /><br /><img align="middle" border="0" src="http://www.dotnetscraps.com/samples/bullets/010.gif" style="border-width: 0px;" /> Μέσα στο φάκελο θα βρείτε κάποια  <u><span style="color: red;"><b>GIF εικονίδια</b></span></u> , <u><span style="color: red;"><b>sdmenu.js</b></span></u>  και <u><span style="color: red;"><b>sdmenu.css</b></span></u> αρχεια.<br /><br /><img align="middle" border="0" src="http://www.dotnetscraps.com/samples/bullets/010.gif" style="border-width: 0px;" /> Ανεβάστε όλα τα <u><span style="color: red;"><b>GIF εικονίδια</b></span></u>  και το  <u><span style="color: red;"><b>sdmenu.js</b></span></u>  στο δικό σας  <a href="http://bloggertrics.blogspot.com/2009/10/scripts.html" target="_blank" title="Λίστα με καλύτερες ιστοσελίδες δωρεάν φιλοξενίας αρχείων για τις εικόνες και τα scripts σας">Free file hosting and file sharing site</a><br /><br /><img align="middle" border="0" src="http://www.dotnetscraps.com/samples/bullets/010.gif" style="border-width: 0px;" /> Αμέσως μετά , ανοίγετε το  <u><span style="color: red;"><b>sdmenu.css</b></span></u>:<br /><br /><div class="code"><div class="code_content"><br />div.sdmenu {<br /> width: 150px;<br /> font-family: Arial, sans-serif;<br /> font-size: 12px;<br /> padding-bottom: 10px;<br /> background: url(bottom.gif) no-repeat right bottom;<br /> color: #fff;<br /> }<br /> div.sdmenu div {<br /> background: url(title.gif) repeat-x;<br /> overflow: hidden;<br /> }<br /> div.sdmenu div:first-child {<br /> background: url(toptitle.gif) no-repeat;<br /> }<br /> div.sdmenu div.collapsed {<br /> height: 25px;<br /> }<br /> div.sdmenu div span {<br /> display: block;<br /> padding: 5px 25px;<br /> font-weight: bold;<br /> color: white;<br /> background: url(expanded.gif) no-repeat 10px center;<br /> cursor: default;<br /> border-bottom: 1px solid #ddd;<br /> }<br /> div.sdmenu div.collapsed span {<br /> background-image: url(collapsed.gif);<br /> }<br /> div.sdmenu div a {<br /> padding: 5px 10px;<br /> background: #eee;<br /> display: block;<br /> border-bottom: 1px solid #ddd;<br /> color: #066;<br /> }<br /> div.sdmenu div a.current {<br /> background : #ccc;<br /> }<br /> div.sdmenu div a:hover {<br /> background : #066 url(linkarrow.gif) no-repeat right center;<br /> color: #fff;<br /> text-decoration: none;<br /> }<br /></div></div><br /><br /><img align="middle" border="0" src="http://www.dotnetscraps.com/samples/bullets/010.gif" style="border-width: 0px;" /> Ψάχνετε μέσα στο css script τις εξής γραμμές: <b><i><span style="color: blue;">bottom.gif</span></i></b> <b><span style="color: blue;"><i>title.gif</i></span></b> <b><i><span style="color: blue;">toptitle.gif</span></i></b>, <b><i><span style="color: blue;">expanded.gif</span></i></b>, <span style="color: blue;"><b><i>collapsed.gif</i></b></span> <span style="color: blue;"><b><i>linkarrow.gif</i></b></span><span style="color: orange;"> και αντικαταστήστε τις με τα URL των αντιστοίχων εικονιδίων σας.</span><br /><br />Αποθηκεύετε το css script και το ανεβάζετε κ’ αυτό στο δικό σας <a href="http://bloggertrics.blogspot.com/2009/10/scripts.html" target="_blank" title="Λίστα με καλύτερες ιστοσελίδες δωρεάν φιλοξενίας αρχείων για τις εικόνες και τα scripts σας">Free file hosting and file sharing site</a><br /><br />2) Τώρα πηγαίνουμε  <span style="color: blue;"><b><i>Διάταξη >> </i></b></span><span style="color: blue;"><b><i>Επεξεργασία HTML >> Επέκταση προτύπων γραφικών στοιχείων</i></b></span> και ψάχνουμε στο πρότυπο μας το  <b><span style="color: blue;"><head></span></b> και κολλάμε ακριβώς κατω από το  <span style="color: blue;"><b><head></b></span> τον παρακάτω κώδικα:<br /><br /><div class="code"><div class="code_content"><br /><link rel="stylesheet" type="text/css" href="sdmenu/sdmenu.css" /><br /><script type="text/javascript" src="sdmenu/sdmenu.js"><br />/***********************************************<br />* Slashdot Menu script- By DimX <br />* Submitted to Dynamic Drive DHTML code library: http://www.dynamicdrive.com<br />* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code ***********************************************/ <br /></script><br /><br /><script type="text/javascript"><br /> // <![CDATA[<br /> var myMenu;<br /> window.onload = function() {<br /> myMenu = new SDMenu("my_menu");<br /> myMenu.init();<br /> };<br /> // ]]><br /> </script><br /></div></div><br /><br />Αλλάζετε τα <b><i><span style="color: blue;">sdmenu.css</span></i></b> και <b><span style="color: blue;"><i>sdmenu.js</i></span></b> με τα URL των αντιστοίχων αρχείων σας και αποθηκεύετε το πρότυπο. <br /><br />3 ) Ενεργοποιήστε το Slashdot sidebar Menu:<br /><br />Πηγαίνουμε <span style="color: blue;"><b><i>Διάταξη >></i></b></span> <span style="color: blue;"><b><i>Στοιχεία Σελίδας >></i></b></span> <span style="color: blue;"><b><i>Προσθήκη gadget >> HTML/JavaScript </i></b></span><span style="color: orange;">και εισάγουμε τον παρακάτω κώδικα:</span><br /><br /><div class="code"><div class="code_content"><br /><div class="sdmenu" id="my_menu"><br /><div><br />Webmaster tools<br /><a href="http://bloggertrics.blogspot.com/2009/10/static-image-widget-code-generator.html">Static Image Widget Code Generator</a><br /><a href="http://bloggertrics.blogspot.com/2009/10/google-pagerank-button-blog.html"> Google Pagerank Button Generator</a><br /><a href="http://bloggertrics.blogspot.com/2009/10/broken-link-checker-tool.html">Broken Link Checker tool</a><br /><a href="http://bloggertrics.blogspot.com/2009/09/backlink-checker.html">Backlink Checker</a><br /><a href="http://bloggertrics.blogspot.com/2009/09/free-search-engine-ranker.html">FREE Search Engine Ranker!</a><br /><a href="http://bloggertrics.blogspot.com/2009/09/free-site-submission.html">FREE Site Submission!</a><br /></div><br /><div><br />Blogger Tips<br /><a href="http://bloggertrics.blogspot.com/2009/08/blog.html">Πώς να Ρυθμίσετε Blog σας?!!</a><br /><a href="http://bloggertrics.blogspot.com/">Link to Us</a><br /><a href="http://bloggertrics.blogspot.com/2009/08/template-blogger-blogspot.html">Πως να αλλάξετε το template σας στο Blogger </a><br /></div><br /><div class="collapsed"><br />blogger hacks<br /><a href="http://bloggertrics.blogspot.com/2009/10/css-hover-menu.html">δημιουργήστε μόνο με τη χρήση CSS,ένα όμορφο Hover Menu</a><br /><a href="http://bloggertrics.blogspot.com/2009/10/blog-balloon-tooltip.html">Πως να βάλετε στο blog σας ένα όμορφο Balloon tooltip</a><br /><a href="http://bloggertrics.blogspot.com/2009/10/lcd-blog-javascript_02.html"> LCD ρολόι για το blog σας χρησιμοποιώντας JavaScript</a><br /><a href="http://bloggertrics.blogspot.com/2009/09/scroll-to-top-jquery.html">Προσθέστε " scroll to top " κουμπί χρησιμοποιώντας Jquery</a><br /></div><br /><div><br />Blogger Widgets<br /><a href="http://bloggertrics.blogspot.com/2009/10/static-image-widget-code-generator.html">Static Image Widget Code Generator Για blogger</a><br /><a href="http://bloggertrics.blogspot.com/2009/09/fixed-floating-twitter-follow-me-button.html">Fixed-Floating Twitter Follow Me Button </a><br /><a href="http://bloggertrics.blogspot.com/2009/08/top-posts-widget.html">Top Posts Widget</a><br /><a href="http://bloggertrics.blogspot.com/2009/08/back-links-e-referrer.html">Αυτόματα back links με το e-Referrer</a><br /></div><br /></div><br /></div></div><br /><br />Αλλάζετε τα links με τα δικά σας, κάντε αποθήκευση και ανανεώστε την σελίδα σας για να δείτε το αποτέλεσμα.<br /> <br />Καλή επιτυχία σε όλους !!!<br /><br /><b><i><span style="color: red;"><span style="font-size: large;"><a href="http://bloggertrics-siwd.blogspot.com/">Δείτε το Slashdot Menu σε λειτουργία εδώ :</a></span></span></i></b><br /><div style='clear: both;'></div><br /><br /></span></h3>

Blogger Help Blogger Tutorials Vertical Menus Πως να βάλετε στο blog σας πτυσσόμενο Slashdot Menu ( Νο 32 ).

Σε αυτό το tutorial θα δούμε πως να δημιουργήσουμε ένα όμορφο και κομψό πτυσσόμενο Slashdot sidebar μενού. 1 ) Πρώτα απ' όλα θα κατεβάστ...

Διαβάστε περισσότερα »

Blue Vertical Menu ( No 30 )

</br><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLMGNvhEQXaxOXohklqVrgbTL1nA-prCysXunSs0ojbqtne7TRAmZD9nThpFRQfZMQZ_NO2ijlTUYxRBORvX61PGXxhVo5x4AM8DPOv1B1UmkD7tUYpD21qJoIyiKI6OfHmE5PFuPkKtI/s1600/vertical+menu.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="Blue Vertical Menu, Blogger Help, Blogger Tutorials, Vertical Menus" border="0" id="BLOGGER_PHOTO_ID_5466346549069688098" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLMGNvhEQXaxOXohklqVrgbTL1nA-prCysXunSs0ojbqtne7TRAmZD9nThpFRQfZMQZ_NO2ijlTUYxRBORvX61PGXxhVo5x4AM8DPOv1B1UmkD7tUYpD21qJoIyiKI6OfHmE5PFuPkKtI/s400/vertical+menu.png" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 238px;" /></a><br /><center><img src="http://i41.tinypic.com/t0rt5x.jpg" /></center><br /><br />θα μπείτε στο Πανόπτη σας & μετά >>> Διάταξη >>> Επεξεργασία HTML και θα κάνετε αναζήτηση με το Ctrl + F για το.....<br /><br /><div class="code"><div class="code_content"><br />]]></b:skin><br /></div></div><br /><br />Μόλις το βρείτε πριν από το κλείσιμο του <strong><em><span style="color:#cc0000;">]]></b:skin></span></em></strong><br />Προσθέστε τον παρακάτω κώδικα.<br /><br /><div class="code"><div class="code_content"><br /><!--VERTICAL-MENU-30-STARTS-Widget-by-http://loneeagle110.blogspot.com/--><br />#vertical30{<br />border-bottom-width: 0;<br />}<br />#vertical30 ul{<br />margin: 0;<br />padding: 0;<br />font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif; <br />}<br />#vertical30 a{<br />display: block;<br />padding: 3px 0;<br />padding-left: 9px;<br />width: 200px; <br />text-decoration: none;<br />color: #fff; <br />border-right:1px solid #000000;<br />background-color: #2175bc;<br />border-bottom: 1px solid #90bade;<br />border-left: 7px solid #1958b7;<br />}<br />#vertical30 a:hover {<br />background-color: #2586d7;<br />border-left: 12px solid #1c64d1;<br />width: 195px; <br />}<br />#vertical30 div.menutitle{<br />color: white;<br />border-bottom: 1px solid #053E66;<br />padding: 5px 3px 5px 13px;<br />background-color: black;<br />width: 201px;<br />font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;<br />}<br /><!--VERTICAL-MENU-30-STOPS-Widget-by-http://loneeagle110.blogspot.com/--><br /></div></div><br /><br />Κάνετε αποθήκευση προτύπου & πάμε στο 2ο βήμα.....<br /><br />Πανόπτης ---> Διάταξη ---> Στοιχεία Σελίδας ---> Προσθήκη gadget ---> HTML/JavaScript<br /><br />Και μέσα στο gadget βάζουμε τον παρακάτω κώδικα, χωρίς να προσθεσουμε κάτι στον Τίτλο.<br /><br /><div class="code"><div class="code_content"><br /><!--VERTICAL-MENU-30-STARTS-Widget-by-http://loneeagle110.blogspot.com/--><br /><div id="vertical30"><br /><div class="menutitle">Library</div> <br /><ul><br /><a href="...your link...">Home</a><br /><a href="...your link...">tab 2a</a><br /><a href="...your link...">tab 3a</a><br /><a href="...your link...">tab 4a</a><br /><a href="...your link...">tab 5a</a><br /><a href="...your link...">Contact me</a><br /></ul><br /><div class="menutitle">All about Blogs</div> <br /><ul><br /><a href="...your link...">tab 1b</a><br /><a href="...your link...">tab 2b</a><br /></ul><br /><div class="menutitle">Blogger</div> <br /><ul><br /><a href="...your link...">tab 1c</a><br /><a href="...your link...">tab 2c</a><br /><a href="...your link...">tab 3c</a><br /><a href="...your link...">tab 4c</a><br /><a href="http://loneeagle110.blogspot.com/search/label/Blogger%20Help">Blogger Help</a><br /></ul><br /></div><br /><!--VERTICAL-MENU-30-STOPS-Widget-by-http://loneeagle110.blogspot.com/--><br /></div></div><br /><br />Όπου <strong><em><span style="color:#cc0000;">...your link...</span></em></strong> βάζετε τον σύνδεσμο της αντίστοιχης ετικέτας <strong><em><span style="color:#cc0000;">....tab 1,2,3,4,5 κτλ....</span></em></strong><br /><br /><strong><em><span style="color:#cc0000;">Αν κρατήσετε τον σύνδεσμο Blogger Help που έχει ο παραπάνω κώδικας, ίσως δώσετε την δυνατότητα & στους επισκέπτες σας να μας μάθουν & να μπορέσουν κι αυτοί με τη σειρά τους να βελτιώσουν την σελίδα τους.<br />Μέσα από τις πληροφορίες που σας προσφέρουμε απλόχερα.<br />Εμείς το ελάχιστο που μπορούμε να κάνουμε είναι να σας Ευχαριστήσουμε δημόσια εκ των προτέρων για αυτή σας την κίνηση.</span></em></strong><br /><br />Αφού περάσετε τις ετικέτες που θέλετε κάνετε αποθήκευση & μετά από την διάταξη της σελίδας σας, παίρνεται το gadget & το τοποθετείται ακριβώς κάτω από τη κεφαλίδα σας.<br /><br />Πατάτε ΑΠΟΘΗΚΕΥΣΗ κι είστε ΟΚ.<br /><br /><center>Το αποτέλεσμα:<br /><br /><img src="http://i49.tinypic.com/vqtv5w.jpg" /><br /><br />Για σχέδια σε Οριζόντια Μενού δείτε τα.....<br /><br /><a href="http://loneeagle110.blogspot.com/2010/02/blog-horizontal-menu-for-blogger-1.html" target="_blank">Οριζόντιο Μενού Νο 1 </a><br /><a href="http://loneeagle110.blogspot.com/2010/02/blog-horizontal-menu-for-blogger-2.html" target="_blank">Οριζόντιο Μενού Νο 2 </a><br /><a href="http://loneeagle110.blogspot.com/2010/02/blog-horizontal-menu-for-blogger-3.html" target="_blank">Οριζόντιο Μενού Νο 3 </a><br /><a href="http://loneeagle110.blogspot.com/2010/02/blog-horizontal-menu-for-blogger-4.html" target="_blank">Οριζόντιο Μενού Νο 4 </a><br /><a href="http://loneeagle110.blogspot.com/2010/02/blog-horizontal-menu-for-blogger-5.html" target="_blank">Οριζόντιο Μενού Νο 5 </a><br /><a href="http://loneeagle110.blogspot.com/2010/02/blog-horizontal-menu-for-blogger-6.html" target="_blank">Οριζόντιο Μενού Νο 6 </a><br /><a href="http://loneeagle110.blogspot.com/2010/03/blog-horizontal-menu-for-blogger-7.html" target="_blank">Οριζόντιο Μενού Νο 7 </a><br /><a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-menu-fisheye-menu-for.html" target="_blank">Οριζόντιο Μενού Νο 8 </a><br /><a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-menu-for-blogger-9.html" target="_blank">Οριζόντιο Μενού Νο 9 </a><br /><a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-blue-css-menu-for.html" target="_blank">Οριζόντιο Μενού Νο 10 </a><br /><a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-solid-block-menu-for.html" target="_blank">Οριζόντιο Μενού Νο 11 </a><br /><a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-glossy-5-colours-menu.html" target="_blank">Οριζόντιο Μενού Νο 12 </a><br /><a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-indent-menu-for-blogger.html" target="_blank">Οριζόντιο Μενού Νο 13 </a><br /><a href="http://loneeagle110.blogspot.com/2010/04/blog-animated-horizontal-menu-for.html" target="_blank">Οριζόντιο Μενού Νο 14 </a><br /><a href="http://loneeagle110.blogspot.com/2010/04/blog-frame-aura-horizontal-menu-for.html" target="_blank">Οριζόντιο Μενού Νο 15 </a><br /><a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-css-thick-menu-for.html" target="_blank">Οριζόντιο Μενού Νο 16 </a><br /><a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-sleek-pointer-menu-for.html" target="_blank">Οριζόντιο Μενού Νο 17 </a><br /><a href="http://loneeagle110.blogspot.com/2010/04/blog-wire-horizontal-chrome-bar-menu.html" target="_blank">Οριζόντιο Μενού Νο 18 </a><br /><a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-bevel-menu-for-blogger.html" target="_blank">Οριζόντιο Μενού Νο 19 </a><br /><a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-css-green-menu-for.html" target="_blank">Οριζόντιο Μενού Νο 20 </a><br /><a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-thick-underline-menu.html" target="_blank">Οριζόντιο Μενού Νο 21 </a><br /><a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-inverted-shift-down.html" target="_blank">Οριζόντιο Μενού Νο 22 </a><br /><a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-matt-black-menu-for.html" target="_blank">Οριζόντιο Μενού Νο 23 </a><br /><a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-inverted-modern-bricks.html" target="_blank">Οριζόντιο Μενού Νο 24 </a><br /><a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-overlapping-menu-25.html" target="_blank">Οριζόντιο Μενού Νο 25 </a><br /><a href="http://loneeagle110.blogspot.com/2010/05/8-horizontal-vertical-menu-26-8-colours.html" target="_blank">Οριζόντιο Μενού Νο 26 </a><br /><a href="http://loneeagle110.blogspot.com/2010/05/blog-horizontal-hover-gray-menu-27.html" target="_blank">Οριζόντιο Μενού Νο 27 </a><br /><a href="http://loneeagle110.blogspot.com/2010/05/blog-horizontal-styled-menu-28.html" target="_blank">Οριζόντιο Μενού Νο 28 </a><br /><a href="...." target="_blank">Οριζόντιο Μενού Νο 31 </a><br /><a href="http://loneeagle110.blogspot.com/2010/05/horizontal-glossy-blood-menu-34.html" target="_blank">Οριζόντιο Μενού Νο 34 </a><br /><a href="http://loneeagle110.blogspot.com/2010/06/horizontal-glossy-rounded-blue-menu-35.html" target="_blank">Οριζόντιο Μενού Νο 35 </a><br /><a href="http://loneeagle110.blogspot.com/2010/06/horizontal-simple-grey-menu-40.html" target="_blank">Οριζόντιο Μενού Νο 40 </a><br /><a href="http://loneeagle110.blogspot.com/2010/06/horizontal-orange-blue-menu-41.html" target="_blank">Οριζόντιο Μενού Νο 41 </a><br /><a href="http://loneeagle110.blogspot.com/2010/06/horizontal-light-pall-menu-no-42.html" target="_blank">Οριζόντιο Μενού Νο 42 </a><br /><a href="http://loneeagle110.blogspot.com/2010/06/horizontal-simple-blue-bubble-menu-43.html" target="_blank">Οριζόντιο Μενού Νο 43 </a><br /><a href="http://loneeagle110.blogspot.com/2010/06/horizontal-underline-menu-for-blogger.html" target="_blank">Οριζόντιο Μενού Νο 46 </a><br /><br />Για σχέδια σε Κάθετα μενού δείτε τα....<br /><br /><a href="http://loneeagle110.blogspot.com/2010/02/blog-vertical-menu-for-blogger.html" target="_blank">Κάθετο Μενού Νο 1 </a><br /><a href="http://loneeagle110.blogspot.com/2010/05/8-horizontal-vertical-menu-26-8-colours.html" target="_blank">Κάθετο Μενού Νο 2 </a><br /><a href="http://loneeagle110.blogspot.com/2010/05/vector-vertical-menu-for-blogger-3.html" target="_blank">Κάθετο Μενού Νο 3 </a><br /><a href="http://loneeagle110.blogspot.com/2010/05/sliding-side-menu-4.html" target="_blank">Κάθετο Μενού Νο 4 </a><br /><a href="http://loneeagle110.blogspot.com/2010/05/vertical-jazz-menu-no-5.html" target="_blank">Κάθετο Μενού Νο 5 </a><br /><a href="http://loneeagle110.blogspot.com/2010/05/vertical-dark-menu-no-6.html" target="_blank">Κάθετο Μενού Νο 6 </a><br /><a href="http://loneeagle110.blogspot.com/2010/05/red-velvet-vertical-menu-no-7.html" target="_blank">Κάθετο Μενού Νο 7 </a><br /><a href="http://loneeagle110.blogspot.com/2010/05/vertical-rainbow-menu-no-8.html" target="_blank">Κάθετο Μενού Νο 8 </a><br /><a href="http://loneeagle110.blogspot.com/2010/05/blackbunny-vertical-menu-no-9.html" target="_blank">Κάθετο Μενού Νο 9 </a><br /><a href="http://loneeagle110.blogspot.com/2010/05/vertical-blue-black-menu-no-11.html" target="_blank">Κάθετο Μενού Νο 11 </a><br /><a href="http://loneeagle110.blogspot.com/2010/05/light-blue-vertical-menu-no-12.html" target="_blank">Κάθετο Μενού Νο 12 </a><br /><a href="http://loneeagle110.blogspot.com/2010/05/glossy-black-vertical-menu-no-13.html" target="_blank">Κάθετο Μενού Νο 13 </a><br /><a href="http://loneeagle110.blogspot.com/2010/05/blue-vertical-menu-no-14.html" target="_blank">Κάθετο Μενού Νο 14 </a><br /><a href="http://loneeagle110.blogspot.com/2010/05/3d-state-vertical-menu-no-15.html" target="_blank">Κάθετο Μενού Νο 15 </a><br /><a href="http://loneeagle110.blogspot.com/2010/06/highlight-vertical-menu-no-16.html" target="_blank">Κάθετο Μενού Νο 16 </a><br /><a href="http://loneeagle110.blogspot.com/2010/06/vertical-green-blue-arrow-menu-no-17.html" target="_blank">Κάθετο Μενού Νο 17 </a><br /><a href="http://loneeagle110.blogspot.com/2010/06/vertical-urban-menu-no-18.html" target="_blank">Κάθετο Μενού Νο 18 </a><br /><a href="http://loneeagle110.blogspot.com/2010/06/vertical-glossyblue-menu-no-20.html" target="_blank">Κάθετο Μενού Νο 20 </a><br /><a href="http://loneeagle110.blogspot.com/2010/06/sliding-pink-vertical-menu-no-21.html" target="_blank">Κάθετο Μενού Νο 21 </a><br /><a href="http://loneeagle110.blogspot.com/2010/06/purple-button-vertical-menu-no-22.html" target="_blank">Κάθετο Μενού Νο 22 </a><br /><a href="http://loneeagle110.blogspot.com/2010/06/vertical-bevel-menu-no-23.html" target="_blank">Κάθετο Μενού Νο 23 </a><br /><a href="http://loneeagle110.blogspot.com/2010/06/ddblue-vertical-menu-no-24.html" target="_blank">Κάθετο Μενού Νο 24 </a><br /><a href="http://loneeagle110.blogspot.com/2010/05/pure-css-vertical-menu.html" target="_blank">Κάθετο Μενού Νο No 26 </a><br /><br /></center><br /><marquee behavior="alternate" direction="left" scrollamount="3"><strong><em><span style="color:#cc0000;"><h2>ΚΑΛΗ ΕΠΙΤΥΧΙΑ!!!!!</h2></span></em></strong></marquee>

Blogger Help Blogger Tutorials Vertical Menus Blue Vertical Menu ( No 30 )

θα μπείτε στο Πανόπτη σας & μετά >>> Διάταξη >>> Επεξεργασία HTML και θα κάνετε αναζήτηση με το Ctrl + F για το..... ]...

Διαβάστε περισσότερα »

DDBlue Vertical Menu ( No 24 )

</br><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLMGNvhEQXaxOXohklqVrgbTL1nA-prCysXunSs0ojbqtne7TRAmZD9nThpFRQfZMQZ_NO2ijlTUYxRBORvX61PGXxhVo5x4AM8DPOv1B1UmkD7tUYpD21qJoIyiKI6OfHmE5PFuPkKtI/s1600/vertical+menu.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5466346549069688098" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLMGNvhEQXaxOXohklqVrgbTL1nA-prCysXunSs0ojbqtne7TRAmZD9nThpFRQfZMQZ_NO2ijlTUYxRBORvX61PGXxhVo5x4AM8DPOv1B1UmkD7tUYpD21qJoIyiKI6OfHmE5PFuPkKtI/s400/vertical+menu.png" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 238px;" /></a><br /><br /><center><img src="http://i41.tinypic.com/t0rt5x.jpg" /></center><br /><br />θα μπείτε στο Πανόπτη σας & μετά >>> Διάταξη >>> Επεξεργασία HTML και θα κάνετε αναζήτηση με το Ctrl + F για το.....<br /><br /><pre class="brush: js"><br /></head><br /></pre><br /><br />Μόλις το βρείτε πριν από το κλείσιμο του <strong><em><span style="color:#cc0000;"></head></span></em></strong><br />Προσθέστε τον παρακάτω κώδικα.<br /><br /><pre class="brush: js"><br /><!--VERTICAL-MENU-24-DDBlue-STARTS-Widget-by-http://loneeagle110.blogspot.com/--><br /><style type='text/css'><br />#ddblueblockmenu{<br />border: 1px solid black;<br />border-bottom-width: 0;<br />width: 185px;<br />}<br />#ddblueblockmenu ul{<br />margin: 0;<br />padding: 0;<br />list-style-type: none;<br />font: normal 90% &#39;Trebuchet MS&#39;, &#39;Lucida Grande&#39;, Arial, sans-serif;<br />}<br />#ddblueblockmenu li a{<br />display: block;<br />padding: 3px 0;<br />padding-left: 9px;<br />width: 169px; <br />text-decoration: none;<br />color: white;<br />background-color: #2175bc;<br />border-bottom: 1px solid #90bade;<br />border-left: 7px solid #1958b7;<br />}<br />html #ddblueblockmenu li a{ <br />width: 187px; <br />width: 169px; <br />}<br />#ddblueblockmenu li a:hover {<br />background-color: #2586d7;<br />border-left-color: #1c64d1;<br />}<br />#ddblueblockmenu div.menutitle{<br />color: white;<br />border-bottom: 1px solid black;<br />padding: 1px 0;<br />padding-left: 5px;<br />background-color: black;<br />font: bold 90% &#39;Trebuchet MS&#39;, &#39;Lucida Grande&#39;, Arial, sans-serif;<br />}<br /></style><br /><!--VERTICAL-MENU-24-DDBlue-STOPS-Widget-by-http://loneeagle110.blogspot.com/--><br /></pre><br /><br />Κάνετε αποθήκευση προτύπου & πάμε στο 2ο βήμα.....<br /><br />Πανόπτης ---> Διάταξη ---> Στοιχεία Σελίδας ---> Προσθήκη gadget ---> HTML/JavaScript<br /><br />Και μέσα στο gadget βάζουμε τον παρακάτω κώδικα, χωρίς να προσθεσουμε κάτι στον Τίτλο.<br /><br /><pre class="brush: js"><br /><!--VERTICAL-MENU-24-DDBlue-STARTS-Widget-by-http://loneeagle110.blogspot.com/--><br /><div id="ddblueblockmenu"><br /><div class="menutitle">Library</div><br /><ul><br /><li><a href="...your link..." >Login</a></li><br /><li><a href="...your link..." >Home</a></li><br /><li><a href="...your link..." >tab 3a</a></li><br /><li><a href="...your link..." >tab 4a</a></li><br /><li><a href="...your link..." >tab 5a</a></li><br /><li><a href="http://loneeagle110.blogspot.com/search/label/Blogger%20Tutorials" >Blogger Tutorials</a></li><br /><li><a href="...your link..." >Contact me</a></li><br /></ul><br /><div class="menutitle">Category 2</div><br /><ul><br /><li><a href="...your link..." >tab 1b</a></li><br /><li><a href="...your link..." >tab 2b</a></li><br /><li><a href="...your link..." >tab 3b</a></li> <br /></ul><br /><div class="menutitle">RSS</div><br /><ul><br /><li><a href="...your link..." >Posts</a></li><br /><li><a href="...your link..." >Comments</a></li><br /></ul><br /></div><br /><!--VERTICAL-MENU-24-DDBlue-STOPS-Widget-by-http://loneeagle110.blogspot.com/--><br /></pre><br /><br /><center>Το αποτέλεσμα:<br /><br /><img src="http://i48.tinypic.com/x1d8v4.jpg" /></center><br /><br />Όπου <strong><em><span style="color:#cc0000;">...your link...</span></em></strong> βάζετε τον σύνδεσμο της αντίστοιχης ετικέτας <strong><em><span style="color:#cc0000;">....tab 1,2,3,4,5 κτλ....</span></em></strong><br /><br /><strong><em><span style="color:#cc0000;">Αν κρατήσετε τον σύνδεσμο Blogger Tutorials που έχει ο παραπάνω κώδικας, ίσως δώσετε την δυνατότητα & στους επισκέπτες σας να μας μάθουν & να μπορέσουν κι αυτοί με τη σειρά τους να βελτιώσουν την σελίδα τους.<br />Μέσα από τις πληροφορίες που σας προσφέρουμε απλόχερα.<br />Εμείς το ελάχιστο που μπορούμε να κάνουμε είναι να σας Ευχαριστήσουμε δημόσια εκ των προτέρων για αυτή σας την κίνηση.</span></em></strong><br /><br />Αφού περάσετε τις ετικέτες που θέλετε κάνετε αποθήκευση & μετά από την διάταξη της σελίδας σας, παίρνεται το gadget & το τοποθετείται ακριβώς κάτω από τη κεφαλίδα σας.<br /><br />Πατάτε ΑΠΟΘΗΚΕΥΣΗ κι είστε ΟΚ.<br /><center><br /><br /><a href="http://verticalmenus.blogspot.com/" target="_blank"><img src="http://i45.tinypic.com/1672np3.jpg" /></a><br /><br />Για σχέδια σε κάθετα μενού δείτε τα....<br /><br /><a href="http://loneeagle110.blogspot.com/2010/02/blog-vertical-menu-for-blogger.html" target="_blank">Κάθετο Μενού Νο 1 </a><br /><a href="http://loneeagle110.blogspot.com/2010/05/8-horizontal-vertical-menu-26-8-colours.html" target="_blank">Κάθετο Μενού Νο 2 </a><br /><a href="http://loneeagle110.blogspot.com/2010/05/vector-vertical-menu-for-blogger-3.html" target="_blank">Κάθετο Μενού Νο 3 </a><br /><a href="http://loneeagle110.blogspot.com/2010/05/sliding-side-menu-4.html" target="_blank">Κάθετο Μενού Νο 4 </a><br /><a href="http://loneeagle110.blogspot.com/2010/05/vertical-jazz-menu-no-5.html" target="_blank">Κάθετο Μενού Νο 5 </a><br /><a href="http://loneeagle110.blogspot.com/2010/05/vertical-dark-menu-no-6.html" target="_blank">Κάθετο Μενού Νο 6 </a><br /><a href="http://loneeagle110.blogspot.com/2010/05/red-velvet-vertical-menu-no-7.html" target="_blank">Κάθετο Μενού Νο 7 </a><br /><a href="http://loneeagle110.blogspot.com/2010/05/vertical-rainbow-menu-no-8.html" target="_blank">Κάθετο Μενού Νο 8 </a><br /><a href="http://loneeagle110.blogspot.com/2010/05/blackbunny-vertical-menu-no-9.html" target="_blank">Κάθετο Μενού Νο 9 </a><br /><a href="http://loneeagle110.blogspot.com/2010/05/vertical-blue-black-menu-no-11.html" target="_blank">Κάθετο Μενού Νο 11 </a><br /><a href="http://loneeagle110.blogspot.com/2010/05/light-blue-vertical-menu-no-12.html" target="_blank">Κάθετο Μενού Νο 12 </a><br /><a href="http://loneeagle110.blogspot.com/2010/05/glossy-black-vertical-menu-no-13.html" target="_blank">Κάθετο Μενού Νο 13 </a><br /><a href="http://loneeagle110.blogspot.com/2010/05/blue-vertical-menu-no-14.html" target="_blank">Κάθετο Μενού Νο 14 </a><br /><a href="http://loneeagle110.blogspot.com/2010/05/3d-state-vertical-menu-no-15.html" target="_blank">Κάθετο Μενού Νο 15 </a><br /><a href="http://loneeagle110.blogspot.com/2010/06/highlight-vertical-menu-no-16.html" target="_blank">Κάθετο Μενού Νο 16 </a><br /><a href="http://loneeagle110.blogspot.com/2010/06/vertical-green-blue-arrow-menu-no-17.html" target="_blank">Κάθετο Μενού Νο 17 </a><br /><a href="http://loneeagle110.blogspot.com/2010/06/vertical-urban-menu-no-18.html" target="_blank">Κάθετο Μενού Νο 18 </a><br /><a href="http://loneeagle110.blogspot.com/2010/06/vertical-glossyblue-menu-no-20.html" target="_blank">Κάθετο Μενού Νο 20 </a><br /><a href="http://loneeagle110.blogspot.com/2010/06/sliding-pink-vertical-menu-no-21.html" target="_blank">Κάθετο Μενού Νο 21 </a><br /><a href="http://loneeagle110.blogspot.com/2010/06/purple-button-vertical-menu-no-22.html" target="_blank">Κάθετο Μενού Νο 22 </a><br /><a href="http://loneeagle110.blogspot.com/2010/06/vertical-bevel-menu-no-23.html" target="_blank">Κάθετο Μενού Νο 23 </a><br /><a href="http://loneeagle110.blogspot.com/2010/05/pure-css-vertical-menu.html" target="_blank">Κάθετο Μενού Νο No 26 </a><br /><br />Για σχέδια σε Οριζόντια Μενού δείτε τα.....<br /><br /><a href="http://loneeagle110.blogspot.com/2010/02/blog-horizontal-menu-for-blogger-1.html" target="_blank">Οριζόντιο Μενού Νο 1 </a><br /><a href="http://loneeagle110.blogspot.com/2010/02/blog-horizontal-menu-for-blogger-2.html" target="_blank">Οριζόντιο Μενού Νο 2 </a><br /><a href="http://loneeagle110.blogspot.com/2010/02/blog-horizontal-menu-for-blogger-3.html" target="_blank">Οριζόντιο Μενού Νο 3 </a><br /><a href="http://loneeagle110.blogspot.com/2010/02/blog-horizontal-menu-for-blogger-4.html" target="_blank">Οριζόντιο Μενού Νο 4 </a><br /><a href="http://loneeagle110.blogspot.com/2010/02/blog-horizontal-menu-for-blogger-5.html" target="_blank">Οριζόντιο Μενού Νο 5 </a><br /><a href="http://loneeagle110.blogspot.com/2010/02/blog-horizontal-menu-for-blogger-6.html" target="_blank">Οριζόντιο Μενού Νο 6 </a><br /><a href="http://loneeagle110.blogspot.com/2010/03/blog-horizontal-menu-for-blogger-7.html" target="_blank">Οριζόντιο Μενού Νο 7 </a><br /><a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-menu-fisheye-menu-for.html" target="_blank">Οριζόντιο Μενού Νο 8 </a><br /><a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-menu-for-blogger-9.html" target="_blank">Οριζόντιο Μενού Νο 9 </a><br /><a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-blue-css-menu-for.html" target="_blank">Οριζόντιο Μενού Νο 10 </a><br /><a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-solid-block-menu-for.html" target="_blank">Οριζόντιο Μενού Νο 11 </a><br /><a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-glossy-5-colours-menu.html" target="_blank">Οριζόντιο Μενού Νο 12 </a><br /><a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-indent-menu-for-blogger.html" target="_blank">Οριζόντιο Μενού Νο 13 </a><br /><a href="http://loneeagle110.blogspot.com/2010/04/blog-animated-horizontal-menu-for.html" target="_blank">Οριζόντιο Μενού Νο 14 </a><br /><a href="http://loneeagle110.blogspot.com/2010/04/blog-frame-aura-horizontal-menu-for.html" target="_blank">Οριζόντιο Μενού Νο 15 </a><br /><a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-css-thick-menu-for.html" target="_blank">Οριζόντιο Μενού Νο 16 </a><br /><a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-sleek-pointer-menu-for.html" target="_blank">Οριζόντιο Μενού Νο 17 </a><br /><a href="http://loneeagle110.blogspot.com/2010/04/blog-wire-horizontal-chrome-bar-menu.html" target="_blank">Οριζόντιο Μενού Νο 18 </a><br /><a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-bevel-menu-for-blogger.html" target="_blank">Οριζόντιο Μενού Νο 19 </a><br /><a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-css-green-menu-for.html" target="_blank">Οριζόντιο Μενού Νο 20 </a><br /><a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-thick-underline-menu.html" target="_blank">Οριζόντιο Μενού Νο 21 </a><br /><a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-inverted-shift-down.html" target="_blank">Οριζόντιο Μενού Νο 22 </a><br /><a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-matt-black-menu-for.html" target="_blank">Οριζόντιο Μενού Νο 23 </a><br /><a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-inverted-modern-bricks.html" target="_blank">Οριζόντιο Μενού Νο 24 </a><br /><a href="http://loneeagle110.blogspot.com/2010/04/blog-horizontal-overlapping-menu-25.html" target="_blank">Οριζόντιο Μενού Νο 25 </a><br /><a href="http://loneeagle110.blogspot.com/2010/05/8-horizontal-vertical-menu-26-8-colours.html" target="_blank">Οριζόντιο Μενού Νο 26 </a><br /><a href="http://loneeagle110.blogspot.com/2010/05/blog-horizontal-hover-gray-menu-27.html" target="_blank">Οριζόντιο Μενού Νο 27 </a><br /><a href="http://loneeagle110.blogspot.com/2010/05/blog-horizontal-styled-menu-28.html" target="_blank">Οριζόντιο Μενού Νο 28 </a><br /><a href="...." target="_blank">Οριζόντιο Μενού Νο 31 </a><br /><a href="http://loneeagle110.blogspot.com/2010/05/horizontal-glossy-blood-menu-34.html" target="_blank">Οριζόντιο Μενού Νο 34 </a><br /><a href="http://loneeagle110.blogspot.com/2010/06/horizontal-glossy-rounded-blue-menu-35.html" target="_blank">Οριζόντιο Μενού Νο 35 </a><br /><a href="http://loneeagle110.blogspot.com/2010/06/horizontal-underline-menu-for-blogger.html" target="_blank">Οριζόντιο Μενού Νο 46 </a><br /><br /></center><br /><marquee behavior="alternate" direction="left" scrollamount="3"><strong><em><span style="color:#cc0000;"><h2>ΚΑΛΗ ΕΠΙΤΥΧΙΑ!!!!!</h2></span></em></strong></marquee><br /><br /><center><strong><em><span style="color:#cc0000;">Στην περίπτωση που κάπου δυσκολευτείτε μπορείτε να επικοινωνήσετε μαζί μου στο email: loneeagle110@gmail.com</span></em></strong></center>

Blogger Help Blogger Tutorials Vertical Menus DDBlue Vertical Menu ( No 24 )

θα μπείτε στο Πανόπτη σας & μετά >>> Διάταξη >>> Επεξεργασία HTML και θα κάνετε αναζήτηση με το Ctrl + F για το..... ...

Διαβάστε περισσότερα »