
<script src="http://www.iblogerz.5gigs.net/sliding-side-bar-left/js/prototype.js" type="text/javascript"></script>
<script src="http://www.iblogerz.5gigs.net/sliding-side-bar-left/js/effects.js" type="text/javascript"></script>
<script src="http://www.iblogerz.5gigs.net/sliding-side-bar-left/js/side-bar.js" type="text/javascript"></script>
<style>
body{
font-size:75%;
}
a{
outline: none;
}
a:active{
outline: none;
}
#sideBar{
text-align:left;
}
#sideBar h2{
color:#FFFFFF;
margin:10px 10px 10px 10px;
font-weight:bold !important;
}
#sideBar h2 span{
font-size:125%;
font-weight:normal !important;
}
#sideBar ul{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#sideBar{
position: fixed;
width: auto;
height: auto;
top: 90px;
right:0px;
background-position:top right;
background-repeat:repeat-y;
}
#sideBarTab{
float:left;
height:137px;
width:110px;
}
#sideBarTab img{
border:0px solid 0B0101;
}
#sideBarContents{
float:left;
overflow:hidden !important;
width:210px;
height:430px;
}
#sideBarContentsInner{
width:200px;
}</style>
<div id="sideBar">
<div id="sideBarContents" style="display:none;">
<div id="sideBarContentsInner">
<h2>side<span>bar</span></h2>
<ul>
<!-- BOX -->
<center>{ΧΡΟΝΙΑ ΠΟΛΛΑ ΚΑΙ ΕΥΤΥΧΙΣΜΕΝΟ ΤΟ 2011} </center> <center>{MERRY CHRISTMAS AND HAPPY NEW YEAR}</center>
<!-- END BOX -->
</ul>
</div> </div>
<a id="sideBarTab" > <img alt="sideBar" src="http://i1029.photobucket.com/albums/y353/pantelakos/santa2.gif" title="ΓΙΟΡΤΙΝΕΣ ΕΥΧΕΣ" />
</a></div>
(επειδή δεν κατάλαβα γρι απο τη γλώσσα αυτή, μπορεί κατά τη μετατροπή, να άφησα και άσχετα πράγματα, αλλά δουλεύει σωστά...δείτε το δεξιά )
...Πατάτε ΑΠΟΘΗΚΕΥΣΗ...και αυτό είναι όλο !Μπορείτε να δείτε το DEMO στο blog μου !
Φυσικά, μπορείτε να αλλαξετε το μήνυμα που έχω βάλλει, με ένα δικό σας...
(ΠΡΟΣΟΧΗ!Ο κώδικας αυτός μπορεί να δημιουργήσει πρόβλημα σε κάποιο άλλο κώδικα με js...στη σελίδα σας.Οι πιθανότητες να αποτύχει είναι πολύ λίγες ...αξίζει όμως τον κόπο να το δοκιμάσετε.)
..καλη επιτυχια !!! και να θυμάστε οτι μαθαίνουμε μόνο όταν κάνουμε λάθη...χοχο
