Polaroid effect with css

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
#kep{
    margin-top:100px;
    border-color:#Fff;
    border-style: solid;
    transform: rotate(-10deg);
    border-top-width:10px;
    border-left-width:10px;
    border-right-width:10px;
    border-bottom-width:30px;
    box-shadow: 3px 3px 3px #5a5a5b;}
#kep2{
    margin-top:100px;
    border-color:#Fff;
    border-style: solid;
    /*transform: rotate(-10deg);*/
    border-top-width:10px;
    border-left-width:10px;
    border-right-width:10px;
    border-bottom-width:30px;
    box-shadow: 3px 3px 3px #5a5a5b;}
   
    #kep3{
    margin-top:100px;
    border-color:#Fff;
    border-style: solid;
    transform: rotate(20deg);
    border-top-width:10px;
    border-left-width:10px;
    border-right-width:10px;
    border-bottom-width:30px;
    box-shadow: 3px 3px 3px #5a5a5b;}


</style>
</head>

<body bgcolor="#CCCCCC">



<center>

<img src="kepek/8VIZESES.JPG" width="300" id="kep" />

<img src="kepek/8VIZESES.JPG" width="300" id="kep2" />

<img src="kepek/8VIZESES.JPG" width="300" id="kep3" />


</center>
</body>
</html>

Navigációs bar - css stilusal

• Home
• News
• Contact
• 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>

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

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 :

 <form name="_xclick" action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank">
<input type="hidden" name="cmd" value="_xclick">
<input type="hidden" name="business" value="valami@valami.com"><!---Email cím amelyikre megy a kifizetés-->
<input type="hidden" name="currency_code" value="EUR"><!--a fizetendő pénznem EURO , forint pedig HUF-->
<input type="hidden" name="item_name" value="termek_elnevezese"><!---Termék elnevezése-->
<input type="hidden" name="amount" value="2000"><!---Fizetendő összeg-->
<input type="image" src="http://www.paypal.com/en_US/i/btn/btn_buynow_LG.gif" border="0" name="submit" alt="PayPal payments">
</form>

Skype elérés weboldalról

<a href="callto:webshopcenter"><img src="kepek/skype.png" border="0"></a>