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

Αναρτήσεις

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

1ος διαγωνισμός από το FoulsCode

Και κάπου εδώ φτάσαμε στον πρώτο διαγωνισμό του blog που θα έχουμε 2 νικητές που θα ανακοινωθούν στης 3 μαΐου για 2 κάρτες ανανέωσης τον 5euro!


Πάρτε μέρος στο διαγωνισμό καλώντας μας follow στο twitter και RT το παρακάτω:


RT @foulscode πάρτε μέρος στον διαγωνισμό και κερδίστε... http://foulscode.blogspot.gr/2013/03/1-foulscode.html


Και για αύξησης τις πιθανότητες σου κανε μας like στο facebook.




Στον επόμενο διαγωνισμό ελπίζω τα δώρα να είναι περισσότερα και καλύτερα!

Καλή τύχη σε όλους σας!

Awesome CSS3 Buttons For Blog/Site

Κουμπιά για το blog η το site σας!
Αντιγραφή επικόλληση τον παρακάτω κώδικα:


<style>
/* foulscode.blogspot.gr */
.button
{       display: inline-block;
 white-space: nowrap;
 background-color: #ccc;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
 background-image: -webkit-linear-gradient(top, #eee, #ccc);
 background-image: -moz-linear-gradient(top, #eee, #ccc);
 background-image: -ms-linear-gradient(top, #eee, #ccc);
 background-image: -o-linear-gradient(top, #eee, #ccc);
 background-image: linear-gradient(top, #eee, #ccc);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
 border: 1px solid #777;
 padding: 0 1.5em;
 margin: 0.5em;
 font: bold 1em/2em Arial, Helvetica;
 text-decoration: none;
 color: #333;
 text-shadow: 0 1px 0 rgba(255,255,255,.8);
 -moz-border-radius: .2em;
 -webkit-border-radius: .2em;
 border-radius: .2em;
 -moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0…

Social Media Profile With Rss Subscription Widget

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



<style>
#btrixsocialcounters{
width:300px;
padding: 0 0 40px 0;
border: 1px solid #CCC;}
ul#btrixcounters {
    list-style: none;
    margin:0px;
    overflow: hidden;
    width:300px;
    padding:10px 0 40px 0;
     margin:10px 0 -60px 12px;
}
ul#btrixcounters li {
    float:left;
    margin:0px 0px 5px 0px;
    width:auto;
    padding:0px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;}
ul#btrixcounters li a {
    display: block;
    height: 54px;
    margin-right: 10px;
    padding-top: 85px;
    text-align: center;
    text-decoration: none;
    width: 85px;
    text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
    font-weight: bold;
}
ul#btrixcounters li:hover {
    opacity:0.6
}
ul#btrixcounters li:last-child a{
    margin-right:0px;
}
ul#btrixcounters #counter-rss {
    background: url('http://1.bp.blogspot.com/-hhLOUB2grO4/UTtQuP_…

6 χρήσιμα plugins για βελτιστοποίηση εικόνων στο WP

Η δημοφιλία του WordPress δεν είναι αποτέλεσμα μόνο του ότι είναι δωρεάν και εύκολο στη χρήση αλλα και του ότι παρέχει αμέτρητα plugins.Αυτά τα plugins σας παρέχουν αρκετές ευκολίες απο διαχείριση mailing lists, ενσωμάτωση εικονιδιών κοινωνικών δικτύων, μεταφράσεις κτλ. και βελτίωση της φόρτωσης των εικόνων της σελίδας σας. Το να βελτιστοποιήσετε τις εικόνες σας είναι σημαντικό όχι μόνο εαν έχετε πολλές εικόνες αλλα γενικά ώστε να κάνετε την φόρτωση της σελίδας σας ταχύτερα. Παρακάτω, θα βρείτε κάποια απο τα καλύτερα WP plugins για αυτή τη δουλειά. 1. Lazy Load Το ευκολότερο απο όλα στην διαχείριση μιας και απαιτεί μόνο εγκατάσταση και ενεργοποίηση. Δεν επιτρέπει την προφόρτωση των εικόνων και δίνει και ενα fade-in effect στην εικόνα. 2. Imsanity Αυτό το plugin αλλάζει τις διαστάσεις των εικόνων. Είναι ιδιανικό για όσους δεν έχουν ανάγκη απο εικόνες υψηλής ανάλυσης και δεν ξέρουν πώς να κάνουν resize τις εικόνες τους σε κάποιο πρόγραμμα. 3. CW Image Optimizer Εαν θέλετε να βελτιώσετε τις ει…

Pure CSS - Image Slider

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


<style>
/* foulscode.blogspot.gr */
body {
  background: #ccc;
  width: 950px;
  margin: 0 auto;
  padding: 10px;
}
.slider {
  background: #111;
  width: 950px;
  height: 350px;
  padding: 10px;
  position: relative;
  top: 10px;
  box-shadow: 0 30px 50px -20px black;
  overflow: hidden;
}
.images {
  background: #ccc;
  width: 100%;
  height: 74%;
  transition: background .5s linear;
}
input[type='radio'] {
  -webkit-appearance: none;
  appearance: none;
  background-color: #444;
  background-size: 225px 70px;
  width: 225px;
  height: 70px;
  margin: 5px;
  cursor: pointer;
  position: relative;
  float: left;
  top: 270px;
  -webkit-filter: sepia();
}
input[type='radio']:checked {
  content: '';
  border: solid 5px #ccc;
  box-shadow: none;
  -webkit-filter: none;
}
input[type='radio']:hover{
  border: solid 5px #fff;
  -webkit-filter: none;
  transform: scale(1.05);
  z-index: 9999;
}
.slide1 {
  background: url(http://iweb.uz/azik/wp-content/uploads…

Προτεινόμενα Post από CSS, jQuery

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


<style scoped="" type="text/css">
/* foulscode.blogspot.gr */
#slides *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
#slides ul,#slides li{padding:0;margin:0;list-style:none;position:relative}
#slides ul{height:250px}
#slides li{width:49.9%;height:100%;position:absolute;display:none}
#slides li:nth-child(1), #slides li:nth-child(2), #slides li:nth-child(3), #slides li:nth-child(4){display:block}
#slides li:nth-child(1){left:0;top:0}
#slides li:nth-child(2){left:50.1%;width:24.8%;height:49.8%}
#slides li:nth-child(3){left:75.2%;width:24.8%;height:49.8%}
#slides li:nth-child(4){left:50.1%;top:50.2%;height:49.9%}
#slides a{display:block;width:100%;height:100%;overflow:hidden}
#slides img{display:block;width:100%;height:100%;border:0;padding:4px;background-color:#0097BD;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
#slides .overlayx{width:100%;height:100%;position:absolute;…

Προσθέτοντας Disqus Widget στο blog σας.

Ένα Widget που εμφανίζει τους top που σχολιάζουν στο blog σας για αυτούς που χρησιμοποιούν την πλατφόρμα σχολειων http://disqus.com/

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



<div class="heading blue">
            <h2>Community</h2>
        </div>
        <script type="text/javascript" src="http://foulscode.disqus.com/combination_widget.js?num_items=5&hide_mods=1&color=grey&default_tab=recent&excerpt_length=30"></script>
    </div>


Αντικαταστήστε το foulscode με το δικό σας username.


grey: Αλλάζοντας το επιλέγουμε το χρώμα.


Ευφυή Πληροφοριακά Συστήματα και Ευρετικές Μέθοδοι

ΕΛΛΗΝΙΚΟ ΑΝΟΙΚΤΟ ΠΑΝΕΠΙΣΤΗΜΙΟ Σχολή Θετικών Επιστημών και Τεχνολογίας Πρόγραμμα Σπουδών ΠΛHPOΦOPIKH Θεματική Ενότητα EΦAPMOΓEΣ ΠΛHPOΦOPIKHΣ Τόμος B' Eυφυή Πληροφοριακά Συστήματα και Eυρετικές Mέθοδοι IΩΑΝΝΗΣ ZΑΧΑΡΑΚΗΣ Mηχανικός – ∆ρ Πληροφορικής


ΕΛΛΗΝΙΚΟ ΑΝΟΙΚΤΟ ΠΑΝΕΠΙΣΤΗΜΙΟ Σχολή Θετικών Επιστημών και Τεχνολογίας Πρόγραμμα Σπουδών ΠΛHPOΦOPIKH Θεματική Ενότητα EΦAPMOΓEΣ ΠΛHPOΦOPIKHΣ Τόμος B' Eυφυή Πληροφοριακά Συστήματα και Eυρετικές Mέθοδοι Συγγραφή IΩANNHΣ ZAXAPAKHΣ Mηχανικός – ∆ρ Πληροφορικής Κριτική Ανάγνωση EYAΓΓEΛOΣ KAPKAΛETΣHΣ ∆ρ Πληροφορικής Ακαδημαϊκός Υπεύθυνος για την επιστημονική επιμέλεια του τόμου ΓEΩPΓIOΣ NIKHΦOPI∆HΣ Kαθηγητής Tμήματος Iατρικής Πανεπιστημίου Πατρών Επιμέλεια στη μέθοδο της εκπαίδευσης από απόσταση ANAΣTAΣIOΣ TPIANTHΣ Γλωσσική Επιμέλεια ΣTEΦANOΣ ΛOYNTZHΣ Τεχνική Επιμέλεια EΣΠI EK∆OTIKH E.Π.E. Καλλιτεχνική Επιμέλεια, Σελιδοποίηση TYPORAMA Συντονισμός ανάπτυξης εκπαιδευτικού υλικού και γενική επιμέλεια των εκδόσεων ΟΜΑ∆Α ΕΚΤΕΛΕΣΗΣ ΕΡΓΟΥ ΕΑΠ / 2001 …

Adding Disqus Top Commenters Widget To Blog

Ένα Widget που εμφανίζει τους top που σχολιάζουν στο blog σας για αυτούς που χρησιμοποιούν την πλατφόρμα σχολειων http://disqus.com/

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

<div id="topcommenters" class="dsq-widget"><h2 class="dsq-widget-title">Top Commenters</h2><script type="text/javascript" src="http://foulscode.disqus.com/top_commenters_widget.js?num_items=5&hide_mods=0&hide_avatars=0&avatar_size=32"></script></div>
Αντικαταστήστε το foulscode με το δικό σας username.

Το 5 είναι ο αριθμός από τα σχολεια που θα εμφανίζονται.




Email Subscription Slider Widget For Blogger

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

<!-- Email Subscription Slider Widget For Blogger by FoulsCode -->
 <script type="text/javascript" src="http://widcraft.googlecode.com/svn/jquery.min.js"></script>
<script type="text/javascript">$(window).scroll(function(){if($(document).scrollTop()>=$(document).height()/4)$("#bwsocialslide").show("slow");else $("#bwsocialslide").hide("slow");});function closebwsocialslide(){$('#bwsocialslide').remove();}</script>
<style>
#bwsocialslide{
  background:#f3f3f3;
  -moz-box-shadow:inset 0 0 1px #333;
  -webkit-box-shadow:inset 0 0 1px #333;
  box-shadow:inset 0 0 1px #333;
  padding:12px 14px 12px 14px;
  width:250px;
  position:fixed;
  bottom:13px;right:0px;
  display:none;
  z-index:3;
  height:65px;
}
.bw-email{
  padding:5px 0 0 5px;
  float:left;
  font-size:1.4em;
  font-weight:bold;
  margin:0 0 10px 0;
  color:#686B6C;
}
.bw-emailsubmit{
  backgro…

3D Flipping Menu For Blog

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



<style>
 /* 3d flipping menu by foulscode.blogspot.gr */
        .block-menu {
            display: block;
            background: #000;
        }
        .block-menu li {
            display: inline-block;
        }
        .block-menu li a {
            color: #fff;
            display: block;
            text-decoration: none;
            font-family: 'Passion One',Arial,sans-serif;
            -webkit-font-smoothing: antialiased;
            -moz-font-smoothing: antialiased;
            font-smoothing: antialiased;
            text-transform: uppercase;
            overflow: visible;
            line-height: 20px;
            font-size: 24px;
            padding: 15px 10px;
        }
        /* animation domination */
        .three-d {
            -webkit-perspective: 200px;
            -moz-perspective: 200px;
            perspective: 200px;
            -webkit-transition: all .07s linear;
            -moz-transition: all .07s linear;
            transit…

Styling A Select Box Using CSS3

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


HTML code:


<div class="styled-select">
<select>
<option> Everything </option>
<option> Widgets </option>
<option> Tutorial </option>
<option> CSS3 </option>
<option> jQuery </option>
</select>
</div>
CSS code:


<style>
.styled-select {
width: 228px;
height: 34px;
overflow: hidden;
background: url(http://3.bp.blogspot.com/-8hquXopMWrY/UEOhmM4qIcI/AAAAAAAALcA/8uVJAMRs14s/s1600/Select.png) no-repeat ;
border-radius: 10px;
}
.styled-select select {
background: transparent;
width: 228px;
padding: 5px;
border: 1px solid #CCC;
font-size: 16px;
height: 34px;
font-weight: bold;
outline:0px;
-webkit-appearance: none;
border-radius: 10px;
}
.styled-select option {
background: lightgrey;
width: 228px;
padding: 5px;
border: 1px solid #CCC;
font-size: 16px;
height: 34px;
outline:0px;
-webkit-appearance: none;
}
</style>
Αν έχετε απορία για κάτι αφήστε το…

Article Sites.Μια πλήρης λίστα για όσους ασχολούνται με προώθηση ιστοσελίδων

Ακολουθεί μια λίστα από article sites , ενημερωμένη με δεδομένα του τρέχοντος μηνός Μαρτίου. Σε κάθε μια από αυτή μπορείτε να δείτε στα δεξιά της την κατάταξη της βάσει της Alexa αλλά και το page rank της κάθε σελίδας στο Google.  Ένας απλός και αποτελεσματικός τρόπος για να προωθήσετε τις ιστοσελίδες σας. Φυσικά αποτελεί μια λίστα αγγλόφωνων κυρίως ιστοτόπων Μπορείτε όμως απλά με μια εγγραφή στο iwriter.com και με ένα κόστος που δεν ξεπερνά τα 8 ευρώ για ένα άρθρο 700 λέξεων να έχετε όχι μόνο ένα πρωτότυπο άρθρο σε θέμα της αρεσκείας σας στην αγγλική γλώσσα αλλά κυρίως να είναι και σε spun syntax ώστε να μοιράσετε διαφορετικές εκδοχές του ίδιου άρθρου στα διάφορα article sites. Θα συνιστούσα την αποφυγή αυτοματοποιημένων μηχανισμών γιατί το Google είναι σε θέση να τα αντιληφθεί και να κάνει penalize την ιστοσελίδα σας. Εξάλλου με τον προτεινόμενο τρόπο ελαχιστοποιείται ο όποιος κίνδυνος και παραμένει μια διαδικασία white hate seo με ευεργετικά αποτελέσματα στον υπό προώθηση ιστοτόπο σα…

Iconset: Vintage Social Icons by Iconstoc (27 icons)

Artist:Iconstoc (Azis Hertanto) (Available for custom work)
Iconset Homepage:http://iconstoc.com/28-vintage-social-icons
License: Linkware (Backlink to http://iconstoc.com required)
Commercial usage: Not allowed
The products or characters depicted in these icons are © by Respective Copyright Owners