Ultimele subiecte
» [All Version] Social Link/Icons
Scris de Jean01Crv 13/10/2014, 12:52 pm

» (pHpBB3) Legenda : Sistem Nou
Scris de Jean01Crv 13/10/2014, 12:49 pm

» Imagine la Statistici & Cine este Conectat ? [pHpBB3]
Scris de Jean01Crv 13/10/2014, 12:44 pm

» Statistici - Sistem Nou [pHpBB3]
Scris de Jean01Crv 13/10/2014, 12:20 pm

» [Prezentare]Chozen
Scris de valyd1971 16/5/2014, 12:54 am

Vizitator Vizitator
Cine este conectat?
In total sunt 3 utilizatori conectati: 0 Inregistrati, 0 Invizibil si 3 Vizitatori :: 1 Motor de cautare

Nici unul

[ Vizualizeaza toata lista ]


Recordul de utilizatori conectati a fost de 42, 1/11/2012, 8:58 am

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 13/5/2012, 11:14 am

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 :

    Titlu
    ... Aici vine textul ...

  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 :

  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).
avatar
Benkes
Membru


Vezi profilul utilizatorului

Sus In jos

Re: Coduri/tutoriale html foarte utile

Mesaj Scris de Aln la data de 13/5/2012, 11:30 am

asdasdasd
avatar
Aln
Membru


Vezi profilul utilizatorului

Sus In jos

Re: Coduri/tutoriale html foarte utile

Mesaj Scris de Aln la data de 13/5/2012, 11:30 am

asdasdas
avatar
Aln
Membru


Vezi profilul utilizatorului

Sus In jos

Re: Coduri/tutoriale html foarte utile

Mesaj Scris de Aln la data de 13/5/2012, 11:38 am

asdasdasd
avatar
Aln
Membru


Vezi profilul utilizatorului

Sus In jos

Re: Coduri/tutoriale html foarte utile

Mesaj Scris de Continut sponsorizat


Continut sponsorizat


Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

 
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum