Ads 468x60px

Featured Posts

  • Cougar

    Ενσωμάτωση υποτίτλων..

  • Lions

    Social network widget...

  • Snowalker

    Free Video to JPG Converter..

  • Howling

    Twitter Like box..Η λύση!!

  • Sunbathing

    JavaScript Image Slider ...

Πέμπτη, 30 Μαΐου 2019

History Eraser - Cleaner

Φίλες και φίλοι γεια σας, σήμερα θα δούμε ένα πολύ ωραίο cleaner apk
το History Eraser το οποίο διατίθεται για συσκευέ
ς με λειτουργικό σύστημα
Android!Είναι ένας καθαριστής τηλεφώνου πολύ απλός και εύκολος στην χρήση του, με τον οποίο μπορούμε να καθαρίζουμε τα περιττά αρχεία από την συσκευή μας!










Η λειτουργία του είναι πολύ απλή απλά ανοίγεται το πρόγραμμα και  πατάτε το Clean!
Καθαρίζει ιστορικά, κλήσεις, το Cache των εφαρμογών και άλλα πολλά!





Καλή επιτυχία!!! 


 Μέγεθος:-->
Διαφέρει ανάλογα με τη συσκευή 
 Έκδοση Αndroid:-->



 Edit by

Τετάρτη, 29 Μαΐου 2019

Free Privacy Eraser

Φίλες και φίλοι γεια σας σε αυτή την ανάρτηση θα δούμε το Free Privacy Eraser, ένα
πολύ καλό cleaner app (καθαριστικό πρόγραμμα) για το καθάρισμα και την ιδιωτικότητα μας! Η κύρια
λειτουργία του είναι να καθαρίζει τους browsers μας από όλη τους την κίνηση στο διαδίκτυο!
Ελαφρύ, μικρό αλλά θαυματουργό cleaner!



                                      

Μπορείτε να το κατεβάσετε από ΕΔΩ



Μόλις κατέβει διπλό κλικ στο αρχείο, πατάμε Επόμενο και ακολουθούμε τον
εικονογραφημένο οδηγό:










Μην ξεχνάτε να διαλέγετε πάντα από αριστερά τους browsers και να "κλικάρετε" τα
κουτάκια που θέλετε για το καθάρισμα!Είναι πολύ εύκολο στην χρήση του!

Καλή επιτυχία!!





Edit by


Δευτέρα, 13 Μαΐου 2019

Vertical Social Bar

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε
μία Vertical 
Social Bar για τα blog μας!Μία απλή κάθετη μπάρα χωρίς
εφέ και κώδικες,
με μεγάλα social εικονίδια που μπορείτε να την τοποθετήσετε
στην δεξιά η
αριστερή sidebar της σελίδας σας!









Η εγκατάσταση είναι απλή και

για να το εγκαταστήσετε και εσείς:
 
Πηγαίνετε blogger--> Διάταξη -->

Προσθήκη gadget-->HTML/JavaScript 

 και στο παράθυρο που θα ανοίξει επικολλήστε τον ακόλουθο κώδικα--

..............................................................................................................................................................

<center><a href="ΕΔΩ ΤΟ URL ΑΠΟ ΤΟ FACEBOOK" target="_blank"><img src="https://lh5.googleusercontent.com/-Zo8Ea1ROajk/VE7bqf5NMtI/AAAAAAAAQbs/7M7ABIwD8WE/s256/social_media_icons_flat_shadow_set_256x256_0000_facebook.png"width="100px" height="100px"title="Enter Facebook" /></a></center>

<center><a href="
ΕΔΩ ΤΟ URL ΑΠΟ ΤΟ GOOGLE PLUS" target="_blank"><img src="https://lh3.googleusercontent.com/-4OU4Ft0QKxg/VE7brKZMWXI/AAAAAAAAQbs/lhQhEnssueQ/s256/social_media_icons_flat_shadow_set_256x256_0003_google%252B.png"width="100px" height="100px"title="Enter Google+" /></a></center>

<center><a href="
ΕΔΩ ΤΟ URL ΑΠΟ ΤΟ TWITTER" target="_blank"><img src="https://lh3.googleusercontent.com/-rF27aD1V1NY/VE7bq2MVXhI/AAAAAAAAQYA/GzFcvT_uJvc/s256/social_media_icons_flat_shadow_set_256x256_0002_twitter.png"width="100px" height="100px"title="Enter Twitter" /></a></center>

<center><a href="
ΕΔΩ ΤΟ URL ΑΠΟ ΤΟ YOUTUBE" target="_blank"><img src="https://lh4.googleusercontent.com/-L3drvZ8hzto/VE7brlZzdCI/AAAAAAAAQYM/L9vI7kyFh90/s256/social_media_icons_flat_shadow_set_256x256_0004_youtube.png"width="100px" height="100px"title="Enter Youtube" /></a></center>

<center><a href="
ΕΔΩ ΤΟ URL ΑΠΟ ΤΟ LINKEDIN" target="_blank"><img src="https://lh6.googleusercontent.com/-BPjvJ92jUi8/VE7bsH7DBcI/AAAAAAAAQYU/ObYNOGyKQ64/s256/social_media_icons_flat_shadow_set_256x256_0010_linkedin.png"width="100px" height="100px"title="Enter
Linkedin" /></a></center> 
...............................................................................................................................................................
ΑΛΛΑΓΕΣ

Βάλτε όλα τα δικά σας urls που έχετε στα social media στα αντίστοιχα σημεία του κώδικα,
προσέξτε όλο το url όχι μόνο το username και πατήστε Αποθήκευση!Αυτό ήταν!


Καλή επιτυχία!!! 



 Edit by

Παρασκευή, 10 Μαΐου 2019

3D flying book navigation menu bar

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε ένα οριζόντιο
menu για τα blog μας!Είναι αρκετά μεγάλο σε κατηγορίες, διαθέτει ένα 
πολύ ωραίο 3d flying effect και είναι ιδανικό για blogs που διαθέτουν
πολλές κατηγορίες θεμάτων!






 Πηγαίνετε blogger--> Διάταξη -->

Προσθήκη gadget-->HTML/JavaScript 

και στο παράθυρο που θα ανοίξει κάντε 


επικόλληση τον ακόλουθο κώδικα:-->

......................................................................................................................................................

<style type="text/css">
.menuHolder {margin:25px 0 100px 0; text-align:center; position:relative; height:40px; z-index:20; background:#069;
background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
background-image: -webkit-linear-gradient(-90deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
background-image: -o-linear-gradient(-90deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
background-image: linear-gradient(-90deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
border-radius:8px;
box-shadow:0 15px 10px -8px rgba(0,0,0,0.4);
-moz-perspective: 100px;
-webkit-perspective: 100px;
-o-perspective: 100px;
perspective: 100px;
}
.menuHolder ul.nav li {display:inline-block; display:inline;}
.menuHolder ul.nav {padding:0; margin:0; list-style:none; display:inline-block;
-moz-transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.menuHolder ul.nav li {float:left; display:block; padding:0 4px;}
.menuHolder ul.nav > li {-moz-transform-style: preserve-3d;-webkit-transform-style: preserve-3d;}
.menuHolder ul.nav li a.top-a {display:block; text-decoration:none; margin-top:4px; float:left; height:36px;}
.menuHolder ul.nav li a.top-a b {display:block; padding:0 20px; font:normal 14px/30px arial, sans-serif; color:#fff;}
.menuHolder ul.nav li:hover a.top-a {background:#09c; border-radius:8px 8px 0 0;
-moz-box-shadow:inset 0px 3px 3px rgba(0, 0, 0, 0.4);
-webkit-box-shadow:inset 0px 3px 3px rgba(0, 0, 0, 0.4);
-o-box-shadow:inset 0px 3px 3px rgba(0, 0, 0, 0.4);
box-shadow:inset 0px 3px 3px rgba(0, 0, 0, 0.4);
}
.menuHolder ul.nav div {position:absolute; top:40px; left:4px; background:#09c; padding:5px 0 10px 0;
border-radius:0 0 15px 15px;
box-shadow:0 15px 10px -8px rgba(0,0,0,0.4);
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
-moz-transform-origin: 0px 0px;
-moz-transform: rotateX(-90deg);
-webkit-transform-origin: 0px 0px;
-webkit-transform: rotateX(-90deg);
-o-transform-origin: 0px 0px;
-o-transform: rotateX(-90deg);
transform-origin: 0px 0px;
transform: rotateX(-90deg);
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
}
.menuHolder ul.nav div.left {left:auto; right:4px;}
.menuHolder ul.nav div ul {padding:10px 0; list-style:none; width:140px; margin:10px 5px 0 5px; float:left; display:inline; text-align:left; background:#fff; border-radius:6px;
-moz-box-shadow:inset 0px 3px 3px rgba(0, 0, 0, 0.4);
-webkit-box-shadow:inset 0px 3px 3px rgba(0, 0, 0, 0.4);
-o-box-shadow:inset 0px 3px 3px rgba(0, 0, 0, 0.4);
box-shadow:inset 0px 3px 3px rgba(0, 0, 0, 0.4);
}
.menuHolder ul.nav div ul.colLeft {margin-left:10px;}
.menuHolder ul.nav div ul.colRight {margin-right:10px;}
.menuHolder ul.nav div ul.colSingle {margin-left:10px; margin-right:10px;}
.menuHolder ul.nav div ul li {float:left; border-bottom:1px dotted #09c; margin:0 5px 0 5px; display:inline;}
.menuHolder ul.nav div ul li:last-child {border:0;}
.menuHolder ul.nav div ul li a {display:block; width:105px; text-decoration:none; font:13px/16px arial, sans-serif; color:#069; margin:0; padding:4px 0 4px 15px; background:transparent url(droplistcolumns/arrow.gif) no-repeat left center;}
.menuHolder ul.nav div ul li a:hover {color:#09c; background:transparent url(droplistcolumns/arrow.gif) no-repeat 1px center;}
.menuHolder ul.nav div.col1 {width:160px;}
.menuHolder ul.nav div.col2 {width:310px;}
.menuHolder ul.nav div.col3 {width:460px;}
.menuHolder ul.nav li:hover div {
-moz-transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
}
</style>
<div id="info">
<div class="menuHolder">
<ul class="nav">
<li><a class="top-a" href="#url"><b>Αρχική</b></a></li>
<li><a class="top-a" href="#url"><b>Blogger</b></a>
<div class="col3">
<ul class="colLeft">
<li><a href="#url">Γενικές ειδήσεις</a></li>
<li><a href="#url">blogger design</a></li>
<li><a href="#url">blogger tips</a></li>
<li><a href="#url">blogger seo</a></li>
<li><a href="#url">Ποδόσφαιρο</a></li>
</ul>
<ul class="col">
<li><a href="#url">Related post</a></li>
<li><a href="#url">Popular post</a></li>
<li><a href="#url">Recent Post</a></li>
<li><a href="#url">Chat widget</a></li>
</ul>
<ul class="colRight">
<li><a href="#url">navigation menu</a></li>
<li><a href="#url">Side menu</a></li>
<li><a href="#url">Επικοινώνια</a></li>
<li><a href="#url">Vertical menu</a></li>
</ul>
</div>
</li>
<li><a class="top-a" href="#url"><b>Αθλητικά</b></a>
<div class="col2">
<ul class="colLeft">
<li><a href="#url">Header</a></li>
<li><a href="#url">Footer</a></li>
<li><a href="#url">Post</a></li>
<li><a href="#url">Links</a></li>
<li><a href="#url">Menu</a></li>
</ul>
<ul class="colRight">
<li><a href="#url">Mobile </a></li>
<li><a href="#url">Mobile traffic</a></li>
<li><a href="#url">Mobile seo</a></li>
<li><a href="#url">small screen</a></li>
</ul>
</div>
</li>
<li><a class="top-a" href="#url"><b>Contact</b></a>
<div class="col1">
<ul class="colSingle">
<li><a href="#url">Email ID</a></li>
<li><a href="#url">Mobile No.</a></li>
<li><a href="#url">Contact Form</a></li>
<li><a href="#url">My email</a></li>
</ul>
</div>
</li>
<li><a class="top-a" href="#url"><b>Πιλότος</b></a></li>
<li><a class="top-a" href="#url"><b>Benefits</b></a>
<div class="col2 left">
<ul class="colLeft">
<li><a href="#url">Κίνηση</a></li>
<li><a href="#url">Permanent Links</a></li>
<li><a href="#url">Alexa Rank</a></li>
<li><a href="#url">High page rank</a></li>
</ul>
<ul class="colRight">
<li><a href="#url">Snow Hotel</a></li>
<li><a href="#url">Εσωτερικά</a></li>
<li><a href="#url">Ice Cavern</a></li>
<li><a href="#url">Καιρός</a></li>
</ul>
</div>
</li>
</ul>
</div>
<br /><br /><br /><br /><br /><br /><br /><br />
</div> <!-- end info -->
............................................................................................................................................................
 ΑΛΛΑΓΕΣ

#url-->  Αντικαταστήστε όλα τα #url με τα urls (links) των δικών

σας διευθύνσεων!   


 Αρχική-->  Εδώ βάζετε τις δικές σας ονομασίες που

θέλετε να φαίνονται στις ετικέτες του menu!

Mόλις τελειώσετε από όλα Αποθήκευση και έτοιμοι! 


Καλή επιτυχία!!! 


Πηγή κώδικα 
thanks to avdhootblogger.com



 Edit by

Τετάρτη, 8 Μαΐου 2019

VideoGrabby - Κατέβασε Βίντεο και Mp3 από το Youtube

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε μία online υπηρεσία
το VideoGrabby, το οποίο σου επιτρέπει να κατεβάσεις απευθείας και εντελώς
δωρεάν υλικό από το Youtube!

Μπορείτε να κατεβάσετε όλο το video η μόνο τον ήχο του κομματιού σε Mp3!

Η διαδικασία είναι πολύ απλή:

1ον:Πηγαίνετε στο Youtube και αντιγράφετε την διεύθυνση (URL) του κομματιού
που θέλετε πάνω από την μπάρα εργασίας του Browser σας, και κατόπιν

πηγαίνετε στην ιστοσελίδα:



και κάνετε επικόλληση το Link 









2ον:όπως βλέπετε στην πάνω εικόνα μετά την επικόλληση(paste) απλά διαλέγεται σε
τι τύπο αρχείου θα κατεβάσετε(download) το κομμάτι!

Αυτό ήταν!!

Υγ:Στην ιστοσελίδα όπως θα δείτε αναφέρει ότι το πρόγραμμα λειτουργεί και με άλλες
υπηρεσίες όπως, Soundcloud , Vimeo, και πολλά άλλα!Μέχρι στιγμής δοκιμάστηκε στο 
Youtube χωρίς κανένα πρόβλημα!

 Homepage


Καλή επιτυχία!!!



 Edit by

Τρίτη, 7 Μαΐου 2019

Reverse image search: Δείτε αν έχουν χρησιμοποιηθεί αλλού οι εικόνες σας

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε έναν απλό τρόπο
με τον οποίο μπορούμε να ελέγξουμε αν οι φωτογραφίες μας που έχουμε
δημοσιεύσει κάποια στιγμή, έχουν χρησιμοποιηθεί από άλλους στο internet!


Η μία ευρέως γνωστή λύση που υιοθετούν όλο και περισσότερα sites & blogs 
έχει να κάνει με την προσθήκη υδατογραφήματος (watermark) στις 
φωτογραφίες, πχ το λογότυπο η banner του blog μας, η κάποιο  
άλλο συνθηματικό!

Σε παλαιότερες φωτογραφίες που δεν έχει χρησιμοποιηθεί αυτή η λύση, η απλά
θέλουμε να δούμε αν έχουν χρησιμοποιηθεί και αλλού οι εικόνες μας,
τότε τι κάνουμε...?


Εδώ έρχεται η ιστοσελίδα  http://tineye.com/     μέσω της οποίας
μπορούμε να κάνουμε upload την εικόνα μας η να βάλουμε στο ανάλογο
πεδίο την διεύθυνση της(url) και αυτομάτως η ιστοσελίδα σκανάρει μέσα
από μια μεγάλη γκάμα εκατομμυρίων εικόνων(Μπορεί βέβαια στα Databases
που θα γίνει το scan να υπάρχει η πιθανότητα να μην είναι η εικόνα μας, το
αναφέρω απλά σαν ένα μικρό περιθώριο λάθους, αν και το σκανάρισμα 
είναι αρκετά μεγάλο σε εύρος ) την διεύθυνση της εικόνας μας:








Κάνουμε upload την εικόνα μας αριστερά η αντιγράφουμε την διεύθυνση της δεξιά
και πατάμε Search










Όπως βλέπετε στην πάνω εικόνα μετά το "σκανάρισμα", σας δείχνει το αποτέλεσμα του!
Αν δεν έχει χρησιμοποιηθεί η εικόνα θα δείτε το αντίστοιχο αποτέλεσμα το 0 Results
δηλαδή, αλλιώς στο αντίθετο αποτέλεσμα θα δείτε πόσες φορές και που έχει
χρησιμοποιηθεί η ανάλογη φωτογραφία!



 http://tineye.com/


 Καλή επιτυχία!!! 


Homepage









Edit by

Πέμπτη, 21 Μαρτίου 2019

Facebook & Twitter follow me gadget

Φίλες και φίλοι γεια σας, σε αυτήν την ανάρτηση θα δούμε ένα πολύ ωραίο follow me
gadget για facebook και twitter  με floating icons!

Όπως και όλα τα άλλα
παρόμοια gadget & widgets τοποθετείτε σε όποιο σημείο του blog μας θέλουμε και βοηθά
τους αναγνώστες μας, να μας ακολουθήσουν στα διάσημα Social networks!









Η εγκατάσταση είναι και εδώ πολύ απλή..


Πηγαίνετε blogger--> Διάταξη -->


Προσθήκη gadget-->HTML/JavaScript 


και στο παράθυρο που θα ανοίξει επικολλήστε τον ακόλουθο κώδικα-->

...........................................................................................................................................

<div id="Follow-Fb.Twt"><div style="position:fixed; top:40px; right:20px;">
<a href="http://twitter.com/twitter username" target="_blank"><img title=
"Follow Us
 On Twitter"  src="https://lh6.googleusercontent.com/-
qXiEI4g6Hl4/Ud7itsU5mjI
/AAAAAAAAC-c/nRegebya0j8/s100/twitter%2520follow.png" border="0" /></a>
<div style="margin-top:15px; z-index:999px;"><a href="
http://www.facebook.com
/facebook username" target="_blank"><img src="
https://lh3.googleusercontent.com/
-NjbMvm
_04Zw/Ud7i9bQLA8I/AAAAAAAAC-k/uGnNdrRfKR8/s150/facebook.png" 
width="100px" alt="
 Follow  us on Facebook "/></a>
<center><div style="font-size:8px;"><a href="http://www.safetricks.ne
t/2013/07/
Floating-Facebook-And-Twitter-Follow-Me-Widget-For-Blogger.html">
Get This</a>
</div></center></div></div></div>
 
................................................................................ 
 Οι αλλαγές που πρέπει να γίνουν....


twitter username--> Εδώ το username που έχετε στο twitter
 
facebook username-> Εδώ το username που έχετε στο facebook
 
 
position:fixed Eάν αλλάξουμε το fixed  με το left to widget μπαίνει
 
αριστερά στην σελίδα μας,εάν το αφήσουμε ως έχει,μένει δεξιά!! 
 
 
top:40px;  Εάν αυξήσουμε το 40px κατεβαίνει πιο χαμηλά το widget από
 
την κορυφή της σελίδας μας,εάν το μειώσουμε ανεβαίνει και άλλο!
 
 
right:20px Εάν αυξήσουμε το 20ρχ το widget μπαίνει πιο αριστερά προς τα
 
μέσα της σελίδας μας δηλαδή,και εάν το μειώσουμε βγαίνει προς τα έξω!
 
 
Μόλις τελειώσετε πατάτε Αποθήκευση και είστε έτοιμοι!
 
 
 
Καλή επιτυχία!!! 


Πηγή κώδικα http://www.safetricks.net
 
 
 
Edit by 
 
 

Τρίτη, 19 Μαρτίου 2019

Tweriod: Start Tweeting When Others Listen

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε και θα γνωρίσουμε
το Tweriod! Το Tweriod είναι μία από τις πιο χρήσιμες online εφαρμογές που κυκλοφορούν
ελεύθερες (free edition) για το twitter!



Υπάρχει και η pro έκδοση που διαθέτει επιπλέον λειτουργίες για όποιον θέλει!

Το Tweriod αναλύει και σας στέλνει στατιστικές για τις ώρες που οι followers - ακόλουθοι σας
 είναι 
πιο ενεργοί βάσει τις πληροφορίες που αντλεί και επεξεργάζεται από τον λογαριασμό (TL) σας!
Έτσι μπορείτε να 
προγραμματίσετε τα tweets σας, ώστε να έχετε μεγαλύτερη απήχηση και απόδοση, 
την ώρα που θα ''τουιτάρετε''!

Το μόνο που έχετε να κάνετε είναι να μεταβείτε στην σελίδα του Tweriod να 
συνδεθείτε με τον δικό σας λογαριασμό του twitter στο tweriod να -δώσετε έγκριση -
δηλαδή,  και να κάνετε τις ρυθμίσεις που εσείς θέλετε!





Καλή επιτυχία!!


Edit by

Τετάρτη, 6 Μαρτίου 2019

CSS3 animated vertical menu

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε ένα πολύ ωραίο
κάθετο vertical menu για το blog μας!Μπαίνει στην αριστερή η δεξιά sidebar
του blog μας, η και στο footer του blog μας, και είναι με κώδικα Css3 ο οποίος
του δίνει ένα πολύ ωραίο animated slanted menu!





Δείτε το DEMO



Η εγκατάσταση είναι πάρα πολύ απλή και για να γίνει αυτο...

 Πηγαίνετε blogger--> Διάταξη -->

Προσθήκη gadget-->HTML/JavaScript 

 και στο παράθυρο που θα ανοίξει βάλτε τον παρακάτω κώδικα--
..................................................................................................................................................................
<style>

ul.svertical{
width: 200px; /* width of menu */
overflow: auto;
background: black; /* background of menu */
margin: 0;
padding: 0;
padding-top: 7px; /* top padding */
list-style-type: none;
}

ul.svertical li{
text-align: right; /* right align menu links */
}

ul.svertical li a{
position: relative;
display: inline-block;
text-indent: 5px;
overflow: hidden;
background: rgb(127, 201, 68); /* initial background color of links */
font: bold 16px Germand;
text-decoration: none;
padding: 5px;
margin-bottom: 7px; /* spacing between links */
color: black;
-moz-box-shadow: inset -7px 0 5px rgba(114,114,114, 0.8); /* inner right shadow added to each link */
-webkit-box-shadow: inset -7px 0 5px rgba(114,114,114, 0.8);
box-shadow: inset -7px 0 5px rgba(114,114,114, 0.8);
-moz-transition: all 0.2s ease-in-out; /* CSS3 transition of hover properties */
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

ul.svertical li a:hover{
padding-right: 30px; /* add right padding to expand link horizontally to the left */
color: black;
background: rgb(153,249,75);
-moz-box-shadow: inset -3px 0 2px rgba(114,114,114, 0.8); /* contract inner right shadow */
-webkit-box-shadow: inset -3px 0 5px rgba(114,114,114, 0.8);
box-shadow: inset -3px 0 5px rgba(114,114,114, 0.8);
}

ul.svertical li a:before{ /* CSS generated content: slanted right edge */
content: "";
position: absolute;
left: 0;
top: 0;
border-style: solid;
border-width: 70px 0 0 20px; /* Play around with 1st and 4th value to change slant degree */
border-color: transparent transparent transparent black; /* change black to match the background color of the menu UL */

}

</style>
<ul class="svertical">
<li><a href="
ΔΙΕΥΘΥΝΣΗ URL">ΤΙΤΛΟΣ</a></li>
<li><a href="
ΔΙΕΥΘΥΝΣΗ URL" >ΤΙΤΛΟΣ</a></li>
<li><a href="
ΔΙΕΥΘΥΝΣΗ URL">ΤΙΤΛΟΣ</a></li>
<li><a href="
ΔΙΕΥΘΥΝΣΗ URL">ΤΙΤΛΟΣ</a></li>
<li><a href="
ΔΙΕΥΘΥΝΣΗ URL">ΤΙΤΛΟΣ</a></li>
<li><a href="
ΔΙΕΥΘΥΝΣΗ URL">ΤΙΤΛΟΣ</a></li>      
</ul>
...................................................................................................................................................................
ΑΛΛΑΓΕΣ 
ΔΙΕΥΘΥΝΣΗ URL--Εδώ βάζετε το link της διεύθυνσης σας!

ΤΙΤΛΟΣ-- Εδώ βάζετε τον τίτλο σας! Αποθήκευση και έτοιμοι!

Καλή επιτυχία!!! 


Πηγή κώδικα 
thanks to dynamicdrive.com



Edit by
Icon Icon Icon

spice up your blog
1
Google+


Giveaway of the Day
Άδεια Creative Commons
Αυτή η εργασία χορηγείται με άδεια Creative Commons Αναφορά Δημιουργού-Μη Εμπορική Χρήση-Όχι Παράγωγα Έργα 3.0 Ελλάδα .