<div style="width:300px; height:200px;">
<object type="application/x-shockwave-flash" data="http://swf.yowindow.com/yowidget3.swf" width="300" height="200">
<param name="movie" value="http://swf.yowindow.com/yowidget3.swf"/>
<param name="allowfullscreen" value="true"/>
<param name="wmode" value="opaque"/>
<param name="bgcolor" value="#FFFFFF"/>
<param name="flashvars"
value="location_id=3204672&location_name=Ba%C4%8Dka%20Topola&time_format=24&unit_system=metric&background=#FFFFFF&mini_time=false&mini_locationBar=true&mini_momentBar=true&copyright_bar=false"
/>
<a href="http://WeatherScreenSaver.com?client=widget&link=copyright"
style="width:300px;height:200px;display: block;text-indent: -50000px;font-size: 0px;background:#DDF url(http://yowindow.com/img/logo.png) no-repeat scroll 50% 50%;"
>Free Weather Widget</a>
</object>
</div>
<div style="width: 300px; height: 15px; font-size: 14px; font-family: Arial,Helvetica,sans-serif;">
<span style="float:left;"><a target="_top" href="http://WeatherScreenSaver.com?client=widget&link=copyright" style="color: #2fa900; font-weight:bold; text-decoration:none;" title="Weather Widget">YoWindow.com</a></span>
<span style="float:right; color:#888888;">Forecast by <a href="http://yr.no" style="color: #2fa900; text-decoration:none;">yr.no</a></span>
</div>
Monday, May 26, 2014
Időjárás beilesztése HTML oldalba .
Thursday, May 15, 2014
YouTUBE beágyazása és linkelése
Beágyazás weboldaladba vagy blogodba.
Linkelés
<a href="https://www.youtube.com/watch?v=FljOMaGy76Q"><img src=http://img.youtube.com/vi/NfcD3RXYmYU/2.jpg border="0" height="150" width="180" ></a>
<iframe width="420" height="315" src="//www.youtube.com/embed/FljOMaGy76Q" frameborder="0" allowfullscreen></iframe>
<a href="https://www.youtube.com/watch?v=FljOMaGy76Q"><img src=http://img.youtube.com/vi/NfcD3RXYmYU/2.jpg border="0" height="150" width="180" ></a>
Friday, May 2, 2014
PhP-webmarket: Share in Facebook
PhP-webmarket: Share in Facebook: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional....
Share in Facebook
<!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>Share in Facebook</title>
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body onload="MM_preloadImages('shareface2.png')">
<a href="http://www.facebook.com/share.php?u=http://php-webmarket.blogspot.com/" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('facebook_share_pics','','shareface2.png',1)"><img src="shareface.png" name="facebook_share_pics" width="200" height="300" border="0" id="facebook_share_pics" /></a><a rel="nofollow" href="http://www.facebook.com/share.php?u=http://www.tutorial.hu" onclick="return fbs_click()" target="_blank" class="fb_share_link"> </a>
</body>
</html>
Wednesday, April 30, 2014
Hiperlink képekel
<!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>Hiperlink képekel css segítségével.</title>
<style>
#menu{
width:1040px;
height: 300px;
margin: 0 auto;
}
#menu ul {
list-style: none;
padding-left: 0px;
}
#menu li {
display: inline;
}
#button1{
background: url(kepek/a.jpg) no-repeat left;
width: 256px;
height: 300px;
display: block;
text-align: center;
}
#button1:hover{
text-decoration: none;
background: url(kepek/a2.jpg);
background-repeat:no-repeat;
}
#button2{
background:url(kepek/b.jpg) no-repeat left;
width: 256px;
height: 300px;
display: block;
text-align: center;
}
#button2:hover{
text-decoration: none;
background: url(kepek/b2.jpg);
background-repeat:no-repeat;
}
#button3{
background: url(kepek/c.jpg) no-repeat left;
width: 256px;
height: 300px;
display: block;
text-align: center;
}
#button3:hover{
text-decoration: none;
background: url(kepek/c2.jpg);
background-repeat:no-repeat;
}
#button4{
background: url(kepek/d.jpg) no-repeat left;
width: 256px;
height: 300px;
display: block;
text-align: center;
}
#button4:hover{
text-decoration: none;
background: url(kepek/d2.jpg);
background-repeat:no-repeat;
}
#menu ul
{
margin: 0px;
padding: 0px;
}
#menu ul li a {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight:normal;
color: #ffffff;
float: left;
width: 256px;
height: 300px;
display: block;
text-align: center;
text-decoration: none;
padding-top: 0px;
margin-right: 0px;
}
#menu a:hover{
}
</style>
</head>
<body bgcolor="#000000">
<div id="menu">
<ul>
<img src="kepek/fej.png" width="1024" height="100" />
<li><a href="#" title="" id="button1">Home</a></li>
<li><a href="#" title="" id="button2">Blog</a></li>
<li><a href="#" title="" id="button3">Gallery</a></li>
<li><a href="#" title="" id="button4">About</a></li>
<font color="#FFFFFF" face="28 Days Later" size="+3">webmarketshop@gmail.com</font>
</ul>
</div>
</div>
</body>
</html>
Saturday, April 26, 2014
Email Küldés PHP segítségével
Ez a program most három különálló programból fog állni .
- index.html - ez a beviteli program.
- mail_feldolgoz.php - ez a program értelmezi a bevitt adatokat és ennek megfelelően elküldi a leveleket.
- koszon.html -ez pedig megköszöni a levelet.
Tehát először is hozunk létre az index.html oldalt.
Ide gépeljük be a következő kódot.
<!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>Email Küldés PHP segítségével</title>
<style>
#mezo{
background-color:#FC0;
border-style:double;
border-color:#900;
color:#900;}
</style>
</head>
<body>
<!--- Ez a HTML oldal csak a szöveg bevitelére alkalmas, a kitöltöt boxokat elküldi egy PhP oldalnak , ami feldolgoza és a levelet elküldi. Ezzen kivül pedig küld még egy köszönö levelet is. -->
<center>
<form action="mail_feldolgoz.php" method="post">
<p>Az ön neve : <input id="mezo" name="nev" size="20" /></p>
<p>Az ön e-mail címe : <input id="mezo" name="mail" size="20" /></p>
<p><textarea id="mezo" name="szoveg" cols="20" rows="10">A levél szövege.</textarea></p>
<p><input id="mezo" type="submit" value="ELKÜLD" /></p>
</form>
</center>
</body>
</html>
Most hozzunk létre egy mail_feldolgoz.php oldalt. Ez az oldal fogja elküldeni a leveleket.
<?
/* Ez a php program csak TXT levelet küld, semien formázás néknül .
a \n utasitás az ENTER - nek felel meg.*/
$nev=$_POST["nev"];
$mail1=$_POST["mail"];
$mail2="webmarketshop@gmail.com";
$subject1="Köszönjük a levelét.";
$subject2="Levél a szobytech serveről.";
$level=$_POST["szoveg"];
$level1="Köszönjük érdeklödését\nLevelét továbbitotuk a szerkesztőnek.\nAddig még nem érkezik tényleges válasz, kérjük csaktlakozon FACEBOOK oldalunkhoz : \nhttps://www.facebook.com/groups/htmlprogramming/\n\nKöszönetel a SzobyTECH .";
$level2="Név : ".$nev."\nE-mailcím : ".$mail1."\n\n".$level;
mail($mail1,$subject1,$level1);
mail($mail2,$subject2,$level2);
/* Ha már idályig eljutott akor a levelek el lettek küldve és innen már csak
át kell irányítanuk egy köszönő oldalra.*/
header("location:koszon.html");
?>
És végezetül hozzunk létre egy koszon.html nevű oldalt , ez fogja megköszöni a levelet.
<!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>Köszönő oldal a E-mail küldéshez.</title>
</head>
<body>
<center>
<h3>Köszönjük a levelét .<br />
Továbbitotuk a megfelelő személynek.<br />
<br />
<a href="index.html" target="_parent">Új levél írása.</a></h3>
</center>
</body>
</html>
Ahhoz, hogy a programok rendesen működjenek, nemárt megnézni a server beállításait.
Wednesday, April 23, 2014
Tuesday, April 22, 2014
Input BOX formázása CSS
igen nem
<!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>Input box és Submit gomb formázása .</title>
<style>
input{
background-color:#900; /* Input box hátér színe */
color:#FFF; /* Betű színe*/
text-align:center; /* Szöveg igazitás */
font-size:24px; /* Betű mérete*/
border-radius:25px; /* Box lekerekitése */
}
</style>
</head>
<body>
<center>
A CSS stílus csak az inputra vonatkozik .<br />
<input name="valami" size="50" value="hello" maxlength="5" /> <input type="submit" value="send" /><br />
<br />
<input type="checkbox" value="ez1" checked="checked" />igen <input type="checkbox" value="ez2" />nem<br />
<br />
<input type="button" value="ez egy sima gomb" /><br />
<br />
<input type="file" name="ez_egy_file" size="25" />
</center>
</body>
</html>
Sunday, April 20, 2014
Táblázat kezelás CSS-ben
<!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>Táblázat formázása</title>
<style>
table{
border-style:dashed;
border-top-left-radius:50px;}
td{border-top-left-radius:50px;
border-left-color:#F0F;
}
#td_center{border-bottom-right-radius:50px;
background-color:#060;
border-style:dotted;
border:ridge;
border-color:#F90;}
</style>
</head>
<body>
<table width="300" border="1" align="center">
<tr>
<td height="100" bgcolor="#FF0000"> </td>
<td bgcolor="#FFFF00"> </td>
<td bgcolor="#00FFFF"> </td>
</tr>
<tr>
<td id="td_center" height="100" colspan="3"> </td>
</tr>
<tr>
<td height="100"> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
Sunday, April 13, 2014
Betűk színei, méretei és tipusai CSS segítségével
Betü szín 1
Betü szín 1
Betü szín 1
Betü szín 1
Betü szín 1
Betü szín 1
Betü mérete 1
Betü mérete 1
Betü mérete 1
Betü mérete 1
Betü mérete 1
Betü mérete 1
Betü mérete 1
Betü mérete 1
Betü mérete 1
<!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>Betük mérete és színei !!!</title>
<style>
#betu2{
color:#F00;}
#betu3{
color:#0F0;}
#betu4{
color:#00F;}
#betu5{
color:#FF0;}
#betu6{
color:#F0F;}
#betu7{
font-size:12px;}
#betu8{
font-size:18px;}
#betu9{
font-size:24px;}
#betu10{
font-size:36px;}
#betu11{
font-size:36px;
font-family:Verdana, Geneva, sans-serif;}
#betu12{
font-size:36px;
font-family:Georgia, "Times New Roman", Times, serif;}
#betu13{
font-size:36px;
font-family:"Courier New", Courier, monospace;}
#betu14{
font-size:36px;
font-family:Arial, Helvetica, sans-serif;}
#betu15{
font-size:36px;
font-family:"Comic Sans MS", cursive;}
</style>
</head>
<body>
<p id="betu1">Betü szín 1</p><!--- Ez a sor nincsen megváltoztatva -->
<p id="betu2">Betü szín 1</p><!--- Ez a sor piros -->
<p id="betu3">Betü szín 1</p><!--- Ez a sor zöld -->
<p id="betu4">Betü szín 1</p><!--- Ez a sor kék -->
<p id="betu5">Betü szín 1</p><!--- Ez a sor sárga -->
<p id="betu6">Betü szín 1</p><!--- Ez a sor lila -->
<p id="betu7">Betü mérete 1</p><!--- Ez a sor 12px -->
<p id="betu8">Betü mérete 1</p><!--- Ez a sor 18px -->
<p id="betu9">Betü mérete 1</p><!--- Ez a sor 24px -->
<p id="betu10">Betü mérete 1</p><!--- Ez a sor 36px -->
<p id="betu11">Betü mérete 1</p><!--- Ez a sor betü tipusa Verdana, Geneva, sans-serif -->
<p id="betu12">Betü mérete 1</p><!--- Ez a sor betü tipusa Georgia, "Times New Roman", Times, serif -->
<p id="betu13">Betü mérete 1</p><!--- Ez a sor betü tipusa "Courier New", Courier, monospace -->
<p id="betu14">Betü mérete 1</p><!--- Ez a sor betü tipusa Arial, Helvetica, sans-serif-->
<p id="betu15">Betü mérete 1</p><!--- Ez a sor betü tipusa "Comic Sans MS", cursive -->
</body>
</html>
Monday, April 7, 2014
Hiperlink KÉP nagyítása CSS segítségével
<!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>Hiperlink KÉP nagyítása !!!</title>
<style>
#link{
width:150px; /* A kép szélesége */
height:100px;}/* A kép magasága */
#link:hover{
width:400px; /* A kép szélesége */
height:273px;/* A kép magasága */
}
</style>
</head>
<body>
<center>
<a href="#">
<img id="link" src="wotermarklogo.png" width="400" height="273" />
</a>
</center>
</body>
</html>
Wednesday, April 2, 2014
Fényújság - Futószöveg
<!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>Fényújság - Futószöveg </title>
<style>
#szoveg{
font-size:36px;}
#szoveg1{
color:#900;
text-decoration:line-through;}
</style>
</head>
<body>
<marquee><font id="szoveg">Keres fel e-mailban <a href="mailto:webmarketshop@gmail.com">webmarketshop@gmail.com</a></font></marquee>
<marquee><font id="szoveg1">Keres fel e-mailban <a href="mailto:webmarketshop@gmail.com">webmarketshop@gmail.com</a></font></marquee>
</body>
</html>
CSS animáció - Gombok változása
<!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>Gomb Animació 1</title>
<style>
#gomb{
width:150px; /* A gomb szélesége */
text-decoration:none; /* Szöveg dekorácíó letiltva */
border-color:#900; /* Keret színe */
border-radius:15px;} /* Keret lekerekitése */
#gomb:hover{
width:200px; /* A gomb szélesége */
text-decoration:none; /* Keret lekerekitése */
background-color:#03F;
color:#FFF;}
</style>
</head>
<body>
<a href="#"><input id="gomb" type="button" value="gomb 1" /></a><br />
<a href="#"><input id="gomb" type="button" value="gomb 2" /></a><br />
<a href="#"><input id="gomb" type="button" value="gomb 3" /></a><br />
<a href="#"><input id="gomb" type="button" value="gomb 4" /></a><br />
<a href="#"><input id="gomb" type="button" value="gomb 5" /></a><br />
<a href="#"><input id="gomb" type="button" value="gomb 6" /></a>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Gomb Animació 1</title>
<style>
#gomb{
width:150px; /* A gomb szélesége */
text-decoration:none; /* Szöveg dekorácíó letiltva */
border-color:#900; /* Keret színe */
border-radius:15px;} /* Keret lekerekitése */
#gomb:hover{
width:200px; /* A gomb szélesége */
text-decoration:none; /* Keret lekerekitése */
background-color:#03F;
color:#FFF;}
</style>
</head>
<body>
<a href="#"><input id="gomb" type="button" value="gomb 1" /></a><br />
<a href="#"><input id="gomb" type="button" value="gomb 2" /></a><br />
<a href="#"><input id="gomb" type="button" value="gomb 3" /></a><br />
<a href="#"><input id="gomb" type="button" value="gomb 4" /></a><br />
<a href="#"><input id="gomb" type="button" value="gomb 5" /></a><br />
<a href="#"><input id="gomb" type="button" value="gomb 6" /></a>
</body>
</html>
CSS animácíó - Gombok mozgatása
<!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>Gomb Animació 1</title>
<style>
#gomb{
width:150px; /* A gomb szélesége */
text-decoration:none; /* Szöveg dekorácíó letiltva */
border-color:#900; /* Keret színe */
border-radius:15px;} /* Keret lekerekitése */
#gomb:hover{
margin-left:10px; /* A gomb elmozditása */
text-decoration:none;} /* Keret lekerekitése */
</style>
</head>
<body>
<a href="#"><input id="gomb" type="button" value="gomb 1" /></a><br />
<a href="#"><input id="gomb" type="button" value="gomb 2" /></a><br />
<a href="#"><input id="gomb" type="button" value="gomb 3" /></a><br />
<a href="#"><input id="gomb" type="button" value="gomb 4" /></a><br />
<a href="#"><input id="gomb" type="button" value="gomb 5" /></a><br />
<a href="#"><input id="gomb" type="button" value="gomb 6" /></a>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Gomb Animació 1</title>
<style>
#gomb{
width:150px; /* A gomb szélesége */
text-decoration:none; /* Szöveg dekorácíó letiltva */
border-color:#900; /* Keret színe */
border-radius:15px;} /* Keret lekerekitése */
#gomb:hover{
margin-left:10px; /* A gomb elmozditása */
text-decoration:none;} /* Keret lekerekitése */
</style>
</head>
<body>
<a href="#"><input id="gomb" type="button" value="gomb 1" /></a><br />
<a href="#"><input id="gomb" type="button" value="gomb 2" /></a><br />
<a href="#"><input id="gomb" type="button" value="gomb 3" /></a><br />
<a href="#"><input id="gomb" type="button" value="gomb 4" /></a><br />
<a href="#"><input id="gomb" type="button" value="gomb 5" /></a><br />
<a href="#"><input id="gomb" type="button" value="gomb 6" /></a>
</body>
</html>
Wednesday, March 26, 2014
Dátum készítése képekel - PHP
<?
$ev=date("Y");
$ev1 = $ev[0];
$ev2 = $ev[1];
$ev3 = $ev[2];
$ev4 = $ev[3];
// ha az elválasztó pont, akor ez
$elvalasztojel = "pont";
// ha az elválasztó kötőjel, akor ez
//$elvalasztojel = "kotojel";
$honap=date("m");
$honap1=$honap[0];
$honap2=$honap[1];
$nap=date("d");
$nap1=$nap[0];
$nap2=$nap[1];
?>
<center><img src="szamok/<? echo $ev1; ?>.png" width="42" height="76"><img src="szamok/<? echo $ev2; ?>.png" width="42" height="76"><img src="szamok/<? echo $ev3; ?>.png" width="42" height="76"><img src="szamok/<? echo $ev4; ?>.png" width="42" height="76"><img src="szamok/<? echo $elvalasztojel; ?>.png" width="42" height="76"><img src="szamok/<? echo $honap1; ?>.png" width="42" height="76"><img src="szamok/<? echo $honap2; ?>.png" width="42" height="76"><img src="szamok/<? echo $elvalasztojel; ?>.png" width="42" height="76"><img src="szamok/<? echo $nap1; ?>.png" width="42" height="76"><img src="szamok/<? echo $nap2; ?>.png" width="42" height="76"></center>
Subscribe to:
Posts (Atom)