Μετάβαση στο κύριο περιεχόμενο

Αναρτήσεις

Προβολή αναρτήσεων από Φεβρουάριος, 2013

Css3 Green Cloud Label Widget For Blogger 2013

Αλλάξτε την εμφάνιση τον κατηγοριών σας στον μπλόγκερ πάμε να δούμε πως.

Πηγαίνετε στο πρότυπο


και μετά επεξεργασία HTML


Πατήστε Ctrl+F και κάντε αναζήτηση το ]]></b:skin> και πριν αυτό επικόλληση τον παρακάτω κώδικα:

/* The CSS Code for the menu starts here foulscode.blogspot.gr */

#Label1 a{outline: 1px rgba(255,255,255,0.4) dashed;
    border: 1px rgba(0,0,0,0.3) dashed;
    padding: 4px 10px 4px 20px;
    text-decoration: none;
    color:#000000;
    white-space: nowrap;
font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    position: relative !important;
    background: #8dc63f;
    float: left;
    padding: 5px 3px;
    margin: 0 5px 5px 0;
   border-radius:4px 4px; -moz-border-radius:4px 4px 4px 4px; -khtml-border-radius:4px 4px 4px 4px; -webkit-border-radius:4px 4px 4px 4px; border-radius:4px 4px 4px 4px;
}
#Label1 a:hover{color: rgba(0,0,0,0.5);}
.label-size{line-height:1.5;align:left;}


Μπορείτε να το διαμορφώσετε στα μετρα του blog σας αλλάζοντας τον κ…

Css3 Smooth Slideout Menu Bar For Blog 2013

Γεια σας παιδιά! Εδώ θα μοιραστώ μαζί σας ένα πολύ ωραίο menu και πολύ βολικό εμφανίζεται μονο όταν το βελάκι περνάει από πάνω. Μπορείτε να δείτε και το DEMO και θα καταλάβετε.


Αντιγράψτε τον παρακάτω κώδικα:




<style>
/* The CSS Code for the menu starts here foulscode.blogspot.gr */
ul.nav8 {
    list-style:none;
    height:120px;
    margin:0;
    padding:0;
}
ul.nav8 table {
    border-collapse:collapse;
    width:0;
    height:0;
    margin:-1px 0 -5px -1px;
}
ul.nav8 > li {
    float:right;
    height:120px;
    width:40px;
    position:relative;
    overflow:hidden;
    -webkit-transition-duration:.5s;
    -moz-transition-duration:.5s;
    -o-transition-duration:.5s;
}
* html ul.nav8 > li {
    width:auto;
}
ul.nav8 > li a.ie6 {
    float:left;
    height:120px;
    width:39px;
    position:relative;
    overflow:hidden;
}
ul.sub {
    list-style:none;
    height:120px;
    width:600px;
    background:url(http://www.script-tutorials.com/demos/107/images/panel.png) no-repeat right top;
    position:absol…

Wordpress like Email Subscription widget for Blogger/Blog

Ένα όμορφο widget για όλα τα blog για την εγγραφη e-mail.

Αντιγραφή τον παρακάτω κώδικα:



<center>
<div align="center" id="digitalhubinc-Subscribe-wrapper">
<div id="ig-subscription-optin" style="border: 3px solid #000000; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55AAEE', endColorstr='#003366',GradientType=0 ); width: 240px;">
<h3 id="digitalhubinc-title-text" style="color: white; font-size: 20px;">
GET FREE EMAIL UPDATES</h3>
<div id="digitalhubinc-sub-title-txt" style="color: white; font-size: 14px;">
Join us for free and get valuable content delivered right through your inbox.</div>
<br />
<form action="http://feedburndigiter.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=FoulsCode', 'popupwindow', 'scrollbar…

New Hower Ice Cubes Social Sharing Widget CSS code For Blogger 2013

Αντιγραφή τον παρακάτω κώδικα:


<style>
/* New Hower Ice Cubes Social Sharing Widget FoulsCode.blogspot.gr*/
.bubblewrap{
list-style-type:none;
margin:0;
padding:0;
}
.bubblewrap li{
display:inline;
width: 60px;
height:60px;
}
.bubblewrap li img{
width: 50px; /* width of each image.*/
height: 50px; /* height of each image.*/
border:0;
margin-right: 4px; /*spacing between each image*/
-webkit-transition:-webkit-transform 0.1s ease-in; /*animate transform property */
-o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */
}
.bubblewrap li img:hover{
-moz-transform:scale(1.8); /*scale up image 1.8x*/
-webkit-transform:scale(1.8);
-o-transform:scale(1.8);
}</style>
<br />
<center>
<br />
<ul class="bubblewrap">
<li><a href="http://www.linkedin.com/Username"><img src="http://1.bp.blogspot.com/-AcupQv732F8/UQ46xHyFkKI/AAAAAAAAPjY/ktgyTNLhnDM/s1600/linkedin.png" title="Add to Facebo…

Attractive Css3 Sleek Menu Bar For Blog

Ένα πολύ όμορφο menu για το blog σας και έρχονται και αλλα.

Αντιγραφή τον παρακάτω κώδικα:




<style>
#container1 {
width: 960px;
margin: 0 auto;}
.menu33{height:40px;border-right:1px solid rgba(255,255,255,0.3);float:left;}a{text-decoration:none;color:#FFFFFF;text-transform:uppercase;font-size:15px;font-weight:bold;}ul{margin:0;padding:10px 10px ;}
a:link {color:#ffffff;}
a:hover {color:#ffffff;text-decoration: none;}
a:visited {color: #FFFDFD;text-decoration: none;}
ul.menu33 li{list-style:none;float:left;height:40px;text-align:center;background:-webkit-gradient(radial,50% 100%,10,50% 50%,90,from(rgba(31,169,244,1)),to(rgba(0,28,78,1)));background:-moz-radial-gradient(center 80px 45deg,circle cover,rgba(31,169,244,1) 0%,rgba(0,28,78,1) 100%);}
ul li a{display:block;padding:0 20px;border-left:1px solid rgba(255,255,255,0.1);border-right:1px solid rgba(0,0,0,0.1);text-align:center;line-height:40px;background:-webkit-gradient(linear,left top,left bottom,from(rgb(168,168,168)),to(rgb(69,69,6…

New Blue Square Social Media Icon Widget For Blog 2013

Αντιγραφή επικόλληση τον παρακάτω κώδικα:

<style>
/* Social Icons FoulsCode.blogspot.gr */
a.social-icons {
 margin-right: 5px; /*Adjust This Value As Needed*/
height:45px;
width:45px;
}
a.social-icons:hover {
 opacity: .7;
 filter:alpha(opacity=70); /* For IE8 and earlier */
}   height:45px;
width:45px;
</style>
<a class="social-icons" href="https://www.facebook.com/pages/Fouls-Code/548164921863886"><img src="https://lh6.googleusercontent.com/-pFz1iGgJ3No/USdl3prQKNI/AAAAAAAASFg/agHmIp1Tx2I/h120/digitalhubinc-facebook.png" /></a>
<a class="social-icons" href="https://twitter.com/foulscode"><img src="https://lh5.googleusercontent.com/-RJyfL5U1MM4/USdl4J7582I/AAAAAAAASFs/IzEgcVcaHP0/h120/digitalhubinc-twitter.png" /></a>
<a class="social-icons" href="https://plus.google.com/userId"><img src="https://lh4.googleusercontent.com/-rCLwgQYA_N8/USdl3Fc…

audio backlinks

Όσοι γνωρίζουμε το τι είναι ένα backlink συνήθως ασχολούμενοι επαγγελματικά ή ερασιτεχνικά με την προώθηση ιστοσελίδωνπάντα αναζητούμε τρόπους για την δημιουργία ενός backlink. Σίγουρα θα έχετε ακούσει για backlinks από forum profiles, forum posts, forum signatures, blog comments, guest blogging και πολλές άλλες μεθόδους. Πιθανότατα θα γνωρίζετε για το πως μπορείτε να πάρετε backlinks μέσα από το ανέβασμα εικόνων ( pinterest κ.α.) , βίντεο ( youtube κ.α.) αλλά μπορεί να μην έχετε ακουστά τα audio backlinks .
Τα audio backlinks είναι απλά links που μπορείτε να κερδίσετε ανεβάζοντας αρχεία ήχου σε κάποια αντίστοιχα web sites. Φυσικά ίσως να σας προβληματίζει το γεγονός ότι ενώ φωτογραφίες μπορείτε να τραβήξετε με μια απλή φωτογραφική μηχανή ή να βρείτε στο διαδίκτυο απλά σερφάροντας  όπως και βίντεο φυσικά αναρωτιέστε πως μπορείτε να βρείτε και να επεξεργαστείτε ηχητικά αρχεία. Υπάρχουν φυσικά αναρίθμητες μέθοδοι για να το επιτύχετε αλλά θα σας αναφέρω μια ιδιαίτερα απλή. Δημιουργώντας έν…

Κουμπί μπλόγκερ για το site σας!

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




<a class="blogg-button" href="http://foulscode.blogspot.com/" role="button" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 0px 1px 1px; -webkit-transition: all 0ms; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(248, 248, 248)), to(rgb(241, 241, 241))); border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; border: 1px solid rgba(0, 0, 0, 0.2); box-shadow: rgba(0, 0, 0, 0.0980392) 0px 1px 1px; color: #222222; cursor: pointer; display: inline-block; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; line-height: 27px; margin: 0px 14px 0px 0px; padding: 0px 10px; position: relative; text-align: center; text-decoration: initial; vertical-align: middle; white-space: nowrap;" target="_blank">FoulsCode</a>
Αλλάξτ…

Περισσότερα Από 1800 Flat Icons Σε Όλα Τα Χρώματα – Icons DB

Μερικές φορές θα βρείτε ένα εικονίδιο που σας αρέσει ο σχεδιασμός του, αλλά τα χρώματα δεν ταιριάζουν με το έργο σας. Με το  Icons DB, μια ελεύθερη και αυξανόμενη συλλογή flat icons, με την οποία είναι δυνατόν να πάρουμε όλα τα στοιχεία σε οποιοδήποτε χρώμα προτιμάμε. Το σετ περιλαμβάνει 1800 items+ σε πολλαπλές μορφές (ICO, PNG, JPG, GIF) και 8 μεγέθη από 16 * 16px έως 512 * 512px. Υπάρχουν πολλές εικόνες που μπορούν να δουλέψουν πολύ καλά σε εφαρμογές web και σχεδόν κάθε είδος έχει πολλές παραλλαγές που μπορούν να ικανοποιήσουν κάθε γούστο. Μόνο μειονέκτημα είναι ότι δεν μπορείτε να κατεβάσετε το σύνολο, δεδομένου ότι οι εικόνες προσφέρονται μόνο μια -προς- μια. Website: http://www.iconsdb.com/
ΠΗΓΗ


Πώς να δημιουργήσετε μια δωρεάν ιστοσελίδα Φόρουμ Ομάδες Google στο Blogger

Επισκεφτείτε την σελίδα που σας δεινό και πατήστε ΔΗΜΙΟΥΡΓΊΑ ΟΜΆΔΑΣ   https://groups.google.com/forum/?fromgroups#!myforums



Πλεονεκτήματα της Google Groups:
Δωρεάν Hosting: Βλέπουμε σχεδόν κάθε φόρουμ που δίνει δωρεάν φιλοξενία. Το μεγαλύτερο πλεονέκτημα της χρήσης του Google ομάδας είναι ότι δεν χρειάζεται φιλοξενία. Πρέπει να δημιουργήσουμε μια ομάδα και να την ενσωματώσει στον ιστότοπό μας.
Δωρεάν Χρήση: Δεν υπάρχει καμία ανάγκη να πληρώσει τίποτα, επειδή το Google Group είναι απολύτως χωρίς κόστος.
Εξαιρετικά Ευέλικτη: Η πλατφόρμα έχει ισχυρή επιλογές που επιτρέπουν στον webmaster να το προσαρμόσετε ανάλογα με τις ανάγκες του.





Όνομα ομάδας: Εδώ θα εισάγετε το όνομα. Εξαρτάται εξ ολοκλήρου από ένα άτομο τι θέλει να το ονομάσει. Θυμηθείτε: Μπορούμε να το μετονομάσετε οποιαδήποτε στιγμή από τον πίνακα ρύθμισης. Ομάδα διεύθυνση ηλεκτρονικού ταχυδρομείου: 
Εδώ θα επιλέξει μια διεύθυνση ηλεκτρονικού ταχυδρομείου, καθώς και το URL φόρουμ μας. Για παράδειγμα, αν γράψουμε "foulscode&q…

Περιγραφή εικόνας με την χρήση CSS3

Γεια σας μπλόγκερ! Χρονια πολλά σε όλους που γιόρταζαν του αγίου βαλεντίνου ;)
Πάμε στο θέμα μας τώρα.

Αντιγραφή επικόλληση τον παρακάτω κώδικα.



<style>
/*================ Sliding Description Panel For Images By FoulsCode ================*/
.imagepluscontainer {
 /* main image container */
    position: relative;
    z-index: 1;
    font-family: verdana;
    font-size: 13px;
}
.imagepluscontainer img {
 /* CSS for image within container */
    position: relative;
    z-index: 2;
    -moz-transition: all 0.5s ease;
 /* Enable CSS3 transition on all props */
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.imagepluscontainer:hover img {
 /* CSS for image when mouse hovers over main container */
    -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    -moz-transform: scale(1.05, 1.05)…

WIDGET για κοινωνικά δίκτυα με στυλ wid8

Ένα WIDGET για τα κοινωνικά δίκτυα του blog σας που μοιάζει μετά γραφικά τον windows 8


Αντιγραφή επικόλληση τον παρακάτω κώδικα.



<style>
.seconds{
text-align:right;
color:#000;
font-size:10px;
}
.supportive a:active{position:relative;top:1px}
 .widget-item-control a{display:none;}
    .widget-item-control a{display:none;}
    #supportive{width: 300px;
    float: left;margin-top: 10px;}
    #supportive li{position:relative; cursor:pointer; padding: 0 !important;}
    #supportive .facebook, .googleplus, .rss, .twitter{
    position: relative;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    z-index: 5;
    display: block;
    float: left;
    margin: 1px;}
    #supportive .icon{}
    #supportive .facebook{width: 147px;
    height: 150px;
    background: rgba(59,89,152,1) url("https://lh4.googleusercontent.com/-6tuOBGcpzGc/URPO_I2Yj9I/AAAAAAAAC_0/qBm56PAG1yY/h120/facebook.png&quo…

Fancy CSS3 και jQuery Μενού Lavalamp Για Blogger

Μετάβαση στο Blogger Template ταμπλό>
Κάντε κλικ στο Επεξεργασία HTML
Πατήστε Συνέχεια
Βρείτε παρακάτω κώδικα στο πρότυπό σας


</head>

Προσθέσετε παρακάτω κώδικα ακριβώς από πάνω.


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script src="http://code.helperblogger.com/lavalamp-menu.js" type="text/javascript"></script>


Τώρα βρείτε παρακάτω κώδικα,


]]></b:skin>

προσθέσετε παρακάτω κώδικα CSS αμέσως πριν,


/*LAVALAMP MENU BY http://www.foulscode.blogspot.gr/ START*/
.lavalamp {
    position: relative;
    border: 1px solid #d6d6d6;
    background: #fff;
    padding: 15px;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
 -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
    border-radius : 10px;
    -moz-border-radius : 10px;
    -webkit-border-radius : 10px;
    background : -webkit-gradient(linear, left top, left bottom, from(rgb(240,240,240)), to(rgb(204,20…

3η Έκθεση & Συνέδριο Web World Expo

Πάρε την προβολή της επιχείρησης σου στο internet σοβαρά!!! Επισκέψου τους ειδικούς. Με γοργούς ρυθμούς προχωρούν οι εργασίες για την διοργάνωση της 3ηςWebWorldExpo 2013. Η διοργάνωση έχει τεθεί υπό την αιγίδα των συμβατικότερων φορέων του κλάδου και έχει την υποστήριξη σημαντικών μέσων για την προβολή της. Η WebWorldExpo είναι η έκθεση & συνέδριο που στα πρότυπα αντίστοιχων διοργανώσεων του εξωτερικούσκοπεύει στην επικοινωνία μεταξύ των εταιρειών που παρέχουν υπηρεσίες για το διαδίκτυο & εφαρμογές και των επιχειρήσεων που βλέπουν πια την παρουσία τους στο διαδίκτυο ως απαραίτητη για την εξωστρέφεια και ανάπτυξη τους. Εκθέτες είναι εταιρείες που: Κατασκευάζουν ιστοσελίδες & ηλεκτρονικά καταστήματα Οργανώνουν & διαχειρίζονται διαφήμιση στο internet & και τα Social Media Αναπτύσσουν εφαρμογές για έξυπνα κινητά & Social Media Καταχωρούν domain names & παρέχουν υπηρεσίες Hosting Κατασκευάζουν ή εμπορεύονται συσκευές όπως Smart Phones, Tablets, Servers, κ.α.
Επισκέπτες εί…

Animated Drop Down Navigation Menu With Css3 For Blogs & web site

Ένα όμορφο menu για το site σας η το blog σας!

Αντιγραφή τον παρακάτω κώδικα.



<style>
#cssmenu ul { margin: 0; padding: 0;}
#cssmenu li { margin: 0; padding: 0;}
#cssmenu a { margin: 0; padding: 0;}
#cssmenu ul {list-style: none;}
#cssmenu a {text-decoration: none;}
#cssmenu {height: 70px; background-color: rgb(35,35,35); box-shadow: 0px 2px 3px rgba(0,0,0,.4);}
#cssmenu > ul > li {
    float: left;
    margin-left: 15px;
    position: relative;
z-index:9999999;
}
#cssmenu > ul > li > a {
    color: rgb(160,160,160);
    font-family: Verdana, 'Lucida Grande';
    font-size: 15px;
    line-height: 70px;
    padding: 15px 20px;
-webkit-transition: color .15s;
   -moz-transition: color .15s;
     -o-transition: color .15s;
        transition: color .15s;
}
#cssmenu > ul > li > a:hover {color: rgb(250,250,250); }
#cssmenu > ul > li > ul {
    opacity: 0;
    visibility: hidden;
    padding: 16px 0 20px 0;
    background-color: rgb(250,250,25…

10 Beautiful Page Navigation Widgets For Blogger

Πρώτα απ 'όλα θα πρέπει να συνδεθείτε στο λογαριασμό σας Blogger Επιλέξτε ένα στυλ από 10 στυλ Προσαρμόστε τις ρυθμίσεις όπως επιθυμείτε Πατήστε το κουμπί Δημιουργία Τέλος πατήστε το κουμπί Προσθήκη στο Blogger.











Τι είναι το cloud computing. Ανάλυση με απλά λόγια.

Στο σημερινό άρθρο θα προσπαθήσω να κάνω μία ανάλυση σε ένα όρο που χρησιμοποιούμε κατά κόρον στις ημέρες μας. Ο όρος αυτός είναι το “cloud computing”. To “cloud computing” είναι μία τεχνολογία που έχει αναπτυχθεί τα τελευταία χρόνια και πλέον πολλές εφαρμογές βασίζονται πάνω σε αυτό. Ας δούμε λοιπόν πώς ξεκίνησε η ανάπτυξη της τεχνολογίας αυτής και τι είναι και περιέχει ο όρος “cloud computing”. Γιατί “cloud” και όχι κάποια άλλη λέξη;

Αυτή ήταν η πρώτη ερώτηση που μου ήρθε στο μυαλό όταν άκουσα τον όρο “cloud computing“. Βέβαια, στον προγραμματισμό συνηθίζεται να δίνονται περίεργα ονόματα σε διάφορες πτυχές του. Για παράδειγμα η γλώσσα “JAVA” ονομάστηκε έτσι από την τον καφέ Java. Στην περίπτωση του “cloud computing” η εξήγηση είναι πιο προφανής. Σε πολλά βιβλία τα οποία περιέχουν διαγράμματα και εξηγήσεις για το πώς λειτουργεί το ίντερνετ ,το απεικονίζουν σαν ένα σύννεφο στο οποίο συνδέονται τα router,οι webservers στους οποίους υπάρχουν οι web εφαρμογές κτλ και εν συνεχεία οι υπολο…