HTML Curs

Nu sunt numai coduri html, ci si css si javascript.
Unele nu sunt prea bune, iar

unele nu sunt complete. Multe pot fi editate.
Coduri de miscare:
* aceste coduri pot fi utilizate si pentru imagini, flashuri, etc.
================================================================================
=====
- cod pentru a se misca scrisul spre stanga:
<marquee>Text</marquee>
================================================================================
=====
- cod pentru a se misca scrisul in sus:
<marquee scrollamount=1 direction=up loop=true>text</marquee>
================================================================================
=====
- cod pentru a se misca scrisul in jos:
<marquee scrollamount=1 direction="down" loop=true>text</marquee>
================================================================================
=====
- cod pentru a se misca scrisul in sus si in jos:
<marquee scrollamount=3 direction=down loop=true behavior=alternate>Text</marque
e>
================================================================================
=====
- cod pentru a se misca scrisul dintr-o parte in alta:
<marquee scrollamount=3 direction=right loop=true behavior=alternate>TEXt</marqu
ee>
================================================================================
=====
- tornado marquee (functioneaza numai in internet explorer)
<marquee style="filter:wave(add=10, phase=1, freq=2, strength=25);" height=50 di
rection=up scrollamount="1"><center><font color=white>Text aici <br>Alt text aic
i <br>alt text aici </font></center></marquee>
================================================================================
======
- flash marquee
<marquee scrolldelay="500" scrollamount="400">TEXT AICI </marquee>
================================================================================
======
Coduri Interactive
Cod pentru a deschide prin click o fereastra pop-up:

<a href="#" onClick="javascript:window.open('linkul dvs aici', 'pop1win', 'toolb
ar=no scrollbars=yes,width=500,height=200')">Text</a>
================================================================================
======
Cautare google:
<form method=GET action="http://www.google.com/search">
<div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="1">
<b>
<font color="#990000" size="2">Cautare Google: </font>
<input type="text" name="q" size=13 value=" Enter Text" onFocus="this.value='';"
style="BORDER-RIGHT: #436e99 1px solid; BORDER-TOP: #436e99 1px solid; FONT-WEI
GHT: bold; FONT-SIZE: 11px; BORDER-LEFT: #436e99 1px solid; COLOR: #000000; BORD
ER-BOTTOM: #436e99 1px solid; FONT-FAMILY: tahoma; BACKGROUND-COLOR: #ffff00">
</b></font>
<input type=submit class="bt5" name=btnG value="Cauta!" target=_blank>
</div>
</form>
================================================================================
======
- Cod pentru a aparea un mesaj atunci cand iesi de pe o pagina:
<body onunload="alert('Textul tau aici');">
================================================================================
======
- Cod pt dezactivarea celui de-al doilea click:
<body oncontextmenu=`alert('Crittical error detected!!');alert('Fuck off!! ');re
turn false` onselectstart=`return false`> <body oncontextmenu='return false'onse
lectstart='return false'ondragstart='return false'>
================================================================================
======
- Cod pt un buton pe care daca dai click iti apare un mesaj:
<form ACTION=URI><input type="button" value="click here" onClick='alert("Mesajul

tau aici")'></form>
================================================================================
======
- Acelasi lucru cu acelasi buton, numai ca de data aceasta puteti sa-l colorati
cum vreti:
<form ACTION=URI><input type="button" style="background:#9900ff" value="click he
re" onClick='alert("Mesajul tau aici")'></form>
================================================================================
======
Un cod fain: Cand dai cursorul peste un link sa apara un mesaj:
<a href=""onMouseover="alert('scrii mesajul care vrei sa apara cand dai cursorul
peste link')">textul linkului</a>
================================================================================
======
Cand intri pe o pagina te intreaba numele tau:
<center><h1><script language="JavaScript">document.write("<font size=5>Sal' " +
((tmp = prompt('Care iti este numele?','')) ? tmp : 'Anonimule !') + "!");</scri
pt>!<br><br></center>
================================================================================
======
Efecte pentru text (si nu numai):
*aceste coduri functioneaza numai in internet explorer
*puteti modifica dimensiunile, fonturile si culorile.
blur text:
<span style="width: 150; height: 50; font-size: 20px; font-family: verdana; colo
r: #FF0000; filter: shadow(color=#000080, direction=200)">Text</span>
================================================================================
====
Dropshadow text:
r: #FF0000; filter: dropshadow(Color=#000080, OffX=2, OffY=2, positive=2)">Text<
/span>
================================================================================
====
Flip text:
r: #000080; filter: flipv">text</span>
================================================================================
====
Glow Text:
r: #FFFFFF; filter: glow(color=#000080, strength=10)">text</span>
================================================================================
====
Shadowblur text:
r: #ff00cc; filter: blur(add = 1, direction = 220, strength = 10)">text</span>
================================================================================
====
Wave text:
r: #ff00cc; filter: wave(add=0, freq=1, lightstrength=20, phase=10, strength=10)
">Text</span>
================================================================================
====
Coduri pentru linkuri (efecte) :
Glowing Links (functioneaza numai in internet explorer) :

<style>a:hover{height:0;filter:glow(Culoare)}</style>
================================================================================
====
Rainbow links:
<style type="text/css"*>A:hover{color:white;border:1px solid LINK BORDER COLOR;c
ursor:CURSOR;background:url(http://www.bellsnwhistles.com/anid/ahr042.gif);}hr{b
ackground-image:url(http://www.bellsnwhistles.com/anid/ahr042.gif);width:65%;hei
ght:4;border:0;}input {background:url(http://www.bellsnwhistles.com/anid/ahr042.
gif); border: 1pt solid INPUT BOX BORDER COLOR; font-family:arial; color: INPUT
FONT COLOR; font-size: 10px;letter-spacing:0pt}</style>
================================================================================
====
Love links(cand dai cursorul peste un link apar niste inimioare):
<style type="text/css">A:hover{background:url(http://www.boomspeed.com/htmlcodes
/hearts.gif);} hr{background-image:url(http://www.boomspeed.com/htmlcodes/hearts
.gif);width:65%;height:4;border:0;} input{background:url(http://www.boomspeed.co
m/htmlcodes/hearts.gif)}</style>
================================================================================
====
Cursoare
Cod: <style>body{cursor: tipul cursorului}</style>
Tipuri de cursoare:
crosshair
help
wait
move
hand
progress
not-allowed
all-scroll
================================================================================
====
Altele
- back link (un link pe care daca dai click te duce la pagina vizitata anterior)
:
<a href="javascript:history.back()">back</a>
sau
<a href="javascript:history.go(-1)">back</a>
================================================================================
====
Cod pt background:
<style>body{background: black url(Linkul imaginii) fixed}</style>
================================================================================
====
Cod pt a se auzi o melodie pe site:
<BGSOUND SRC='linkul melodiei' LOOP=infinite AUTOSTART=true>
================================================================================
====
- Cod pentru schimbarea scrollbar-ului (functioneaza numai in internet explorer)
:
<style>body {scrollbar-face-color: #191970;scrollbar-shadow-color: #FF0000;scrol

lbar-highlight-color: #000000;scrollbar-3dlight-color: #ffd700;scrollbar-darksha
dow-color: #FFFFFF;scrollbar-track-color: #000000;scrollbar-arrow-color: #000000
;}</style></b>
================================================================================
====
Cod pt a se intoarce pagina invers:
<style>body{direction:rtl;}</style>

HTML Curs

Încărcat de

Informații document

Titlu original

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

HTML Curs

Încărcat de

Drepturi de autor:

Formate disponibile

Nu sunt numai coduri html, ci si css si javascript.

Unele nu sunt prea bune, iar

Cod pentru a deschide prin click o fereastra pop-up:

<form ACTION=URI><input type="button" value="click here" onClick='alert("Mesajul

Glowing Links (functioneaza numai in internet explorer) :

<style>body {scrollbar-face-color: #191970;scrollbar-shadow-color: #FF0000;scrol

S-ar putea să vă placă și