Ads 468x60px

Featured Posts

  • Cougar

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

  • Lions

    Social network widget...

  • Snowalker

    Free Video to JPG Converter..

  • Howling

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

  • Sunbathing

    JavaScript Image Slider ...

Πέμπτη, 11 Ιανουαρίου 2018

Social Icons With Tooltip Hover Effect

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε ένα social bar widget
με ενσωματωμένα social links για facebook - Google plus - twitter - feedburner
και με ένα πολύ ωραίο  Tooltip Hover Effect όταν περνάμε τον κέρσορα μας,
πάνω από τα εικονίδια!!






 και για να το εγκαταστήσετε και εσείς

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

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

 και στο παράθυρο που θα ανοίξει επικολλήστε τον ακόλουθο κώδικα--
........................................................................................................................................
<div class="container">
<ul class="action-bar clearfix">
<li>
<a href="http://twitter.com/USERNAME TWITTER" class="like">
<span class="zocial-twitter"></span>
<span class="tooltip">Follow</span>
</a>
</li>
<li>
<a href="https://plus.google.com/GOOGLEPLUSID" class="favourite">
<span class="zocial-googleplus"></span>
<span class="tooltip">Circle us</span>
</a>
</li>
<li>
<a href="https://www.facebook.com/USERNAME FACEBOOK" class="comment">
<span class="zocial-facebook"></span>
<span class="tooltip">Like us</span>
</a>
</li>
<li>
<a href="http://FEEDBURNER URL/feeds/posts/default" class="share">
<span class="zocial-rss"></span>
<span class="tooltip">Subscribe</span>
</a>
</li>
</ul>
</div>
<style>
@charset "utf-8";
@import url(http://weloveiconfonts.com/api/?family=zocial);
/* zocial */
[class*="zocial-"]:before {
  font-family: 'zocial', sans-serif;
}
/* ---------- GENERAL ---------- */

a { text-decoration: none; }
ul {
list-style: none;
margin: 0;
padding: 0;
}
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after {
content: "";
display: table; }
.clearfix:after { clear: both; }
.container {
display: block;
height: 64px;
position: relative;
width: 256px;
}
/* ---------- Action Bar ---------- */
.action-bar li {
float: left;
}
.action-bar a {
-webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, .5);
box-shadow: inset 0 -2px rgba(0, 0, 0, .5);
color: #e7e7e7;
display: block;
font-size: 32px;
height: 64px;
line-height: 64px;
position: relative;
text-align: center;
-webkit-transition: background .3s;
-moz-transition: background .3s;
-ms-transition: background .3s;
-o-transition: background .3s;
transition: background .3s;
width: 64px;
}
.action-bar a:hover .tooltip {
margin-top: 16px;
opacity: 1;
}
.tooltip {
border-radius: 3px;
font-size: 14px;
height: 28px;
left: 50%;
line-height: 28px;
margin: 0 0 0 -50px;
opacity: 0;
position: absolute;
top: 100%;
-webkit-transition: margin-top .3s, opacity .3s;
-moz-transition: margin-top .3s, opacity .3s;
-ms-transition: margin-top .3s, opacity .3s;
-o-transition: margin-top .3s, opacity .3s;
transition: margin-top .3s, opacity .3s;
width: 100px;
}
.tooltip:before {
content: "";
height: 8px;
left: 50%;
margin: -4px 0 0 -4px;
position: absolute;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
width: 8px;
}
.like,
.like .tooltip,
.like .tooltip:before { background: #65B1F8; }
.like:hover { background: #65B1F8; }
.favourite,
.favourite .tooltip,
.favourite .tooltip:before { background: #c93037; }
.favourite:hover { background: #b02b32; }
.comment,
.comment .tooltip,
.comment .tooltip:before { background: #43438e; }
.comment:hover { background: #393978; }
.share,
.share .tooltip,
.share .tooltip:before { background: #FF8000; }
.share:hover { background: #FF8000; }
</style>
..............................................................................
ΑΛΛΑΓΕΣ
 
Αντικαταστήστε όλα τα USERNAMES με τα αντίστοιχα δικά σας που έχετε
και το feedburner url σας! Προσέξτε όχι το username που έχετε στο
feedburner αλλά το url σας ΔΗΛΑΔΗ TO ΛΙΝΚ TOY BLOG ΣΑΣ! 

Αποθήκευση και έτοιμοι!

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


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





Edit by

Τετάρτη, 10 Ιανουαρίου 2018

Βρείτε και εκτυπώστε τα ένσημα σας online

Φίλες και φίλοι γεια σας, ήδη εδώ και κάμποσο καιρό έχουν κάνει
την εμφάνιση τους αρκετές χρήσιμες online εφαρμογές που μας επιτρέπουν
εύκολα και γρήγορα να κάνουμε διάφορες δουλειές(πιστοποιητικά - βεβαιώσεις -
έγγραφα κτλ) και όλα δείχνουν ότι σε "λίγο" καιρό(το ελπίζουμε) η ταλαιπωρία
των ουρών και των ωρών, μπροστά από τα ταμεία δημοσιών υπηρεσιών και όχι
μόνο, θα λάβει τέλος...(Κάποτε)!!   Ουτοπία?? Θα δείξει....!


 Μία πολύ χρήσιμη online εφαρμογή δοκιμασμένη εδώ και αρκετό καιρό,  είναι η εφαρμογή
του «Ατλας» που μας επιτρέπει να δούμε και να εκτυπώσουμε τα ένσημα μας,

για ασφαλισμένους του ΙΚΑ, το ΕΤΑΑ, του ΟΑΕΕ μέχρι το 1994 εδώ , και από 
το 1998 έως σήμερα για τον ΟΓΑ. Εν καιρώ θα προστεθούν και οι άλλες χρονολογίες!

Τα βήματα είναι απλά:

Το πρώτο και βασικό βήμα είναι να έχουμε λογαριασμό στο TaxisNet 

και αυτό γιατί με τον κωδικό και το όνομα χρήστη που έχετε στο Taxisnet

θα συνδεθείτε και στην ιστοσελίδα του «Ατλας»

  






 Μόλις γίνει το login και μπείτε στην σελίδα πηγαίνετε στην 3 επιλογή όπως δείχνει
το πάνω βελάκι και:

Αν δεν έχετε κάνει login θα σας το ζητήσει μόλις κλικάρετε το Πρόσβαση





Το 2 βασικό βήμα είναι να ξέρουμε το ΑΜΚΑ μας!Αν δεν το θυμόσαστε όπως βλέπετε
στην πάνω εικόνα υπάρχει επιλογή ''Έχω ΑΜΚΑ?'' Κλικάρετε εκεί και μεταφερόσαστε
για να το βρείτε!

Στην περίπτωση που το ξέρετε πατάτε το Πρόσβαση - κάνετε login αν δεν έχετε κάνει -  
δίνετε εξουσιοδότηση όπως βλέπετε
στην κάτω εικόνα:




 
και συμπληρώνετε το ΑΜΚΑ στην φόρμα που σας βγάζει:






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






Υγ: Είδα διάφορα σχόλια στο internet ότι η εφαρμογή δεν λειτουργεί κτλ κτλ!Αν
κάνετε τα βήματα τα οποία δεν είναι τίποτα δύσκολο, η εφαρμογή δουλεύει
κανονικά

Αν κάποιος δεν έχει τα 2 στοιχεία που ζητάει - λογαριασμό taxisnet και ΑΜΚΑ -
η του λείπει το ένα από τα 2 τότε δυστυχώς η εφαρμογή δεν θα λειτουργήσει!


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




 Edit by

Δευτέρα, 1 Ιανουαρίου 2018

ΚΑΛΗ ΧΡΟΝΙΑ ΣΕ ΟΛΟ ΤΟΝ ΚΟΣΜΟ!! ΕΥΤΥΧΙΣΜΕΝΟ ΤΟ 2018!!!

Καινούργιε χρόνε φέρε μας αγάπη στις καρδιές μας,
χαμόγελο στα χείλη μας γαλήνη στις ψυχές μας










Ο νέος χρόνος εύχομαι σε όλους μας να φέρει
ότι ο προηγούμενος δεν είχε καταφέρει



 


Εγώ θα κάνω δυο ευχές για τον καινούργιο χρόνο
        πάμπλουτοι να'στε στις χαρές
                  και πάμφτωχοι στοv πόνο!!


















 Edit by

Τετάρτη, 13 Δεκεμβρίου 2017

Simple Social Subscription Widget

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε ένα Social Subscription 
Widget το οποίο προτρέπει τους αναγνώστες - επισκέπτες μας να μας ακολουθούν
στα social networks και να ενημερώνονται για τις αναρτήσεις μας!Έχει όλα τα γνωστά social networks ενσωματωμένα, και έχει 
έναν πολύ απλό σχεδιασμό!!







Η εγκατάσταση είναι πάρα πολύ απλή και για να γίνει αυτό...
 Πηγαίνετε blogger--> Διάταξη -->

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

 και στο παράθυρο που θα ανοίξει επικολλήστε τον ακόλουθο κώδικα--
...............................................................................................................................................................
<style>
.social { width: 100%; margin:0;float:none }
.social ul { border: 1px solid #CCCCCC; margin:  0 0 0 0; padding: 0; display 
:table }
.social ul li { list-style:none; padding: 0 0 0 0 !important;margin:0 0 0 0; 
 text-transform: none; border-bottom: 1px solid #CCCCCC; border-top: 1px solid 
 #FFFFFF; width:100% }
.social ul li:first-child { border-top: 0 none; } 
 .social ul li:last-child { border-bottom: 0 none; }
.social ul li a { background-color: #F2F2F2 !important; color: #404040; display:
 block; }
.social ul li a:hover { background-color: #fafafa !important; }
.social ul li .rss { background: url("http://3.bp.blogspot.com/-3oBs-HZBNgA/Um-
MXE49tTI/AAAAAAAADDA/nhHOwoceAcw/s1600/RSS-1.png") no-repeat scroll 10px center 
 #F87E12; padding: 17.5px 60px; }
.social ul li .twitter { background: url("http://1.bp.blogspot.com/-6aItDl3ZqNc/
Um-MX4V-psI/AAAAAAAADDY/Py_OZyhHlWU/s1600/Twitter.png") no-repeat scroll 10px 
 center #4CACEE; padding: 17.5px 60px;}
.social ul li .facebook { background: url("http://1.bp.blogspot.com/-HgZaw6CUtdU
/Um-MWmnPwPI/AAAAAAAADC0/3c1XCscZyoc/s1600/Facebook-1.png") no-repeat scroll 10px 
 center #3B5998; padding: 17.5px 60px; }
.social ul li .google { background: url("http://2.bp.blogspot.com/-5FIdKsk95vY/Um
-MYtYXQgI/AAAAAAAADDQ/cq9JDVtENWc/s1600/google.png") no-repeat scroll 10px center 
 #D44937; padding: 17.5px 60px; }
.social ul li .linkedin { background: url("http://3.bp.blogspot.com/-nCElo3oMz9w/
Um-MW6uNwqI/AAAAAAAADC4/1tuzlkZkpNo/s1600/LinkedIn-1.png") no-repeat scroll 10px 
 center #3692C3; padding: 17.5px 60px; }
.social ul li .youtube { background: url("http://1.bp.blogspot.com/-BD-6vOWZIek/
Um-MYYscx0I/AAAAAAAADDI/ITVY2d90KtE/s1600/Youtube-1.png") no-repeat scroll 10px 
 center #C6312B; padding: 17.5px 60px; } .social-about { display: none; }
</style>

<div class="social">
<ul>
<li><a class="rss" href="http://feeds.feedburner.com/USERNAME FEED"> 
Subscribe to the RSS Feed</a></li>
<li><a class="twitter" href="https://twitter.com/
USERNAME TWITTER
"> 
Follow me on Twitter</a></li>
<li><a class="facebook" href="https://www.facebook.com/
USERNAME FACEBOOK
"> 
Find me on Facebook</a></li>
<li><a class="google" href="https://plus.google.com/
GOOGLE PLUS ID
" 
 rel="author"> 
Join me on Google+</a></li>
<li><a class="linkedin" href="http://in.linkedin.com/
LINKEDIN ID
"> 
Connect with me on LinkedIn</a></li>
<li><a class="youtube" href="http://www.youtube.com/
USERNAME YOUTUBE
"> 
Watch me on YouTube</a></li>
</ul>
</div>
................................................................................. 
ΑΛΛΑΓΕΣ
 
Αντικαταστήστε όλα τα USERNAMES -- ID  με τα αντίστοιχα δικά σας και πατήστε
Αποθήκευση!Αυτό ήταν! 

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


Πηγή κώδικα 
thanks to http://www.trackmyblog.com



Edit by

Δευτέρα, 11 Δεκεμβρίου 2017

Disable Text Area

Φίλες και φίλοι γεια σας σε αυτή την ανάρτηση θα δούμε πως μπορούμε να
απενεργοποιήσουμε τα clicks, αριστερό-δεξί, σε σημεία του blog μας(αναρτήσεις,
widgets με κείμενο, κτλ). Ανά καιρούς έχουν βγει διάφοροι κώδικες που απενεργοποιούν
το δεξί κλικ από όλη την σελίδα, εδώ θα δούμε πως μπορούμε να το κάνουμε τμηματικά, σε
όσα σημεία και κείμενα θέλουμε! Εάν έχετε κάποιο κείμενο η ανάρτηση που δεν θέλετε
να γίνει αντιγραφή, η σωστότερα να την κάνετε πιο δύσκολη, τότε το συγκεκριμένο τρικ είναι αυτό που χρειάζεστε!



 Δείτε το παράδειγμα:






Για να λειτουργήσει το τρικ  χρειαζόμαστε αυτόν τον κώδικα..
.....................................................................................................................................
<textarea cols="50" rows="5" disabled="yes">ΕΔΩ ΒΑΖΕΤΕ ΤΟ ΚΕΙΜΕΝΟ ΣΑΣ
 </textarea>
................................................................................................................................................
Η εγκατάσταση του είναι απλή η βάζετε τον κώδικα

στο HTML section της ανάρτησης η ακολουθείτε την γνωστή διαδικασία..

Blogger-->Διάταξη

Προσθήκη gadget-->Html javascript

και επικολλάται  τον κώδικα!

ΑΛΛΑΓΗ
ΕΔΩ ΒΑΖΕΤΕ ΤΟ ΚΕΙΜΕΝΟ ΣΑΣ-->ΕΔΩ ΓΡΑΦΕΤΕ ΤΟ ΚΕΙΜΕΝΟ ΣΑΣ!

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

Πηγή κώδικα


Edit by

Παρασκευή, 8 Δεκεμβρίου 2017

Neevia Document Converter

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



Εδώ θα δούμε την online εφαρμογή Neevia Document Converter η οποία μας
βοηθά να μετατρέψουμε τα έγγραφα μας σε εικόνες κατά κύριο λόγο αλλά
και σε διάφορα formats!


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

1: Κάνετε upload το αρχείο σας  

2:Διαλέγεται σε τι τύπο αρχείου θέλετε να το μετατρέψετε 

3: Convert!







Υπάρχουν 4 οριζόντιες επιλογές για το τι θα κάνετε,  με το Αναζήτηση κάνετε
upload, βάζετε τις ρυθμίσεις που θέλετε, και πατάτε convert!




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


 Edit by

Δευτέρα, 4 Δεκεμβρίου 2017

Drink & Cocktail recipes

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε μία εφαρμογή για
συσκευές με λειτουργικό σύστημα Android το Drink & Cocktail recipes!

Το Drink & Cocktail recipes είναι μία εφαρμογή που περιέχει 8.500 συνταγές
κοκτέιλ και ποτών παρέχοντας αναλυτικές οδηγίες για την δημιουργία τους!













Μπορείτε να πειραματιστείτε ανάμεσα στις χιλιάδες συνταγές της εφαρμογής
καθώς διαθέτει ένα πολύ εύκολο μενού κατηγοριών με χρήσιμες και εύκολες
λειτουργίες!







Μέγεθος:3.9 Μb

Έκδοση Αndroid: 2.3 και άνω



Καλή επιτυχία και καλά πιώματα!!! 



 Edit by

Παρασκευή, 1 Δεκεμβρίου 2017

Chrome: Hover zoom

Φίλες και φίλοι γεια σας,σε αυτή την ανάρτηση θα δούμε ένα πολύ χρήσιμο
πρόσθετο add-on για τον Google Chrome το  Hover zoom!Μετά την εγκατάσταση
του, με το που περνάμε τον κέρσορα μας πάνω από κάποια εικόνα στα social networks αυτομάτως
θα μεγεθύνετε!Έτσι δεν χάνουμε ώρα σε εικόνες μικρές και χαμηλής ανάλυσης αν
θέλουμε να προσέξουμε κάτι, η να περιμένουμε να την ανοίξουμε σε νέο παράθυρο
για μεγαλύτερη ανάλυση!


Δείτε εδώ:






Λειτουργεί "ΜΟΝΟ" στα social networks σημαντικό αυτό, και φυσικά στα γνωστά: facebook, twitter, google+,
 instagram, myspace, pinterest αλλά και σε πολλά άλλα!Όταν λειτουργεί και είναι συμβατό,
εμφανίζεται πάνω δεξιά στην μπάρα εργασίας αυτό το εικονίδιο:





και έτσι όταν κάνουμε mouseover με τον κέρσορα μας σε μία εικόνα αυτή θα ζουμάρει
αυτομάτως!




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



 Edit by

Τετάρτη, 8 Νοεμβρίου 2017

Free Watermark (Υδατογράφημα)


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















Δείτε το παράδειγμα με το Millenium Falcon:

Πριν


Μετά





Πάμε να δούμε το πώς:


Πρώτα από όλα μεταφερόμαστε σε αυτή την διεύθυνση:





και μετά ακολουθούμε τον εικονογραφημένο οδηγό:






Αυτό ήταν!

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





 Edit by
Icon Icon Icon

spice up your blog