Tedd ezt a cikket kedvenceid közé!
... de a macintoshom megadta magát egy villámcsapásnak, villámvédelmet is megkerülve. Ezért az 1 napos csúszás. Erről ennyit, jöjjenek a linkek:
Több mint 1000 ecset ps-hez, lehet csemegézni.
Egy újabb forrás gyűjtemény, érdemes átböngészni.
400+ jó minőségű háttér minta.
Repülő madár sziluettek vektorizálva.
Tedd ezt a cikket kedvenceid közé!
Print screen közösségi oldal. Kitűnő inspirációs forrás: másol+beilleszt+megoszt.
Rajzprogram érdekes megoldással.
Forrás dömping dizájnereknek.
40+ válogatott betűtípus a devianartról.
Tedd ezt a cikket kedvenceid közé!
Ezúttal néhány inspiráló dolog, hogy ötleteket adjon mindenkinek.
Fördőruha színek, ha már nyár van
Tedd ezt a cikket kedvenceid közé!
Háttér minták (színek szerkeszthetőek)
Háttér minták 2 (inden szerkeszthető!)
64 gyönyörű természetes ecset és vektor
Logó egyenletek :o)
Tedd ezt a cikket a kedvenceid közé!
Ezen a héten következzen egy kis nyersanyag utánpótlás!
Abstrakt ecsetek a devianartról válogatva
720 dpi-s fa textúrák. Hatalmas!
Tedd ezt a cikket a kedvenceid közé!
Több mint 40 ingyenes fotó, üres felületekkel, nehogy kihagyjátok!
Tedd ezt a cikket a kedvenceid közé!
A hétfői linkeknél ígértem hogy bemutatom hogyan tudjuk működővé tenni űrlapunkat. Ehhez a PHP programnyelvet hívjuk segítségül. Na nem kell megijedni, nem fogunk programozni, csupán egy meglévő PHP mail függvényt használunk.
Szeretném mindenkinek felhívni a figyelmét arra hogy PHP mail módszer nem túl biztonságos, szóval bankszámla számot ne küldözgessünk vele. Akkor kezdjük:
A HTML
Feltételezem mindenki használt már html szerkesztőt, velük könnyedén létrehozhatunk űrlapot. Lássuk a kódot:
<form id="form" name="form" method="post" action="mail.php"> <label> <input type="text" name="nev" id="nev" /> </label> <p><label> <input type="text" name="email" id="email" /> </label> </p> <p> <label> <input type="text" name="tel" id="tel" /> </label> </p><p> <label> <textarea name="uzenet" id="uzenet" cols="45" rows="5"></textarea> </label> </p> <p> <label> <input type="submit" name="mehet" id="mehet" value="mehet" /></label> </p> </form>
Négy dologra kell figyelni:
1. Fontos hogy a használt mezők közre legyenek fogva a <form> és </form> taggal , így adhatjuk meg melyik mezők tartoznak az űrlapunkhoz.
2. A form elején található a legfontosabb rész: az action="mail.php". Ez adja meg mi fog történni ha elküldjük az űrlapot. Jelen esetben átadja az adatokat a mail.php függvényünknek.
3. Kell egy gomb is, ami végrehajtja a küldést, ez az input type="submit". A neve adja meg a gomb feliratát.
4. Minden mezőnek egyedi id-t kell adnunk, ezekre hivatkozik majd a PHP függyvény. Pl.: id="nev".
Ezeket a lépéseket leegyszerűsíthetjük a Form generátorral. Ha elkészítjük vele az űrlapot, a letöltött fájlt csak annyiban kell szerkesztenünk, hogy a mezők id-it átírjuk a sajátjainkra, pl.:id="nev" vagy id="email".
A PHP
Sokat nem szeretnék mondani róla, egyszerűen töltsétek le és tegyétek a html fájl mellé, és szerkesszétek át a saját igényeitekhez. A PHP fájlban benne van a magyarázat is, de azért vegyük végig:
Megadhatod hová küldje a levelet:
$mailto = "tecimed@proba.hu" ;
A küldött levél tárgya:
$subject = "Üzenet érkezett!" ;
A megjelenítendő lapok, pl. hibás kitöltés esetén a hiba.html fájlt jeleníti meg, sikeres küldéskor pedig koszonjuk.html-t:
$formurl = "http://www.proba.hu/urlap.html" ;
$errorurl = "http://www.proba.hu/hiba.html" ;
$thankyouurl = "http://www.proba.hu/koszonjuk.html" ;
A legfontosabb most jön! Hivatkozás a mezőneveinkre:
$nev = $_POST['nev'] ;
$email = $_POST['email'] ;
$tel = $_POST['tel'] ;
$uzenet = $_POST['uzenet'] ;
Megadhatjuk mely mezők kitöltése kötelező, nem jó kitöltés esetén a hiba.html jelenik meg:
if (empty($nev) || empty($email) || empty($tel) || empty($uzenet)) {
header( "Location: $errorurl" );
exit ;
}
Készen vagyunk! Már csak annyi a dolgunk hogy feltöltjük a szerverre a fájlokat. Várom a kérdéseket!
A kész fájlokat letölthetitek innen:
Tedd ezt a cikket a kedvenceid közé!
Ezúttal néhány érdekes online programot ajánlok nektek.
PHP űrlap generátor (hamarosan cikket olvashattok róla, hogyan hozzunk működésbe egy ilyet oldalunkon)
Utolsó kommentek