Mérei Tamás webdesigner

Tutorial: PHP – űrlapfeldolgozás

Szerző:   |   2011-01-28

Egyszerű regisztrációs űrlap, adatellenőrzés, és az adatok adatbázisba írása. Összesen 1 óra 13 perc.

CSS forráskód


body{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #d9cb9e;
	color: #464237;
}
a {
	color: #dc3522;
	text-decoration: none;
}
p, h1, form, button{
	border: 0;
	margin: 0;
	padding: 0;
}
div#regform{
	margin: 0 auto;
	width: 400px;
	padding: 20px;
	border: solid 2px #c5b78a;
	background: #eee5c7;
	box-shadow: 3px 3px 4px #cbbc8d;
	-moz-box-shadow: 3px 3px 4px #cbbc8d;
	-webkit-box-shadow: 3px 3px 4px #cbbc8d;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}
div#regform h1 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 8px;
}
div#regform p{
	font-size: 11px;
	margin-bottom: 20px;
	border-bottom: solid 1px #c5b78a;
	padding-bottom: 10px;
}
div#regform label{
	display: block;
	font-weight: bold;
	text-align: right;
	width: 150px;
	float: left;
}
div#regform small{
	color: #8e8462;
	display: block;
	font-size: 11px;
	font-weight: normal;
	text-align: right;
}
div#regform input[type="text"], div#regform input[type="password"], div#regform input[type="file"] {
	float: left;
	background: #fbf7e8;
	padding: 5px;
	border: 1px solid #c5b78a;
	width: 200px;
	margin: 2px 0 20px 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
div#regform input[type="submit"]{
	padding: 5px 20px;
	border: 0;
	margin-left: 160px;
	background: #374140;
	color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
div.clear {
	clear: both;
}
div.message {
	background: #ddd;
	width: 420px;
	padding: 10px;
	margin: 10px auto;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 3px 3px 4px #cbbc8d;
	-moz-box-shadow: 3px 3px 4px #cbbc8d;
	-webkit-box-shadow: 3px 3px 4px #cbbc8d;
}
div.error {
	background: url('../pics/icon_error.png') #dc3522 no-repeat center left;
	color: #fff;
	text-indent: 20px;
}
div.notice {
	background: #374140;
	color: #fff;
	text-indent: 20px;
	background: url('../pics/icon_notice.png') #374140 no-repeat center left;
}


table.get_array {
	width: 400px;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 10px auto;
}
table.get_array tr:nth-child(odd) {
	background: #f4f4f4;
}
table.get_array td {
	padding: 5px;
	border: 1px dotted #ddd;
	vertical-align: top;
}
table.get_array th {
	background: #ddd;
	text-align: left;
	padding: 5px;
	border: 1px solid #ddd;
}
table.get_array tr td table {
	margin: 0;
}
table.get_array tr td:first-child {
	width: 100px;
}

div#content {
	width: 440px;
	margin: 0 auto;
}

div#header {
	width: 400px;
	margin: 20px auto;
	background: #374140;
	padding: 20px;
	box-shadow: 3px 3px 4px #cbbc8d;
	-moz-box-shadow: 3px 3px 4px #cbbc8d;
	-webkit-box-shadow: 3px 3px 4px #cbbc8d;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}
div#header a {
	font-size: 15px;
	text-transform: uppercase;
	margin: 0 20px 0 0;
	color: #fff;
}
div#header a:hover {
	padding-bottom: 2px;
	border-bottom: 2px solid #5c6867;
}
div#navbar {
	width: 400px;
	margin: 0 auto;
	padding: 20px;
	text-align: right;
}

PHP


if(isset($_POST["form_submit"])) {

	$username = $_POST["username"];
	$password1 = $_POST["password1"];
	$password2 = $_POST["password2"];
	$email1 = $_POST["email1"];
	$email2 = $_POST["email2"];
	$username_regex = '/^[a-z0-9\_\-\.]{3,10}$/';
	$email_regex = '/^([A-z0-9\_\.\-]+)@([a-z0-9\_\-\.]+).([a-z]{2,})$/';
	$error_data = false;
	$error_avatar = false;
	
	if(!$username) {
		echo "<div class='message error'>Nincs megadva felhasználónév!</div>";
		$error_data = true;
	} elseif(strlen($username)<=2) {
		echo "<div class='message error'>A felhasználónév túl rövid!</div>";
		$error_data = true;
	} elseif(!preg_match($username_regex, $username)) {
		echo "<div class='message error'>A felhasználónév nem tartalmazhat nagybetűt / specális karaktert!</div>";
		$error_data = true;
	} else {
		$sql = @ new mysqli("localhost","root","root","user");
		if($sql->connect_errno) {
			echo "<div class='message error'>Adatbázis hiba: ", $sql->connect_errno." ".$sql->connect_error;
			exit();
		}
		$username = strip_tags($username);
		$username = addcslashes($username, "%'=`");
		$query = "SELECT `user_username` FROM `user` WHERE `user_username` = '".$username."'";
		$result = $sql->query($query) or die("Hiba!");
		if($result->num_rows>0) {
			echo "<div class='message error'>A felhasználónév foglalt!</div>";
			$error_data = true;
		}
		$sql->close();
	}
	
	if($password1) {
		if($password1!=$password2) {
			echo "<div class='message error'>A két jelszó nem egyezik!</div>";
			$error_data = true;
		} elseif(strlen($password1)<=3) {
			echo "<div class='message error'>A jelszó legalább 4 karakter kell, hogy legyen!</div>";
		}
	} else {
		echo "<div class='message error'>Nincs megadva jelszó!</div>";
		$error_data = true;
	}
	
	if($email1) {
		if($email1!=$email2) {
			echo "<div class='message error'>A két e-mail cím nem egyezik!</div>";
			$error_data = true;
		} elseif(!preg_match($email_regex, $email1)) {
			echo "<div class='message error'>Az e-mail cím nem megfelelő formátumú!</div>";			
			$error_data = true;
		} else {
			$sql = @ new mysqli("localhost","root","root","user");
			if($sql->connect_errno) {
				echo "<div class='message error'>Adatbázis hiba: ", $sql->connect_errno." ".$sql->connect_error;
				exit();
			}
			$query = "SELECT `user_email` FROM `user` WHERE `user_email` = '".$email1."'";
			$result = $sql->query($query) or die("Hiba!");
			if($result->num_rows>0) {
				echo "<div class='message error'>Ezzel az e-mail címmel már regisztráltak!</div>";
				$error_data = true;
			}
		}
	} else {
		echo "<div class='message error'>Nincs megadva e-mail cím!</div>";		
		$error_data = true;
	}
	
	// csak akkor ellenőrizzük az avatart, ha fel van töltve, illetve
	// az űrlap többi mezője nem tartalmaz hibát
	if($_FILES["avatar"]["name"]!="" && $error_data==false) {
		$avatar_pathinfo = pathinfo($_FILES["avatar"]["name"]);
		$avatar_extension = $avatar_pathinfo["extension"];
		$avatar_filesize = $_FILES["avatar"]["size"];
		$avatar_tmp_name = $_FILES["avatar"]["tmp_name"];
		$avatar_dimensions = getimagesize($avatar_tmp_name);
		$avatar_mime_type = $avatar_dimensions["mime"];
		$allowed_extensions = array("image/jpeg" => "jpg", "image/gif" => "gif", "image/png" => "png");
		if(is_uploaded_file($avatar_tmp_name)) {
			if($avatar_filesize>20000) {
				echo "<div class='message error'>A fájlméret nem lehet több, mint 20kbyte.</div>";
				$error_avatar = true;
			} elseif(!in_array($avatar_extension,$allowed_extensions) || !isset($allowed_extensions[$avatar_mime_type])){
				echo "<div class='message error'>Nem engedélyezett formátum.</div>";
				$error_avatar = true;
			} elseif($avatar_dimensions[0]!=100 && $avatar_dimensions[1]!=100) {
				echo "<div class='message error'>A kép mérete kötelezően 100x100 képpont kell, hogy legyen!</div>";
				$error_avatar = true;
			} else {
				// átnevezi a tmp fájlt egy véletlenszerűen generált fájlnévre
				$avatar_local_tmp_name = $username.".".$allowed_extensions[$avatar_mime_type];
				// az átnevezett tmp fájlt áthelyezi a saját tmp könyvtárunkba
				move_uploaded_file($avatar_tmp_name,"tmp/".$avatar_local_tmp_name);
				// saját tmp könyvtárból átmásolja az upload könyvtárba
				copy("tmp/".$avatar_local_tmp_name,"upload/".$avatar_local_tmp_name);
				// törli a saját tmp fájlt
				unlink("tmp/".$avatar_local_tmp_name);
				echo "<div class='message notice'>Sikeres képfeltöltés!</div>";
			}
		}
	}
	if($error_data==false && $error_avatar==false) {
		echo "<div class='message notice'>Sikeres regisztráció!</div>";
		$sql = @ new mysqli("localhost","root","root","user");
		if($sql->connect_errno) {
			echo "<div class='message error'>Adatbázis hiba: ", $sql->connect_errno." ".$sql->connect_error;
			exit();
		}
		$query = "INSERT INTO `user` (`user_username`,`user_email`,`user_password`) VALUES ('".$username."', '".$email1."', '".sha1($password1)."')";
		$sql->query($query) or die("Hiba!");
	}
}
if(!isset($_POST["form_submit"]) || $error_data || $error_avatar) {

HTML forráskód


<div id="regform">

	<form method="POST" enctype="multipart/form-data">

		<h1>Regisztráció</h1>
		<p>Kérjük töltse ki az alábbi űrlapot!</p>
		
		<label for="username">
			felhasználónév:
			<small>legalább 3 karakter</small>
		</label>
		<input id="username" type="text" name="username" value="<?php echo isset($_POST["username"])?$_POST["username"]:""; ?>"/>
		
		<label for="password1">
			jelszó:
			<small>legalább 4 karakter</small>
		</label>
		<input id="password1" type="password" name="password1"/>

		<label for="password2">jelszó ismétlés:</label>
		<input id="password2" type="password" name="password2"/>
		
		<label for="email1">e-mail cím:</label>
		<input id="email1" type="text" name="email1" value="<?php echo isset($_POST["email1"])?$_POST["email1"]:""; ?>"/>
		
		<label for="email2">e-mail cím ismétlés:</label>
		<input id="email2" type="text" name="email2" value="<?php echo isset($_POST["email2"])?$_POST["email2"]:""; ?>"/>

		<label for="avatar">
			avatar (100x100):
			<small>JPG,GIF,PNG, max. 20kbyte</small>
		</label>
		<input id="avatar" type="file" name="avatar"/>
		
		<input type="submit" name="form_submit" value="elküldés"/>

		<div class="clear"></div>
	</form>

</div>

Mérei Tamás Webdesigner

Szerző

Mérei Tamás vagyok, webdesigner. Reszponzív weboldalak készítésével foglalkozom, grafikai tervezéstől a HTML + CSS kódolásig.

Ismerj meg! Nézd meg eddigi munkáimat! Lépj velem kapcsolatba!

162 hozzászólás

  1. Resetx
    2011. július 23. szombat - 00:22

    Üdv Cyrex,
    Ehhez hasonló ürlapot szeretnék elkészíteni természetesen mysql használatával csak lekérdezést is úgy, webes felületen lássam, a bevitt adatokat.
    illetve ott lehessen modositani/törölni,ez miként valósitható meg?
    várom válaszod.

    üdv.

  2. HaWk
    2011. május 30. hétfő - 16:23

    Szia cyrex! Szeretném kérdezni hogy nem vágnál bele egy olyan php-s tutorialba amely bemutatja hogy hogyan tudjuk beléptetni a regisztrált felhasználónkat a rendszerbe, és hogy hogyan tudjuk megváltoztatni az oldal kinézetét (vagy valami hasonlót) . A kérdést azért tettem fel (a videosmart-on sokat keresgéltem) mivel mindenhol rossz minőségben veszik fel a videókat, és a te videóid az eddigi legjobbak!
    Üdv: HaWK

    • cyrex
      2011. május 30. hétfő - 16:27

      Nem szívesen rakom az észt PHP-s dolgokkal kapcsolatban, mert annyira nem értek hozzá, nem ezzel foglalkozom.

      Szerintem ezt a tutorialt is, ha meglátná egy programozó, elsírná magát kb. 🙂

    • HaWk
      2011. június 1. szerda - 20:06

      Köszi azért a választ!

    • szucse
      2011. november 27. vasárnap - 13:35

      azért annyival ki lehetett volna bővíteni a tutorial-t, hogy egy egyszerű bejelentkezést is végrehajtani egy csapásra. 🙂 amúgy nagyon tetszik, elég frappáns kis megoldások vannak benne. 🙂 és annyira nem sírógörcs keringető sem a kódolás sem pedig a felépítés, kezdőknek NAGYON merem ajánlani. 🙂 szóval respect+1. 🙂

  3. HaWk
    2011. május 28. szombat - 17:07

    ÉN állandó jelleggel ezt kapom vissza a kép feltöltésénél! array(0) { } Mi lehet ez?

    • imre
      2011. október 30. vasárnap - 08:08

      a kép mappának ahova menti adj 777 jogot

  4. torrents
    2011. március 20. vasárnap - 20:01

    ha minden igaz a google-n lehet találni megírt belépési php kódot, reg kódot is gondolom akkor végül is minden ami egy szokványos oldalban benne van csak ki kell onnan másolni

    • Kari
      2011. május 24. kedd - 09:13

      Sziasztok! Nekem az alábbi rész nem működik – vagyis nem írja ki az “Adatbázis hiba!” üzenetet.
      A DIV et nem kell lezárni a végén? Ha igen, hogyan mert úgy sem volt jó.
      if($sql->connect_errno) {
      echo “Adatbázis hiba: “, $sql->connect_errno.” “.$sql->connect_error;
      exit();
      }
      Amúgy nagyon jók a videók!!

  5. torrents
    2011. március 20. vasárnap - 18:30

    nagyon sokat lehet tanulni a videóidból én már az alap html+css dolgokat szinte magamtól meg tudom írni pedig csak 2 napja tanulgatom tőled. arra kérnélek ha lehet egy kicsivel több php oktató videód is legyen. érdekelne a regisztrációs űrlap készítés után egy beléptetési rendszer, és hogy a felhasználóknak hogyan lehet csinálni saját számlát csinálni ahol jelszavat tudnak változtatni stb stb. köszönöm

    • tichi
      2012. július 25. szerda - 16:49

      Szerintem is jók lennének ezek!

  6. feco132
    2011. március 17. csütörtök - 20:34

    Nagyon jó a videó, viszont az inject-es részt nem kellett volna ennyire részletezned, és ötletet adni a programozóknak…
    Így is elég sokan ismerik..

    De attól függetlenül köszönöm a videót!!!

  7. Weffar
    2011. március 12. szombat - 21:39

    Üdv!
    PHP-val admin felületet nehéz csinálni?
    És, mivel lehetne azt megoldani, hogy bejegyzéseket tudjak írni az oldalamra?

  8. Weffar
    2011. március 7. hétfő - 23:34

    Üdv cyrex!

    Azt szeretném megkérdezni, hogy én egy sulinak akarom megcsinálni a weboldalát.
    Na, és az lenne a lényeg, hogy eléggé gyakran frissül a tartalom a felvételik hírek meg stb. miatt, és szeretném ezt valahogy dinamikussá tenni, a lényeg ne kelljen a kódokhoz irkálni. Ezt meg lehet oldani HTML/CSS + PHP segítségével?
    A HTML/CSS része az megvan azt értem, de a PHP-ban ezt, hogy tudom megoldani?
    Tudom, hogy sok a dolgod, nekem csak egy kezdő lökés kellene, már az is jó lenne ha csak küldelénpár linket a témával kapcsolatosan.
    Válaszod előre köszönöm!

    • Weffar
      2011. március 7. hétfő - 23:36

      Bocsi, ha nem a legmegfelelőbb témába írtam a gondomat! 🙂

    • Horváth Róbert
      2014. április 16. szerda - 22:33

      Mysql-ben meg tudod csinálni, létre kell hozni egy táblázatot amelybe az oldalakat írod be. Aztán, persze meg kell jelenítened a menüben ezeknek az oldalaknak a linkjét, amelyre rákattintva bejön az oldal. Aztán kell csinálni egy olyan Mysql táblázatot, amelybe beírod az újdonságokat, és a tábla egyik mezőjébe megadod az oldal címét, amelyre a tartalmat kívánod. Küldök egy linket, amely jó kezdő löketet jelent!

      http://www.youtube.com/watch?v=F_8yyHUG2Qc

      Ennek nézd meg a második és a harmadik részét is

  9. Pöti
    2011. február 28. hétfő - 21:45

    Köszönöm 🙂

  10. Shade
    2011. február 28. hétfő - 18:57

    Sziasztok!

    Cyrex engem a hibaüzenetek/notice-nak a css méretük érdekelne, am tökéletes amit ide tettél.

  11. OwN3D By
    2011. február 28. hétfő - 18:26

    cy de ügyes vagy, de új videót követelünk 😉

    • OwN3D By
      2011. február 28. hétfő - 18:32

      😀 de attól, bocs hogy kötözködök, de css-jét feltöltölthetnéd és eléglenne me a végén anélk nem nyitja meg

  12. Pöti
    2011. február 27. vasárnap - 17:46

    Lenne egy nagyon fontos kérdésem 🙂
    Hibát talált nekem. ebben a sorban:
    Warning: main() [function.main]: Couldn’t fetch mysqli in /var/www/szunyi.com/animemax/www/register.php on line 98
    INSERT INTO user (user_username,user_email,user_password,user_msn) VALUES (‘Anonim’, ‘danku.barnabas@hotmail.com’, ‘7c4a8d09ca3762af61e59520943dc26494f8941b’, ‘danku.barnabas@hotmail.com’)
    Warning: mysqli::query() [mysqli.query]: Couldn’t fetch mysqli in /var/www/szunyi.com/animemax/www/register.php on line 103
    Hiba!

    és ez a php:

    if($error_data==false && $error_avatar==false) {
    echo “Sikeres regisztráció.! Üdvözlünk.!”;
    $sql = @ new mysqli(“sql”,”Felhasználónév”,”Jelszóm”,”user”);
    if($sql->connect_errno) {
    echo “Adatbázis hiba: “, $sql->connect_errno.” “.$sql->connect_error;
    exit();
    }
    echo $query =”INSERT INTO user (‘user_username’, ‘user_email’, ‘user_password’, ‘user_msn’) VALUES (‘”.$username.”‘, ‘”.$email1.”‘, ‘”.sha1($password1).”‘, ‘”.$msn.”‘)”;
    $sql->query($query) or die(“Hiba!”);
    }
    ebben a sorban észlel hibát: if($sql->connect_errno) {

    Mi lehet a gond?:S

    • cyrex
      2011. február 27. vasárnap - 20:49

      Beraktam a forráskódot.

  13. Pöti
    2011. február 26. szombat - 16:23

    Helló… Azt szeretném megkérdezni hogy hogyan lehet megcsinálni a logint?. némileg értem hogyan kell, csak hogy ha belép valaki akkor eltűnjenek menük, megjelenjen néhány +információ stb… remélem érted 🙂
    Előre is köszönöm a segítséget:)
    üdv Pöti

    • cyrex
      2011. február 27. vasárnap - 08:03

      1. csinálsz egy beléptető formot, user / pass
      2. feldolgozod az onnan jövő adatokat, ellenőrzöd, a hibákat kezeled
      3. ha sikerült a belépés, akkor létrehozol egy session változót, logged_user vagy valami hasonló néven
      4. ezután bárhol a kódban le tudod kérdezni ezt a változót, és ettől függően tartalmat megjeleníteni: ha be vagy lépve, ezt látod, ellenkező esetben meg ezt

      Akarok majd ilyen videót is csinálni.

  14. OwN3D By
    2011. február 19. szombat - 16:09

    Hello
    1-2 dolgot kritizálok most, de nagyon gratula az egészhez.
    1. A styleről egy szó sem esik szinte soha, ha ilyen videót csinálsz…
    2. az első részét a amit w3.orgról lehet leszedni legkönnyeben azt se találtam még meghogy melyiket és honnan szeded, linkelhetnél 1-2 dolgot + saját tárhelyre feltölthetnél 1-2 ilyet hogy lássuk mink is hogy hogyan működik….

    és ez jó ?

    My page title

    • cyrex
      2011. február 19. szombat - 17:22

      Ez egy PHP videó, nem a dizájnról szól. Így is több, mint 1 óra, ha még a css is hozzájönne, akkor lenne vagy másfél. Korábban egyébként leírtam itt a kommentekben, hogy a css-t nem írtam meg külön, hanem kerestem egy kész mintát a feladathoz innen: http://woork.blogspot.com/2008/06/clean-and-pure-css-form-design.html

      A blog dugig van HTML+CSS videókkal, de akkor majd csinálok külön egyet az űrlaptervezésről is.

      A doctype-ot vagy másolod egy kész dokumentumból, vagy guglizod: http://www.google.hu/search?q=html+doctype
      De, ha egyiket sem akarod, akkor nyomsz egy forrás megtekintést mondjuk ezen az oldalon és onnan kimásolod.

    • OwN3D By
      2011. február 20. vasárnap - 23:07

      Jó, értem, de azért css sztem fontos mert az adja a kinézet nagyrészét még phpba is nem???

      de tényleg szép munkát végzel! köszi a segítséget…

    • OwN3D By
      2011. február 20. vasárnap - 23:08

      ui.: de mégmindig nem tom hogy hova listázza ki az adatokat, azt lehetne hogy egy tárhelyre vagyegyébb ilyen helyre felmentse az adatokat???

    • cyrex
      2011. február 21. hétfő - 07:00

      Adatbázisba menti az adatokat.

    • Adorján
      2011. szeptember 20. kedd - 16:39

      Hogyan lehet erről az oldalról kész CSS stílust letölteni???
      http://woork.blogspot.com/2008/06/clean-and-pure-css-form-design.html

  15. SPiLeR
    2011. február 8. kedd - 20:17

    amúgy meg ha nem saját szerverre töltjük fel a feltöltött képet hanem pl uw-ra akkor hogy kel azt vagy ha mátr saját szerónál járunk azt hogy lehet?<– ezt már leírtam később csak arra nem válaszolt seni pedig kéne :/

    • SPiLeR
      2011. február 8. kedd - 20:17

      mármint fontos lenne

    • cyrex
      2011. február 9. szerda - 09:24

      Fogalmam sincs az UW milyen, de az eddigi tapasztalatok szerint egy hulladék. Igazából ingyenes tárhelyre semmilyen dinamikus tartalmat nem töltenék. Évi 13 ezerért már adnak normális tárhelyet PHP+MySQL támogatással, domain névvel, e-mail címekkel együtt. Ilyen árak mellett nem érdemes szenvedni az ingyenes tárhelyekkel.

    • SPiLeR
      2011. február 9. szerda - 19:32

      csak én még gyerek vagyok és szüleim nem hiszem hoyg ebbe bele mennek :/ 😛 de úgy hallottam vagy olvastam avgy nem tom honnan veszem de mintha valamikor azt mondatd volna hogy ez a cyrex.hu saját szrveren megy ha ez igaz akk az hogyan ?:O

    • cyrex
      2011. február 10. csütörtök - 08:48

      Úgy, hogy nem mástól béreljük a tárhelyet, hanem saját szerverünk van.

    • SPiLeR
      2011. február 10. csütörtök - 17:35

      és olyat hogyan csinálhatnék? vagy ahoz kell valamien külön megvásárolandó kütyü?

    • cyrex
      2011. február 21. hétfő - 07:03

      Sehogy. Nem magánszemélyként bérlem a szervert, hanem a cégé ahol dolgozom. Egy komolyabb szervert több millió Ft, a havi díja pedig sok 10ezer Ft amit a szerverparknak kell fizetni. Nyilvánvalóan én sem tudnám ezt megfizetni, meg értelme sem lenne azért, hogy egy non-profit blogot üzemeltessek.

    • SPiLeR
      2011. február 21. hétfő - 07:47

      jah értem akkor egyenlőre maradok az uw nél 😛

  16. Ádám
    2011. február 4. péntek - 17:06

    A következő videó mikorra várható?

    • cyrex
      2011. február 4. péntek - 18:12

      Nem tudom, jelenleg eléggé elfoglalt vagyok.

  17. DoubleW
    2011. február 4. péntek - 11:46

    Szia!
    Az elsö kérdésem az lenne hogy az Elküldés gombot mivel csináltad? Photoshopos megoldás? A második kérdésem meg az hogy az input type-kat hogyan tetted pont egymás alá? Előre is köszönöm a válaszod.üdv

    • cyrex
      2011. február 4. péntek - 11:49

      Egy gramm Photoshop nincs ebben, tiszta CSS az egész. Korábban belinkeltem már itt valakinek, hogy honnan szedtem az űrlap alapját, aztán módosítottam kicsit a CSS-t.

    • DoubleW
      2011. február 4. péntek - 11:53

      Köszi…és bocs hogy olyan kérdést tettem fel amit már valaki kérdezet…ugynézki nem nagyon figyeltem:)amugy grat a tudásodhoz!Hol tanultad?suli?vagy otthon magadtol?üdv

    • cyrex
      2011. február 4. péntek - 12:05

      Iskolában nem lehet megtanulni, csak magadtól.

    • DoubleW
      2011. február 4. péntek - 12:12

      Jogos:)és egyet értek:)engem most éppen a suli gátol abban hogy tanujak:Dja télleg és köszönöm…a te videóidbol tanultam meg a html-t meg a css-t:)és folytatom a tanulást.szóval köszi.üdv

  18. SPiLeR
    2011. február 3. csütörtök - 14:02

    amúgy meg ha nem saját szerverre töltjük fel a feltöltött képet hanem pl uw-ra akkor hogy kel azt vagy ha mátr saját szerónál járunk azt hogy lehet?

  19. stukker01
    2011. január 31. hétfő - 18:39

    Egyébként hogyan lehet beállítani reguláris sablonban, hogy ékezetes karaktert is tartalmazhasson pl. a felhasználónév?

    • cyrex
      2011. január 31. hétfő - 18:49

      Kibővíted a felvehető karaktereket. [a-záéíőűÁÉŐŰ] stb.

  20. Checco
    2011. január 31. hétfő - 16:02

    Ja hogy úgy, értem. köszi
    checco

  21. Checco
    2011. január 30. vasárnap - 21:40

    Sziasztok mégegyszer! Lenne egy kérdésem hogy azt hogyan lehet megcsinálni hogy egy kis keresősávot tudjak létrehozni, mint amilyen ezen az oldalon felül a bringalakat mellett van?ha valaki tudja akkor kérem szépen írja le ha hosszabb akkor írjatok erre az email címre: checcovt@gmail.com // előre is köszi! …
    Checco

    • cyrex
      2011. január 31. hétfő - 08:51

      Ezt nem kell megcsinálni, ez a WordPress része.

    • Ádám
      2011. január 31. hétfő - 09:08

      Ez WordPress-es oldal 😀

  22. Checco
    2011. január 30. vasárnap - 21:01

    Ez nagyon király videó lett, nekem nagyon tetszett. Eddig az űrlappal szarakodtam most pedig már jó. Cyrex, ha nem csinálod meg ezt a videót sosem tudom megcsinálni! 😀

    • cyrex
      2011. január 30. vasárnap - 21:07

      Azért teszteljétek ki alaposan a kódot, mert nekem a teszt annyiból állt, amit a videóban láttok 🙂

    • Menyus
      2011. február 3. csütörtök - 15:32

      videók 🙂

  23. ifjuhorgasz
    2011. január 30. vasárnap - 16:08

    húha…ezt jól megcsináltad…grat hozzá…végignézni nis egy élet volt, hát még megcsinálni milyen lehetett… a videó betöltéssel, és megnézéssel szerkesztésssel, mire én is végeztem a saját űrlapommal, addigra eltelt több mint 3 óra…

  24. Menyus
    2011. január 30. vasárnap - 09:22

    Az hogy amikor görgetem az oldalt és ha megállítom “lendületből” tovább megy egy kicsit az eddig is ilyen volt?

    • Menyus
      2011. január 30. vasárnap - 09:24

      Bocsánat ez az Opera. Egy kicsit olyan hatást kelt mintha…

    • cyrex
      2011. január 30. vasárnap - 10:04

      Vagy az egered.

  25. EoX.
    2011. január 29. szombat - 22:18

    Szevasztok!

    Jó ideje nyomon követem a blogod történéseit cyrex és megmondom őszintén le a kalappal előtted : )
    Nos, természetesen én is próbálkoztam a videóid alapján megismerkedni a HTML kódolású oldalakkal kisebb-nagyobb sikerekkel ; )
    Annyit szeretnék még mondani, hogy ha nem okozna gondot és jó ötletnek tartod feltehetnéd a Tutorialokban készült úgymond sablonokat. Így talán akik elakadtak valamiben letudják ellenőrizni magukat és kijavíthatják hibáikat : )
    Ennyi lett volna röviden és tömören. Köszönöm a figyelmet : EoX. (-<-)

    • Lexar
      2011. január 30. vasárnap - 17:53

      Ezt a kérést már megejtettem de valaki leszólt hogy inkább írjam meg én magam :O 😀

  26. stukker01
    2011. január 29. szombat - 18:40

    Én így szedem ki a html kódokat a felhasználó névből: $username=htmlspecialchars($_POST[‘username’]);

    • cyrex
      2011. január 29. szombat - 19:38

      Ez is jó megoldás, de így benne marad a kód, csak konvertálja HTML entitykre. A striptags meg kikapja egy az egyben. Van aki úgy csinálja, hogy ír egy külön függvényt amin belül végigfuttatja az összes erre szolgáló függvényen az űrlapváltozókat. Szerintem egy reguláris kifejezés, és valamilyen escape függvény elegendő, pl. a mysql_real_escape_string

  27. Dávid
    2011. január 29. szombat - 16:17

    Nem kötelező a szuperglobális változókat használni megjelennek a nevük alapján sima változóként, sőt a file típúsú mezők több változóba is eltárolódnak.

  28. SPiLeR
    2011. január 29. szombat - 15:38

    Lenne egy kérésem: ugyebár van ez a sha1-es titkosítás ami nagyon szépen működik na de ha valaki elfelejtette a jelszavát és kitölt egy olyan űrlapot amivel az elfelejtett jelszavát megkaphatja e-mail-ben akkor most hogy adjam meg neki? vagy hogy generálatnék neki egy újat (autómatán persze) na és akk az lenne a kérésem hoyg valaki magyarázza el vagy esetleg beleszőhetnéd a következő videóba 😛 😀

    • cyrex
      2011. január 29. szombat - 17:42

      Elfelejtett jelszóra csak az újragenerálás a megoldás, mert nem tudod visszafejteni a jelszót titkosítás után, pont ez a lényege.

    • SPiLeR
      2011. január 29. szombat - 18:26

      és generálni hogy kell ? :/ (ha hosszadalmas és bonyolult akk nem muszály leírni)

  29. Ádám
    2011. január 29. szombat - 12:49

    Tudnál mondani egy oldalt, ahonnan tudnék olvasni a wordpress használatáról? Szeretném megtanulni én is, mert a mostani oldalam ilyen blogszerűség és unom, hogy naponta kell uj filet csinalni és a régieket meg folyton módosítani. 😀

    • cyrex
      2011. január 29. szombat - 19:41

      Nem nagyon kell olvasgatni róla, töltsd le és telepítsd, az egész nem több 5 percnél, ráadásul magyar nyelvű az egész folyamat: http://word-press.hu/letoltes/

      Ha pedig kérdésed van, akkor olvasgasd a haza fórumot, nincs az a baromság amit ott már ne kérdeztek volna meg: http://forum.word-press.hu/

  30. SPiLeR
    2011. január 29. szombat - 00:05

    azt hogy oldottad meg hogy mindenféle sörtéres meg miegymás nélkül a submit gomb oda le került?

    • SPiLeR
      2011. január 29. szombat - 09:27

      igazából ha megvan még akkk az egész css fájlt elkülhetnéd egyszerűen nekem sehogy sem áll össze :S itt az e-mail címem: dragonballkob@gmail.com

    • cyrex
      2011. január 29. szombat - 10:55

      Igazából a CSS alapját nem én írtam, csak módosítottam egy kész cuccot, amit itt találtam. Tudom, hogy elég amatőr dolog egy webdesign blog-on ilyet csinálni, de nem akartam még a CSS megírásával is időt tölteni :mrgreen:

    • SPiLeR
      2011. január 29. szombat - 11:19

      ejnye 😛 na mind1 azért köszi 😀

  31. pico
    2011. január 28. péntek - 23:51

    Ez nagyon ott volt a végén komolyam meg tapsoltalak

  32. PePe
    2011. január 28. péntek - 22:49

    Üdv! köszi szépen a videókat, minden bizonnyal hasznomra fog válni a későbbiek során, szvsz még lehetne tutorial chatre és sütik elkészítésére

  33. SPiLeR
    2011. január 28. péntek - 22:26

    na ez már picit bonyolultabb de hasznos az biztos 😀

    • cyrex
      2011. január 29. szombat - 19:43

      Nem bonyolult ez egyáltalán, jóformán szelekciókból áll az egész.

    • Adam
      2013. november 26. kedd - 20:11

      Egyátalán nem bonyolult PHP-zni viszont két aranyszabályt adhatok? amit jó ha megfogadsz.

      1, Pascalon gyakorolj az hasonló a PHP-hez
      2. A PHP szekvenciális ugyanúhy mint a pascal így nemsok szintaktikai eltérés van.

  34. Hoszy
    2011. január 28. péntek - 22:08

    Nagy respect.

    Ezt ilyen szépen végig nyomatni, én nem lettem volna képes. Mondjuk nekem, mint már párszor említettem, akár E-Mail, akár hozzászólás által, a css el és a designal van nagyobb gondom. 😀 De ez a videó most nagyon sokat segített. 😀 Köszi

    • cyrex
      2011. január 29. szombat - 10:57

      Azért csináltam külön részekben, mert így mindig vissza tudtam nézni az előzőt, és utána javítani benne a hibákat. De az utolsó részben azért így is elég rendesen jöttek elő hibák.

  35. Ádám
    2011. január 28. péntek - 21:42

    Most látom, hogy egy másik kérdésemre is válaszoltál 😀

  36. Ádám
    2011. január 28. péntek - 21:41

    Link. Nem is tudom h miért nem itt kérdeztem 😀
    Eszembe se jutott. 😀 Amúgy köszi a választ. Nem is tudtam h gyakorikerdesezel 😀

    • cyrex
      2011. január 28. péntek - 21:43

      Nem használom azt az oldalt, de a statisztikában láttam, hogy van onnan hivatkozás a oldalra 🙂

    • Ádám
      2011. január 28. péntek - 21:44

      És mikor regisztráltál az oldalra? Akkor gondolom, hogy most 😀

    • cyrex
      2011. január 28. péntek - 21:46

      Most. Kénytelen voltam, különben nem tudtam volna választ írni.

  37. Brien
    2011. január 28. péntek - 21:19

    KÖSZY 🙂

  38. SPiLeR
    2011. január 28. péntek - 20:44

    ááá:D végre:D újab király tanulni való 😀 kösz kösz kösz:D

  39. Menyus
    2011. január 28. péntek - 20:35

    wáóóóó!!!

  40. Ádám
    2011. január 28. péntek - 20:02

    Uhh, hát ez elég hosszúra sikeredett 😀

    • stukker01
      2011. január 29. szombat - 12:42

      Hmm… 1 óra 13 perc tömény php. Jeeee! 🙂

Hozzászólás

Legújabb hozzászólások