Azon gondolkodtam a mai napon, hogy olyan j� lenne ha az oldalamra tudn�k k�sz�teni egy olyan lehet�s�get, ahol az olvas�im feliratkozhatnak h�rlev�lre �gy mindig �rtes�lhetn�nek a legfrissebb posztjaimr�l.

Szerintem egy weboldalnak l�nyeges, hogy legyen h�rlevele ugyanis ezzel a l�togat�kat visszat�r�thetj�k a weboldalunkra, hiszen minden egyes �j poszt ut�n a feliratkoz�k kapnak egy e-mailt az �j posztr�l. :) 

K�s�bb �szrevettem, hogy a G-Port�lnak van erre egy script-je ami nagyban megk�nny�tette a munk�t sz�momra, �gy nem kellett magamt�l �rni egyet vagy legal�bbis, ut�na keresg�lni a k�doknak. Mivel az alap h�rlev�l sablon egyszer� �s form�zatlan �s form�zni sem lehet ha m�lyebben bele nem n�zel a k�dokba... ez�rt csin�ltam egyet saj�t magamnak �s ezt a k�dot fogom most veletek megosztani.

A sok keresg�l�s ut�n nem tal�ltam egyetlen weboldalt sem ahol erre lenne k�d, teh�t nagy �r�m�mre szolg�l, hogy �ltalam megismerhetitek ezt a k�dot el�sz�r �s haszn�lhatj�tok ha sz�ks�getek van r�. :D A k�dot term�szetesen meg lehet osztani mindenkinek, vigy�tek b�tran viszont arra szeretn�lek megk�rni benneteket, hogy ne t�ntess�tek fel saj�totokk�nt. K�rlek, eml�tsetek meg belinkelve a nevemmel. (｡◕‿‿◕｡)

A k�d form�z�sa nem neh�z, �gy alak�thatj�tok ahogy csak szeretn�tek a saj�t �zl�setek szerint. �me:

1. l�p�sk�nt a G-Port�lnak van egy script-je amivel m�k�dteti a h�rlevelet. Ezt egy bal oldali modulba illessz�tek be, ett�l fog m�k�dni. :)

<script src="./gpfunc.js" type="text/javascript"></script>

Ez pedig maga a form amit szint�n egy bal oldali modulba illesszetek be. Ez a form fog megjelenni el�ttetek vizu�lisan, amit majd CSS-el form�zhattok. :)

<form action="./snewsletter.php" method="post" name="newsletterform" onsubmit="return email_check(this)" style="margin-bottom: 4px">
    <b>E-mail c�med:</b> <input class="emailfield" name="email" type="text" /><br />
    <input checked="checked" class="subscribetext" name="act" type="radio" value="sub" /> <span class="fontstyle">Feliratkozom! </span><br />
    <input class="subscribetext" name="act" type="radio" value="unsub" /> <span class="fontstyle">Leiratkozok :( </span><br />
    <table border="0" cellpadding="0" cellspacing="0" style="margin-top: 4px" width="100%">
        <tbody>
            <tr>
                <td>
                    <input class="subkuldes" type="submit" value="K�ld�s" /></td>
            </tr>
        </tbody>
    </table>
    <input name="prt" type="hidden" value="775274" /> <input name="pg" type="hidden" value="37086311" /></form>

A fenti k�dban l�trehoztam egy p�r css oszt�lyt (class), hogy form�zni tudjam az eg�szet. A vastaggal kijel�lt r�szeket �t�rhatod ha szeretn�d.

A k�d utols� sor�ban az <input name>-t�l kezd�d�en, a vastaggal kijel�lt sz�mokat a saj�t �rt�keitekre �rj�tok �t, ugyanis azok az �rt�kek az �n port�lom azonos�t�i! :) A "7"-essel kezd�d� �rt�k a port�lod azonos�t�ja, a "370"-el kezd�d� �rt�k pedig az oldal azonos�t�ja ahov� a l�togat� visszat�r a feliratkoz�s ut�n.

CSS:

.emailfield {
border-radius: 5px;
padding: 7px;
font-family: 'Raleway', sans-serif;
font-size: 13px;
}

.fontstyle {
padding: 5px;
text-transform: uppercase!important;
font-size: 11px;
letter-spacing: 1px;
font-family: 'Roboto', sans-serif;
}

.subkuldes {
padding: 10px;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 1px;
font-family: 'Raleway', sans-serif;
color: #88888;
border: 1px solid #f2f2f2;
text-align: center;
margin-left: 35%;
}

.subkuldes:hover {
padding: 10px;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 1px;
font-family: 'Raleway', sans-serif;
color: #ffffff;
background-color: #EB9F9F!important;
font-weight: bold;
border: 1px solid #EB9F9F;
text-align: center;
}

Ha esetleg lenne benne hiba vagy nem m�k�dne, akkor nyugodtan �rjatok nekem �s igyekszem kijav�tani! :) Az ember minden nap tanul valamit... ≧◡≦

Sok sikert a szerkeszt�shez! (｡◕‿‿◕｡)