Coduri/tutoriale html foarte utile

Vezi subiectul anterior Vezi subiectul urmator In jos

Coduri/tutoriale html foarte utile

Mesaj Scris de benkes la data de Dum Mai 13, 2012 8:16 pm

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 ) :

  1. 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>
  2. 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 ) Very Happy
    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).

  3. 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;"/>
  4. 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.
Autor : ali
Site oficial suport : http://matematica-ajutor.forumz.ro (sper ca nu este considerat publicitate, iar în caz ca da, rog sa fiu anunțat).




Impossible is nothing !

benkes
Novice
Novice

Bara Warn : Nu are Greseli
Mesaje : 6
Reputatie : 1
Data de inscriere : 07/05/2012
Varsta : 27
Localizare : Timisoara

Vezi profilul utilizatorului http://www.pasionatidematematica.blogspot.com

Sus In jos

Re: Coduri/tutoriale html foarte utile

Mesaj Scris de benkes la data de Dum Mai 13, 2012 8:18 pm

Se pare ca codul html este dezactivat pentru acest forum motiv pentru care nu veți fi în stare sa vedeți "previzualizările" oferite în tutoriale.




Impossible is nothing !

benkes
Novice
Novice

Bara Warn : Nu are Greseli
Mesaje : 6
Reputatie : 1
Data de inscriere : 07/05/2012
Varsta : 27
Localizare : Timisoara

Vezi profilul utilizatorului http://www.pasionatidematematica.blogspot.com

Sus In jos

Re: Coduri/tutoriale html foarte utile

Mesaj Scris de Gudzone la data de Lun Mai 14, 2012 5:01 am

le voi activa.
bravo.!




I GodZone




Reclama ta aici cu doar 1 euro pe luna,Y!m:hous.mussic@yahoo.com sau Skype: gheorgheci pentru detalii !!!
I GodZone

Gudzone
Administrator
Administrator

Bara Warn : Nu are Greseli
Mesaje : 890
Reputatie : 29
Data de inscriere : 14/11/2011
Varsta : 20
Localizare : Chisinau

Vezi profilul utilizatorului http://godzone.forummo.com

Sus In jos

Re: Coduri/tutoriale html foarte utile

Mesaj Scris de Continut sponsorizat Astazi la 3:15 pm


Continut sponsorizat


Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

 
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum