Kατεβάσετε την εφαρμογή android του blog! DownLoad

FoulsCode: 2011-17

Translate

Πρόσφατα Σχόλια

Σύνολο αναρτήσεων

Συνολικές προβολές σελίδας

Mobile Menu

Written By Fouls Code on Παρασκευή, 13 Φεβρουαρίου 2015 | Φεβρουαρίου 13, 2015

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

<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="" onchange="if (this.value) window.location.href = this.value;">Menu
<option value="URL">Home
<option value="URL">About
<option value="URL">Portfolio
<option value="http://www.foulscode.com">Foulscode.com
<option value="URL">Navigation
<option value="URL">Contact
</select>
</form>
</nav>




DEMO
Φεβρουαρίου 13, 2015 | 0 σχόλια | Διαβάστε περισσότερα

Ένα μενού από τον 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: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  z-index: -1;
}

nav li a:hover:after{ width: 100%; }
nav li:first-child a:after{ background: #3498db; }
nav li:nth-child(2) a:after{ background: #ffd071; }
nav li:nth-child(3) a:after{ background: #f0776c; }
nav li:last-child a:after{ background: #1abc9c; }



@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: local('Lato Hairline'), local('Lato-Hairline'), url(http://themes.googleusercontent.com/static/fonts/lato/v6/boeCNmOCCh-EWFLSfVffDg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(http://themes.googleusercontent.com/static/fonts/lato/v6/KT3KS9Aol4WfR6Vas8kNcg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(http://themes.googleusercontent.com/static/fonts/lato/v6/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(http://themes.googleusercontent.com/static/fonts/lato/v6/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff');
}
/* foulscode.com */
</style>
<nav>
  <ul>
    <li><a href="URL">Main</a></li>
    <li><a href="URL">About</a></li>
    <li><a href="URL">Work</a></li>
    <li><a href="URL">Contact</a></li>
  </ul>
</nav>



Φεβρουαρίου 13, 2015 | 0 σχόλια | Διαβάστε περισσότερα

Drop-down menu (limited)

Written By Fouls Code on Δευτέρα, 9 Φεβρουαρίου 2015 | Φεβρουαρίου 09, 2015




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



<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:hover {
  /* Защита от простого a:hover. */
  color: #FFF;
}
/* END: Общие стили */

/* BEGIN: Главное меню */
.menu {
  /* Рекомендуется задать высоту главного меню именно отсюда. */
  height: 90px;
}

.menu > li {
  float: left;
  height: 100%;
  width: 15%; /* Мудакам которые не поддерживают calc. */
  width: calc((100% - 90px) / 5);
  width: -moz-calc((100% - 90px) / 5);
  width: -webkit-calc((100% - 90px) / 5);
  /* IE lt 9, Chrome lt 19, Opera lt 15, Safari lt 6, FF lt 4, Android и iOS не поддерэивают calc. */
}

.menu > li.home {
  background: #3E454D url(http://s26.postimg.org/qbf4q4j9h/home.png) center no-repeat;
  width: 90px;
}

.menu > li.current {
  background-color: #F2762E !important; /* !important VS .menu li:hover */
  box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  /* IE lt 9, Chrome lt 1, Opera lt 10.5, Safari lt 3, FF lt 3.5, Android lt 2.1 и iOS lt 2.0 не поддерэивают box-shadow. */
}

.menu > li:not(:first-child) {
  box-shadow: inset 1px 0 0 0 #272B31, inset 2px 0 0 0 #434A52;
  -moz-box-shadow: inset 1px 0 0 0 #272B31, inset 2px 0 0 0 #434A52;
  -webkit-box-shadow: inset 1px 0 0 0 #272B31, inset 2px 0 0 0 #434A52;
}

.menu > li.home > a {
  color: transparent !important;
}

.menu > li > a > span {
  left: 0; /* Селектор .menu a выравнивает содержимое по центру, из-за чего span начинается от центра. Исправляем. */
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  /* IE lt 9, Chrome lt 5, Opera lt 10.5, Safari lt 3.1, FF lt 3.5, Android lt 2.1 и iOS lt 2.0 не поддерэивают transform. */
}
/* END: Главное меню */

/* BEGIN: Подменю */
.sub-menu {
  max-height: 0;
  min-width: 100%;
  overflow: hidden;
  position: absolute;
  top: 100%;
  transition: max-height .5s .2s;
  -moz-transition: max-height .5s .2s;
  -o-transition: max-height .5s .2s;
  -webkit-transition: max-height .5s .2s;
}

li:hover > .sub-menu {
  max-height: 600px;
}

.sub-menu li {
  height: 60px;
}

.sub-menu a {
  line-height: 60px;
  transition: color .5s;
  -moz-transition: color .5s;
  -o-transition: color .5s;
  -webkit-transition: color .5s;
  white-space: nowrap;
}

.sub-menu li.current a,
.sub-menu a:hover {
  color: #F2762E !important; /* !important VS .menu a:hover */
}
/* foulscode.com */
</style>
<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta charset="utf-8">
    <title>Drop-down menu</title>
  </head>
  <body>
    <div id="wrapper">
      <nav>
        <ul class="menu">
          <li class="home current"><a href="URL"><span>Home</span></a></li>
          <li><a href="URL"><span>About</span></a></li>
          <li><a href="URL"><span>Service</span></a>
            <ul class="sub-menu">
              <li><a href="URL">Sub-menu 1</a></li>
              <li><a href="URL">Sub-menu 2</a></li>
              <li><a href="URL">Sub-menu 3</a></li>
            </ul>
          </li>
          <li><a href="URL"><span>Application Form</span></a></li>
          <li><a href="URL"><span>Blog</span></a></li>
          <li><a href="URL"><span>Contacts</span></a></li>
        </ul>
      </nav>
    </div>
  </body>
</html>



DEMO
Φεβρουαρίου 09, 2015 | 0 σχόλια | Διαβάστε περισσότερα

Metro Style Social Icons for Blog

Written By Fouls Code on Κυριακή, 8 Φεβρουαρίου 2015 | Φεβρουαρίου 08, 2015




Κάτι νέο που βρήκα για τα 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" target="_blank"><img height="147" src="http://1.bp.blogspot.com/-ReX8Fx2MrOk/Ud1ZFBIvvSI/AAAAAAAABuI/hX1cGTGVWZ0/s1600/facebook.png" width="147" /></a></li>
<li class="google-icon"><a href="https://plus.google.com/109721759993422268214" target="_blank"><img height="147" src="http://3.bp.blogspot.com/-9gpsltkgVP0/Ud1ZFcm_cyI/AAAAAAAABuM/0u5oe5uRmuQ/s1600/google.png" width="147" /></a></li>
</ul>
</center>
<style>
/* foulscode.blogspot.gr */
#abt-social-icons li {
 float: left;
 width: 147px;
 height: 147px;
 margin: 0 6px 6px 0;
 padding: 0 0 0 0;
 border-bottom: none;
        list-style: none;
}
#abt-social-icons li a {
 line-height: 1px;
 display: block;
}
#abt-social-icons li a:hover img {
 -webkit-opacity: 0.8;
 -moz-opacity: 0.8;
 opacity: 0.8;
}
#abt-social-icons li a span {
 display: none !important;
}
/* foulscode.blogspot.gr */
</style>


LIVE DEMO


Αντικαταστήστε τα μαρκαρισμένα URL και μετά αποθήκευση.

Φεβρουαρίου 08, 2015 | 1 σχόλια | Διαβάστε περισσότερα

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

Written By Fouls Code on Τετάρτη, 4 Φεβρουαρίου 2015 | Φεβρουαρίου 04, 2015




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

<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 // Μάρτιος
ar[3] = 30 // Απρίλιος
ar[4] = 31 // Μάιος
ar[5] = 30 // Ιούνιος
ar[6] = 31 // Ιούλιος
ar[7] = 31 // Αύγουστος
ar[8] = 30 // Σεπτέμβριος
ar[9] = 31 // Οκτώβριος
ar[10] = 30 // Νοέμβριος
ar[11] = 31 // Δεκέμβριος

// return number of days in the specified month (parameter)
return ar[month]
}

function getMonthName(month) {
// create array to hold name of each month
var ar = new Array(12)
ar[0] = "Ιανουάριος"
ar[1] = "Φεβρουάριος"
ar[2] = "Μάρτιος"
ar[3] = "Απρίλιος"
ar[4] = "Μάιος"
ar[5] = "Ιούνιος"
ar[6] = "Ιούλιος"
ar[7] = "Αύγουστος"
ar[8] = "Σεπτέμβριος"
ar[9] = "Οκτώβριος"
ar[10] = "Νοέμβριος"
ar[11] = "Δεκέμβριος"

// return name of specified month (parameter)
return ar[month]
}

function setCal() {
// standard time attributes
var now = new Date()
var year = now.getYear()
if (year < 1000)
year+=1900
var month = now.getMonth()
var monthName = getMonthName(month)
var date = now.getDate()
now = null

// create instance of first day of month, and extract the day on which it occurs
var firstDayInstance = new Date(year, month, 1)
var firstDay = firstDayInstance.getDay()
firstDayInstance = null

// number of days in current month
var days = getDays(month, year)

// call function to draw calendar
drawCal(firstDay + 1, days, date, monthName, year)
}

function drawCal(firstDay, lastDate, date, monthName, year) {
// constant table settings
var headerHeight = 50 // height of the table's header cell
var border = 2 // 3D height of table's border
var cellspacing = 4 // width of table's border
var headerColor = "midnightblue" // color of table's header
var headerSize = "+3" // size of tables header font
var colWidth = 60 // width of columns in table
var dayCellHeight = 25 // height of cells containing days of the week
var dayColor = "red" // color of font representing week days
var cellHeight = 40 // height of cells representing dates in the calendar
var todayColor = "red" // color specifying today's date in the calendar
var timeColor = "green" // color of font representing current time

// create basic table structure
var text = "" // initialize accumulative variable to empty string
text += '<CENTER>'
text += '<TABLE BORDER=' + border + ' CELLSPACING=' + cellspacing + '>' // table settings
text += '<TH COLSPAN=7 HEIGHT=' + headerHeight + '>' // create table header cell
text += '<FONT COLOR="' + headerColor + '" SIZE=' + headerSize + '>' // set font for table header
text += monthName + ' ' + year
text += '</FONT>' // close table header's font settings
text += '</TH>' // close header cell

// variables to hold constant settings
var openCol = '<TD WIDTH=' + colWidth + ' HEIGHT=' + dayCellHeight + '>'
openCol += '<FONT COLOR="' + dayColor + '">'
var closeCol = '</FONT></TD>'

// create array of abbreviated day names
var weekDay = new Array(7)
weekDay[0] = "Κυρ"
weekDay[1] = "Δευτ"
weekDay[2] = "Τρι"
weekDay[3] = "Τετ"
weekDay[4] = "Πεμ"
weekDay[5] = "Παρ"
weekDay[6] = "Σαβ"

// create first row of table to set column width and specify week day
text += '<TR ALIGN="center" VALIGN="center">'
for (var dayNum = 0; dayNum < 7; ++dayNum) {
text += openCol + weekDay[dayNum] + closeCol
}
text += '</TR>'

// declaration and initialization of two variables to help with tables
var digit = 1
var curCell = 1

for (var row = 1; row <= Math.ceil((lastDate + firstDay - 1) / 7); ++row) {
text += '<TR ALIGN="right" VALIGN="top">'
for (var col = 1; col <= 7; ++col) {
if (digit > lastDate)
break
if (curCell < firstDay) {
text += '<TD></TD>';
curCell++
} else {
if (digit == date) { // current cell represent today's date
text += '<TD HEIGHT=' + cellHeight + '>'
text += '<FONT COLOR="' + todayColor + '">'
text += digit
text += '</FONT><BR>'
text += '<FONT COLOR="' + timeColor + '" SIZE=2>'
text += '<CENTER>' + getTime() + '</CENTER>'
text += '</FONT>'
text += '</TD>'
} else
text += '<TD HEIGHT=' + cellHeight + '>' + digit + '</TD>'
digit++
}
}
text += '</TR>'
}

// close all basic table tags
text += '</TABLE>'
text += '</CENTER>'

// print accumulative HTML string
document.write(text)
}
/* foulscode.blogspot.com */
</script>



DEMO
Φεβρουαρίου 04, 2015 | 0 σχόλια | Διαβάστε περισσότερα

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

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

 

 

AccentBox Blogger Template

AccentBox Blogger Template


View Demo       Download & Info

 

 

Counter Blogger Template

Counter Blogger Template


View Demo          Download & Info

 

 

 

Eighties Blogger Template

Eighties Blogger Template


View Demo          Download & Info

 

 

 

 ExpressNews Blogger Template

ExpressNews Blogger Template


View Demo          Download & Info

 

 

 

Frau Blogger Template

Frau Blogger Template


View Demo          Download & Info

 

 

 

HealthZone Blogger Template

HealthZone Blogger Template


View Demo          Download & Info

 

 

 

Hudson Blogger Template

Hudson Blogger Template


View Demo          Download & Info

 

 

 

Ignite Blogger Template

Ignite Blogger Template


View Demo          Download & Info

 

 

 

Journal Blogger Template

Journal Blogger Template


View Demo          Download & Info

 

 

 

McKinley Blogger Template

McKinley Blogger Template


View Demo          Download & Info

 

 

 

Pink Touch 2 Blogger Template

Pink Touch 2 Blogger Template


View Demo          Download & Info

 

 

 

Singl Blogger Template

Singl Blogger Template


View Demo          Download & Info

 

 

 

Solon Blogger Template

Solon Blogger Template


View Demo          Download & Info

 

 

 

SuevaFree Blogger Template

SuevaFree Blogger Template


View Demo          Download & Info

 

 

 

Suits Blogger Template

Suits Blogger Template


View Demo          Download & Info

 

 

 

tdPersona Blogger Template

tdPersona Blogger Template


View Demo          Download & Info

 

 

 

tdSimple Blogger Template

tdSimple Blogger Template


View Demo          Download & Info

 

 

 

TheEducation Blogger Template

TheEducation Blogger Template


View Demo          Download & Info

 

 

 

Tungsten Blogger Template

Tungsten Blogger Template


View Demo          Download & Info

 

 

 

WPEX Blogger Blogger Template

WPEX Blogger Blogger Template


View Demo          Download & Info

Φεβρουαρίου 04, 2015 | 0 σχόλια | Διαβάστε περισσότερα

FoulsCode get our app for adroid

Written By Fouls Code on Δευτέρα, 2 Φεβρουαρίου 2015 | Φεβρουαρίου 02, 2015

Σε αυτό το σημείο μπορείτε να κατεβάσετε την εφαρμογή του blog!
Φεβρουαρίου 02, 2015 | 0 σχόλια | Διαβάστε περισσότερα

iOS7 Style Icons by iynque (69 icons)


Κλικ στον παρακάτω σύνδεσμο:
 

Φεβρουαρίου 02, 2015 | 0 σχόλια | Διαβάστε περισσότερα

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



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

Το μονο που πρέπει να κάνετε είναι να μπείτε στην παρακάτω σελίδα και να κάνετε αντιγραφή και επικόλληση στην σελίδα που θέλετε να το βάλετε!


 

Φεβρουαρίου 02, 2015 | 0 σχόλια | Διαβάστε περισσότερα

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;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}
ul li ul li {
  background: #00ACC1;
  display: block;
  color: #fff;
}
ul li ul li:hover { background: #4DD0E1;}
ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}
.home {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.contact {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.ill {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
menu {
  padding-top: 200px;
}
/* foulscode.blogspot.gr */
</style>
<menu>
<ul><li class='home'>Home</li>
  <li>About</li>
  <li>
    Portfolio
    <ul>
      <li>Web Design</li>
      <li>Web Development</li>
      <li class='ill'>Illustrations</li>
    </ul>
  </li>
  <li>Blog</li>
  <li class='contact'>Contact</li>
</ul>
</menu>


DEMO
Φεβρουαρίου 02, 2015 | 0 σχόλια | Διαβάστε περισσότερα

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;
}
@keyframes loading {
  0% {
    background-position: top, 0 0;
  }
  100% {
    background-position: top, 50px 0;
  }
}
/* foulscode.blogspot.com */
</style>
<div class="progressbar">please wait..</div>


DEMO
Φεβρουαρίου 02, 2015 | 0 σχόλια | Διαβάστε περισσότερα

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





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

Στο κεφάλαιο 4, το Asterisk μελετάται λεπτομερέστερα: τα χαρακτηριστικά του γνωρίσματα, τα σενάρια χρήσης του και η αρχιτεκτονική του, παρουσιάζονται. Έμφαση δίνεται στην χρησιμοποίηση του Asterisk PBX σαν VoIP σύστημα.
 
Στο κεφάλαιο 5, το Asterisk, οι υπηρεσίες voicemail to email και click to dial πειραματίζονται στο εργαστήριο. Επίσης γίνονται κάποια πειράματα χρησιμοποιώντας την προώθηση κλήσεων σε διάφορες καταστάσεις του χρήστη που έχει ενεργοποιημένη την υπηρεσία. Τα αποτελέσματα παρουσιάζονται και αναλύονται στο τέλος αυτού του κεφαλαίου. Τα αποτελέσματα αφορούν το κατά πόσο οι υπηρεσίες που υλοποιήθηκαν και που προσφέρει το Asterisk είναι σταθερές και συμβατές με τα standards του SIP πρωτοκόλλου.
Τέλος, στο κεφάλαιο 6, η εργασία συνοψίζεται και συνάγονται κάποια συμπεράσματα
Επίσης γίνεται μια αναφορά σε κάποιες ιδέες για μελλοντική δουλειά που αφορά την περαιτέρω εξέλιξη των υπηρεσιών που υλοποιήθηκαν καθώς και την υλοποίηση κάποιων νέων υπηρεσιών


DOWNLOAD


Φεβρουαρίου 02, 2015 | 0 σχόλια | Διαβάστε περισσότερα
 
berita unik