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

Αναρτήσεις

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

Mobile Menu

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

<style>
/* www.foulscode.com */
-
nav[role="navigation"] a {font-size:2em; color: #fff; text-decoration: none; padding: 0 15px; line-height: 35px;}
nav[role="navigation"] li {width: 100%; height: auto; text-align: center; background: #bdc3c7; border: 1px solid #fff;padding: 10px 0;}
nav[role="navigation"] span {font-size: 35px;}
.menu {display: none;}

nav.second {
  width: 320px;
  background: #2980b9;
  height: 40px;
  display: block;
  margin: auto;
  font-family: 'Lato', sans-serif;
}

select {
   background: #2980b9;
   border: none;
   width: 100%;
   font-size: 30px;
   color: #fff;
}

@media only screen
and (max-width : 320px) {
body {background: #000;}
}
.clearfix {clear:both;}
.block {width: 100%; height: 300px; display: block;}
/* www.foulscode.com */
</style>

<br class="clearfix" />
<div class="block"></div>
<nav class="second">
  <form>
<select>
<option value=…

Ένα μενού από τον Francis Ryan Ferolino

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

 <style>
/* foulscode.com */
body{
  margin: 0px;
  padding: 0px;
  background: #000;
  font-family: 'Lato', sans-serif;
}

nav{
  float: none;
  clear: both;
  width: 30%;
  margin: 10% auto;
  background: #eee;
}

nav ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

nav li{
    float: none;
  width: 100%;
}

nav li a{
  display: block;
  width: 100%;
  padding: 20px;
  border-left: 5px solid;
  position: relative;
  z-index: 2;
  text-decoration: none;
  color: #444;
  box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box;
}

nav li a:hover{ border-bottom: 0px; color: #fff;}
nav li:first-child a{ border-left: 10px solid #3498db; }
nav li:nth-child(2) a{ border-left: 10px solid #ffd071; }
nav li:nth-child(3) a{ border-left: 10px solid #f0776c; }
nav li:last-child a{ border-left: 10px solid #1abc9c; }

nav li a:after {
  content: "";
  height: 100%;
  left: 0;
  top: 0;
  width: 0px; 
  position: absolute;
  transition: a…

Drop-down menu (limited)

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



<style>
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);

#wrapper {
  margin: 10px;
}

/* foulscode.com */
.menu,
.sub-menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.menu li {
  background-color: #3E454D;
  cursor: pointer;
  position: relative;
  transition: background-color .5s;
  -moz-transition: background-color .5s;
  -o-transition: background-color .5s;
  -webkit-transition: background-color .5s;
  /* IE lt 10, Chrome lt 1, Opera lt 11.6, Safari lt 3, FF lt 4, Android lt 2.1 и iOS lt 2.0 не поддерэивают transition. */
}

.menu li:hover {
  background-color: #353B41 !important; /* .menu > li.home может иметь больше приоритета. Поэтому. */
}

.menu a {
  color: #FFF;
  display: block;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  height: 100%;
  margin: 0 5px;
  overflow: hidden;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  word-wrap: break-word;
}

.menu a:hove…

Metro Style Social Icons for Blog

Κάτι νέο που βρήκα για τα Social σας, αυτό το widget είναι ένας όμορφος τρόπος παρουσίας για τους επισκέπτες σας.


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


<center>
<ul id="abt-social-icons">
<li class="rss-icon"><a href="http://foulscode.blogspot.com/feeds/posts/default" target="_blank"><img height="147" src="http://1.bp.blogspot.com/-0M62-Stfcdc/Ud1ZFcVvCRI/AAAAAAAABuY/9_o8SRGny8U/s1600/rss.png" width="147" /></a></li>
<li class="twitter-icon"><a href="http://www.twitter.com/foulscode" target="_blank"><img height="147" src="http://2.bp.blogspot.com/-7qVkCzvGlC4/Ud1ZF3wqNlI/AAAAAAAABuc/6V0lQLdtvnk/s1600/twitter.png" width="147" /></a></li>
<li class="facebook-icon"><a href="https://www.facebook.com/pages/Fouls-Code/548164921863886&q…

Ελληνικό ημερολόγιο στο blog και site σας

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

<script>
/* foulscode.blogspot.com */
setCal()

function getTime() {
// initialize time-related variables with current time settings
var now = new Date()
var hour = now.getHours()
var minute = now.getMinutes()
now = null
var ampm = ""

// validate hour values and set value of ampm
if (hour >= 12) {
hour -= 12
ampm = "Μμ"
} else
ampm = "Πμ"
hour = (hour == 0) ? 12 : hour

// add zero digit to a one digit minute
if (minute < 10)
minute = "0" + minute // do not parse this number!

// return time string
return hour + ":" + minute + " " + ampm
}

function leapYear(year) {
if (year % 4 == 0) // basic rule
return true // is leap year
/* else */ // else not needed when statement is "return"
return false // is not leap year
}

function getDays(month, year) {
// create array to hold number of days in each month
var ar = new Array(12)
ar[0] = 31 // Ιανουάριος
ar[1] = (leapYear(year)) ? 29 : 28 // Φεβρουάριος
ar[2] = 31 // …

20 Δωρεάν Blogger Templates από Ιούνιος 2014

Γεια σας μπλόγκερ! Εδώ έχω βρει κάποια πολύ όμορφα και δωρεάν θέματα για το blog σας! AccentBox Blogger Template


View Demo       Download & Info Counter Blogger Template


View Demo          Download & Info Eighties Blogger Template


View Demo          Download & Info  ExpressNews Blogger Template


View Demo          Download & Info Frau Blogger Template


View Demo          Download & Info HealthZone Blogger Template


View Demo          Download & Info Hudson Blogger Template


View Demo          Download & Info Ignite Blogger Template


View Demo          Download & Info Journal Blogger Template


View Demo          Download & Info McKinley Blogger Template


View Demo          Download & Info Pink Touch 2 Blogger Template


View Demo          Download & Info Singl Blogger Template


View Demo          Download & Info Solon Blogger Template


View Demo          Download & Info SuevaFree Blogger Template


View Demo

FoulsCode get our app for adroid

Σε αυτό το σημείο μπορείτε να κατεβάσετε την εφαρμογή του blog!

iOS7 Style Icons by iynque (69 icons)

Κλικ στον παρακάτω σύνδεσμο:
http://foulscode.wen.ru/blog/84.html

Πως να βάλετε comment bot στην σελίδα σας!

Σε αυτό το σημείο θα σας πω πως πολύ εύκολα να βάλετε comment bot στο site σας, και λέω site και όχι blog γιατί όλα τα blog έχουν προσαρμοσμένα comment bot.
Το μονο που πρέπει να κάνετε είναι να μπείτε στην παρακάτω σελίδα και να κάνετε αντιγραφή και επικόλληση στην σελίδα που θέλετε να το βάλετε!

http://www.htmlcommentbox.com/#get_code

Another Simple CSS3 Dropdown Menu

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


<style>
/* foulscode.blogspot.com */
body {
  font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin: 0;
  font-size: 13px;
  text-align: center;
  background: #2196F3;
}

ul {
  text-align: left;
  display: inline;
  margin: 0;
  padding: 15px 4px 17px 0;
  list-style: none;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}
ul li {
  font: bold 12px/18px sans-serif;
  display: inline-block;
  margin-right: -4px;
  position: relative;
  padding: 15px 20px;
  background: #00BCD4;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  color: #fff;
}
ul li:hover {
  background: #4DD0E1;
  color: #fff;
}
ul li ul {
  padding: 0;
  position: absolute;
  top: 48px;
  left: 0;
  width: 150px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webki…

progressbar Loader

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

<style>
/* foulscode.blogspot.com */
body {
  margin: 200px 50px;
}
.progressbar {
  width: 300px;
  height: 25px;
  border-radius: 8px;
  box-shadow:
    0 2px 0px 0px hsl(210,90%,35%),
    2px 8px 15px 1px hsl(210,90%,70%);
  background-color: hsl(210,90%,70%);
  background-image:
    linear-gradient(
      to bottom,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,0) 12%,
      rgba(255,255,255,.15) 15%,
      rgba(255,255,255,.15) 30%,
      rgba(255,255,255,0) 40%,
      rgba(255,255,255,0) 50%,
      rgba(255,255,255,.15) 70%,
      rgba(255,255,255,.15) 88%,
      rgba(255,255,255,0) 88%
    ),
    linear-gradient(
      135deg,
      transparent 0%,
      transparent 25%,
      hsl(210,90%,40%) 25%,
      hsl(210,90%,40%) 50%,
      transparent 50%,
      transparent 75%,
      hsl(210,90%,40%) 75%,
      hsl(210,90%,40%) 100%
    );
  background-size: cover, 50px 50px;
  background-position: top, 0 0;
  text-indent: -999em;
  animation: loading 1s infinite linear;
}
@keyfr…

Πολυμεσικές Υπηρεσίες πάνω από IP δίκτυα

Περίληψη
Σε μια εποχή που το ευρυζωνικό διαδίκτυο διαδίδεται όλο και πιο πολύ, ο κόσμος της τεχνολογίας και των τηλεπικοινωνίων στρέφεται στην μετάδοση φωνής πάνω από IP δίκτυα και στην ενοποίηση των υπηρεσιών. Το κυρίαρχο πρωτόκολλο που χρησιμοποιείται για την μετάδοση φωνής πάνω από IP δίκτυα είναι το Session Initiation Protocol (SIP).
Στην παρούσα διατριβή γίνεται μια μελέτη του SIP όσον αφορά την διαχείριση πολυμεσικών συνόδων σε εφαρμογές Voice Over IP (VoIP). Εξετάζονται κάποιες SIP υλοποιήσεις ανοιχτού κώδικα και χρησιμοποιείται το Asterisk PBX για την υλοποίηση και παραμετροποίηση κάποιων υπηρεσιών.
Η διατριβή οργανώνεται ως εξής:
Το κεφάλαιο 2 δίνει μια επισκόπηση της διαχείρισης πολυμεσικών συνόδων. Αυτή η επισκόπηση εισάγει τις βασικές διαδικασίες διαχείρισης συνόδων, λειτουργίες και εφαρμογές, με μια έμφαση στο SIP. Γίνεται επίσης μια σύγκριση του SIP με το H.323 πρωτόκολλο που είναι πρωτόκολλα που χρη…