PhP-webmarket: February 2016

Wednesday, February 24, 2016

Navigációs bar - css stilusal

About
Login

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Navigacio gombok</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style>
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;

    /*position: fixed;
    top: 0;
    width: 100%;*/
    color:#000000;
    border: 1px solid #000000;
    background-color: #ff9900;
}

li {
    float: left;
    border-right: 1px solid #bbb;
}

li a {
    display: block;
   color: #000000;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

/* Change the link color to #111 (black) on hover */
li a:hover {
    background-color: #ffee00;
}

li:last-child {
    border-right: none;
</style>
</head>
<body>
<table width="800" border="0" align="center">
<tr>
    <td><ul>
<li><a href="#home">Home</a></li>
<li><a href="#news">News</a></li>
<li><a href="#contact">Contact</a></li>
<ul style="float:right;list-style-type:none;">
    <li><a class="active" href="#about">About</a></li>
    <li><a href="#login">Login</a></li>
</ul>
</ul></td>
</tr>
</table>
</body>
</html>

Sunday, February 21, 2016

Download counter

counter.php file

<?php
if (file_exists('counter.txt'))
{
$fil= fopen('counter.txt','r');
$dat=fread($fil,filesize('counter.txt'));

print "<br>Downloaded : " . $dat;

fclose($fil);
$fil=fopen('counter.txt','w');
fwrite($fil, $dat+1);
}
else
{
$fil=fopen('counter.txt','w');
fwrite($fil, 1);
echo'1';

fclose($fil);
}
?>

counter.txt

ez pedig az a file ahol a számláló megjegyzi az adatokat.

Az egész program letölthető innen https://www.dropbox.com/s/kcib7jat8k1in51/counter.php?dl=0

Wednesday, February 17, 2016

PayPal fizető gomb a weboldalunkra

PayPal fizetési kód HTML megoldása.
Természetesen nem árt ha a beállításkor odafigyelünk,
mert könnyen nem az elképzelt célt érjük el.

html kód :

Tuesday, February 16, 2016

Skype elérés weboldalról

Monday, February 15, 2016

Meta Tag - az oldalunk kereső optimalizálásra

Ezek a TAGek a kereső robotok számára kell feltüntetnünk, hogy eltudja olvasni miről is szól az oldalunk.

<title>ccccccccccccíít</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="css.css" type="text/css" rel="stylesheet">
<link rel="shortcut icon" type="image/gif" href="favicon.gif" >
<meta name="description" content="php, html , css megoldások kezdőknek">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">

<meta name="robots" content="index/follow">
<meta name="verify-v1" content="s1Wp+M................=" />
<meta name="Author" content="szobytech@yahoo.com">
<meta name="generator" content="SzobyTECH">
<meta name="Publisher" content="Szoby">
<meta name="copyright" content="Szobytech 2016." />
<meta name="country" content="Hungary">
<meta name="content-language" content="hu, hun, hungarian">
<meta name="revisit-after" content="5 days">

Thursday, February 11, 2016

CSS3 oval switch checkboxes

Untitled Document

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>

input[type=checkbox].oval{
   visibility: hidden;
}

label.toggler{ /* Label "track" style */
   width: 85px; /* width of label */
   height: 35px; /* height of label */
   position: relative;
   display: block; /* change "block" to "inline-block" if you want toggler to appear inline with other content next to it */
   border-radius: 25px;
   box-shadow: 8px 2px 8px rgba(0,0,0,0.7) inset, -7px 1px 8px rgba(0,0,0,0.7) inset; /* default gray shadow */
   left: 0;
   top: 0;
   background: #7A7A7A; /* default tray background */
   z-index: 50;
   font: bold 12px Arial;
   cursor: pointer;
}

label.toggler::before{ /* label "off" state text */
   text-shadow: 0 -2px 1px #8a8a8a;
   content: 'OFF';
   position: absolute;
   color: white;
   top: 10px;
   left: 64%;
}

label.toggler::after{ /* Round Knob "off" state */
   content: '';
   display: block;
   width: 40px;
   height: 40px;
   border-radius: 40px;
   -webkit-transition: all .5s ease;
   -moz-transition: all .5s ease;
   -o-transition: all .5s ease;
   -ms-transition: all .5s ease;
   transition: all .5s ease;
   box-shadow: 0 5px 10px rgba(0,0,0,.5), 2px -5px 5px rgba(0,0,0,.2) inset;
   position: absolute;
   top: -5px;
   left: 0px;
   background: rgb(255,255,255); /* knob style gradient */
   background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(224,224,224,1) 37%, rgba(186,186,186,1) 38%, rgba(244,244,244,1) 48%, rgba(252,252,252,1) 100%);
   background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(37%,rgba(224,224,224,1)), color-stop(38%,rgba(186,186,186,1)), color-stop(48%,rgba(244,244,244,1)), color-stop(100%,rgba(252,252,252,1)));
   background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(224,224,224,1) 37%,rgba(186,186,186,1) 38%,rgba(244,244,244,1) 48%,rgba(252,252,252,1) 100%);
   background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(224,224,224,1) 37%,rgba(186,186,186,1) 38%,rgba(244,244,244,1) 48%,rgba(252,252,252,1) 100%);
   background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(224,224,224,1) 37%,rgba(186,186,186,1) 38%,rgba(244,244,244,1) 48%,rgba(252,252,252,1) 100%);
   background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(224,224,224,1) 37%,rgba(186,186,186,1) 38%,rgba(244,244,244,1) 48%,rgba(252,252,252,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fcfcfc',GradientType=1 );
}

input[type=checkbox]:checked + label{ /* Label "track" "on" style */
   background: #9FBA48; /* green background */
   box-shadow: 8px 2px 8px rgba(58,145,34,0.7) inset, -7px 1px 8px rgba(58,145,34,0.7) inset; /* green shadow */
}

input[type=checkbox]:checked + label::before{ /* label "on" state text */
   content: 'ON';
   left: 11%;
}

input[type=checkbox]:checked + label::after{ /* Round Knob "on" state */
   left: 45px;
}

/* ############ red theme ############# */

input[type=checkbox]:checked + label.red{ /* Label "track" "on" style */
   background: #C64141; /* green background */
   box-shadow: 8px 2px 8px rgba(130,20,20,0.7) inset, -7px 1px 8px rgba(130,20,20,0.7) inset; /* red shadow */
}

/* ############ orange theme ############# */

input[type=checkbox]:checked + label.orange{ /* Label "track" "on" style */
   background: #ED9F0E; /* orange background */
   box-shadow: 8px 2px 8px rgba(219, 116, 13,0.7) inset, -7px 1px 8px rgba(219, 116, 13,0.7) inset; /* orange shadow */
}

/* ############ yellow theme ############# */

label.yellow::before{ /* label "off" state text */
   color: white;
}

input[type=checkbox]:checked + label.yellow::before{ /* label "on" state text */
   color: black;
   text-shadow: 0 -2px 1px #eee;
}

input[type=checkbox]:checked + label.yellow{ /* Label "track" "on" style */
   color: black;
   background: #E8E009; /* yellow background */
   box-shadow: 8px 2px 8px rgba(224, 196, 83,0.7) inset, -7px 1px 8px rgba(224, 196, 83,0.7) inset; /* yellow shadow */
}

/* ############ blue theme ############# */

input[type=checkbox]:checked + label.blue{ /* Label "track" "on" style */
   background: #0DBDD8; /* blue background */
   box-shadow: 8px 2px 8px rgba(17, 120, 175,0.7) inset, -7px 1px 8px rgba(17, 120, 175,0.7) inset; /* blue shadow */
}

</style>

</head>

<body>

<input type="checkbox" id="checkbox1" class="oval" />
<label class="toggler" for="checkbox1"></label>

<input type="checkbox" id="checkbox2" class="oval" />
<label class="toggler red" for="checkbox2"></label>

<input type="checkbox" id="checkbox3" class="oval" />
<label class="toggler orange" for="checkbox3"></label>

<input type="checkbox" id="checkbox4" class="oval" />
<label class="toggler yellow" for="checkbox4"></label>

<input type="checkbox" id="checkbox5" class="oval" />
<label class="toggler blue" for="checkbox5"></label>

</body>
</html>

Wednesday, February 10, 2016

Google Speed

Az URL részbe (ahova azt írod pl. hogy www.google.hu), Írd be, hogy:

about:config

Nyomj ENTERT. Ha most minden igaz, akkor egy menüben vagy...

ami így nézz ki.

Keresd meg ezeket a bejegyzéseket és tedd a megadott állapotba! (TRUE/FALSE)

network.http.pipelining" "true"
network.http.proxy.pipelining" "true"
network.http.pipelining.maxrequests (Ezt állítsd át 30-ra!)

MAJD, KATTINTS BÁHOVA A JOBB GOMBBAL!

NEW->INTEGER

ÍRD BE:

nglayout.initialpaint.delay (Az érték nulla legyen!)

HA ADSL-ed van, akkor ezeket kell beállítani még:

network.http.max-connections : 64
network.http.max-connections-per-server : 21
network.http.max-persistent-connections-per-server : 8
network.http.pipelining : true
network.http.pipelining.maxrequests : 100
network.http.proxy.pipelining : true

3D gomb linkekhez

Oldalak