Notiuni elementare de HTML

Scris de **Ruddpack** Lun 17 Feb 2014, 10:10 pm

Notiuni elementare de HTML

Am citit acum câteva zile despre câteva "coade" html foarte interesante și m-am gândit sa postez o "mana" dintre ele pe aici (sper ca nu or fost postate pana acum pe undeva Very Happy

) :

tagurile legend și fieldset :
Sunt niște tagguri foarte puțin folosite în pagini html, dar personal mi se par foarte interesante, comanda ar fi :
Cod:
<fieldset> <legend>Titlu</legend> ... Aici vine textul ... </fieldset>
Se modifica doar "Titlu" și "Aici vine textul".
Efectul :
<fieldset style="border-width:2px;">
<legend> Titlu </legend>
... Aici vine textul ...
</fieldset>
Cod imprimanta (cu un pic de jQuery) :
Cod:
<a href="javascript:window.print()"><img src="http://1.bp.blogspot.com/_lDtjkfq5O1Y/TUGk4yCS3cI/AAAAAAAACCM/c7UUZw9OtZA/s400/IMPRIMANTA.gif" height="60" width="60"/></a>
(imaginea este un bonus de la mine )
Ce face acest cod? evident nu ? eh... pune un icon "imprimanta" undeva în site-ul tău, iar odată apăsat acel icon se poate printa pagina respectiva (un cod util pentru forum-uri ce au de zis ceva).
butonul refresh- COD:
Cod:
<input type="button" value="Incarca pagina" onClick="location.reload();" style="width: 200px; height: 30px; background: #6699FF; color: #ffffff; cursor: pointer; border: 0px;"/>
Adaugă un buton refresh unde doriți in pagina ... se poate adauga o imagine cu "refresh" (pt mai multe detalii întrebați).
Efect :
<input type="button" value="Incarca pagina" onClick="location.reload();" style="width: 200px; height: 30px; background: #6699FF; color: #ffffff; cursor: pointer; border: 0px;"/>
link automat- COD
Cod:
<a href="URL pagina web" onmouseover="window.location=this.href"> Descriere link</a>
Acest cod face ca un link sa se deschide fără a fi apăsat ci simplu printr-un mouse over.
De ex. ai un link foarte important pentru tine (de obicei linkuri de publicitate) și vrei sa fie accesat (abuziv) ...eh atunci poți folosi codul de mai sus (publishers știu despre ce vb).

Acum va prezint tutorialele foarte interesante :
Tooltip : cod CSS (PHPBB3)

Cod:: a.alilink{position: absolute;} a.alilink:hover:after{ background-color: CornflowerBlue; border-radius: 5px; color: #FFF; content: attr(rel); font-size: 12px; left: 2em; padding: 2px 10px; position: absolute; top: -2.5em; white-space: pre; }

Iar codul html :

Cod:: <a class="alilink" href="#" rel="exemplu informatii detaliate">acest link</a>

Ce face acest cod?
Simplu, afișează un tooltip draguți deasupra linkurilor . Pentru a personaliza căsuța tooltip...intrebati-ma.
Cod antispammer:
Acuma poti lupta impotriva lor!
Robotii (numiti si spideri, crawleri, sau boti) sunt programe care cauta neancetat pagini pe internet si indexeaza linkurile de pe site web, blog-uri sau forum-uri. Cand un robot de la un site de spam viziteaza site-ul, blog-ul, forum-ul tau, toate paginile vor fi analizate pentru eventuale adrese de e-mail folosite de tine. Aceste adrese de e-mail pot fi folosite pentru a-ti trimite reclame nesolicitate.

Tot ce trebuie sa faci este sa adaugi un link special pe site/blog. Astfel, de fiecare data cand un robot de spam scaneaza site-ul/blog-ul tau, el va fi atras catre acest link.
Adauga urmatorul cod unde doreti pe blog/sau site:

Cod:: <a href="http://romanian-208584878806.spampoison.com"></a>

Acest link se poate personaliza cum ați dori dvs, de exemplu, puteți adaugă un icon/banner/buton html cu acest cod undeva in site-ul tău (mai multe detalii întrebați-mă).
Eu personal l-am pus în linkurile de la copy-right oferite de FG (arata mai bine).
Ps: descriere pentru antispam este oferite de site-ul suport este un avantaj vice-versa (pentru cei care cred ca-s plagiator).
Atât am astăzi de spus deși ar mai fi încă un tutorial micuți și foarte interesant (îl voi posta data viitoare) ... pana atunci sper sa va fi plăcut aceste coade.

________________________________________________________________________________________________
Mesaj scris de Lexy

Numai bine,
Echipa RO-Samp