HTML-kódok | Scriptek - Hitetlen.com - Part 2

Archívum

A(z) ‘HTML-kódok’ kategória archívuma

Futó szöveg variációk

szeptember 4th, 2006

13 hozzászólás

Futó szöveg variációk

Demo, ide klikkelve látható.

Olvass tovább…

Szövegdoboz

május 11th, 2006

7 hozzászólás

Demo jelenleg látható:

Ebben fieldset-ben nincs legend!

Ebben pedig van legend

Ez a második belsejében van. Alaphelyzet.

3. fieldset

Ez a harmadik fieldset belsejében van.

A most következő szöveg a harmadik fieldset után jön.

4. Fieldset

Ez a negyedik Fieldset-ben van.

A most következő szöveg a 4. fieldset után jön!

5. Fieldset

Ez a ötödikben van.

Ez a 5. után jön.
Olvass tovább…

Kurzor-variációk

január 31st, 2006

7 hozzászólás

Az esetek döntő többségében min. IE.6 böngésző szükségeltetik!

Vidd a szövegek fölé a kurzort!
all-scroll=minden irányban gördíthatő-minta

col-resize=átméretezhető oszlopok-minta

crosshair=egyszerű célkereszt

default=általában mutató kéz

hand=mutatóujját kinyújtó kéz

help=segítségkérés-minta

move=irány-nyilak

no-drop=mutató-kéz kis áthúzott körrel

not-allowed=link nem követhető-minta

pointer=mutató kéz

progress=nyíl és homokóra

row-resize=sorátmérezetés-minta

text=sima szöveg-kurzor

vertical-text=függőlegesen javítható-szöveg minta

wait=homokóra

*-resize=átméretezés-minta a 8 alapirányba

Olvass tovább…

48 db Link-Effekt

január 28th, 2006

13 hozzászólás

Demo.Effekt: <br /> <style type="text/css">a:hover{background: url(http://www.hitetlen.com/link/1.gif)}</style> <p>	Demo. Effekt: <br /> <style type="text/css">a:hover{background: url(http://www.hitetlen.com/link/2.gif)}</style> <p>	Demo. Effekt: <br /> <style type="text/css">a:hover{background: url(http://www.hitetlen.com/link/3.gif)}</style> <p>	Demo. Effekt: <br /> <style type="text/css">a:hover{background: url(http://www.hitetlen.com/link/4.gif)}</style> <p>
Demo.Effekt: <br /> <style type="text/css">a:hover{background: url(http://www.hitetlen.com/link/5.gif)}</style> <p>	Demo. Effekt: <br /> <style type="text/css">a:hover{background: url(http://www.hitetlen.com/link/6.gif)}</style> <p>	Demo. Effekt: <br /> <style type="text/css">a:hover{background: url(http://www.hitetlen.com/link/7.gif)}</style> <p>	Demo. Effekt: <br /> <style type="text/css">a:hover{background: url(http://www.hitetlen.com/link/8.gif)}</style> <p>
Demo.Effekt: <br /> <style type="text/css">a:hover{background: url(http://www.hitetlen.com/link/9.gif)}</style> <p>	Demo. Effekt: <br /> <style type="text/css">a:hover{background: url(http://www.hitetlen.com/link/10.gif)}</style> <p>	Demo. Effekt: <br /> <style type="text/css">a:hover{background: url(http://www.hitetlen.com/link/11.gif)}</style> <p>	Demo. Effekt: <br /> <style type="text/css">a:hover{background: url(http://www.hitetlen.com/link/12.gif)}</style> <p>
Demo.Effekt: <br /> <style type="text/css">a:hover{background: url(http://www.hitetlen.com/link/13.gif)}</style> <p>	Demo. Effekt: <br /> <style type="text/css">a:hover{background: url(http://www.hitetlen.com/link/14.gif)}</style> <p>	Demo. Effekt: <br /> <style type="text/css">a:hover{background: url(http://www.hitetlen.com/link/15.gif)}</style> <p>	Demo. Effekt: <br /> <style type="text/css">a:hover{background: url(http://www.hitetlen.com/link/16.gif)}</style> <p>
Demo.Effekt: <br /> <style type="text/css">a:hover{background: url(http://www.hitetlen.com/link/17.gif)}</style> <p>	Demo. Effekt: <br /> <style type="text/css">a:hover{background: url(http://www.hitetlen.com/link/18.gif)}</style> <p>	Demo. Effekt: <br /> <style type="text/css">a:hover{background: url(http://www.hitetlen.com/link/19.gif)}</style> <p>	Demo. Effekt: <br /> <style type="text/css">a:hover{background: url(http://www.hitetlen.com/link/20.gif)}</style> <p>
Demo.Effekt: <br /> <style type="text/css">a:hover{background: url(http://www.hitetlen.com/link/21.gif)}</style> <p>	Demo. Effekt: <br /> <style type="text/css">a:hover{background: url(http://www.hitetlen.com/link/22.gif)}</style> <p>	Demo. Effekt: <br /> <style type="text/css">a:hover{background: url(http://www.hitetlen.com/link/23.gif)}</style> <p>	Demo. Effekt: <br /> <style type="text/css">a:hover{background: url(http://www.hitetlen.com/link/24.gif)}</style> <p>
Demo.Effekt: <br /> <style type="text/css">a:hover{background: url(http://www.hitetlen.com/link/25.gif)}</style> <p>	Demo. Effekt: <br /> <style type="text/css">a:hover{background: url(http://www.hitetlen.com/link/26.gif)}</style> <p>	Demo. Effekt: <br /> <style type="text/css">a:hover{background: url(http://www.hitetlen.com/link/27.gif)}</style> <p>	Demo. Effekt: <br /> <style type="text/css">a:hover{background: url(http://www.hitetlen.com/link/28.gif)}</style> <p>
Demo.Effekt: <br /> <style type="text/css">a:hover{background: url(http://www.hitetlen.com/link/29.gif)}</style> <p>	Demo. Effekt: <br /> <style type="text/css">a:hover{background: url(http://www.hitetlen.com/link/30.gif)}</style> <p>	Demo. Effekt: <br /> <style type="text/css">a:hover{background: url(http://www.hitetlen.com/link/31.gif)}</style> <p>	Demo. Effekt: <br /> <style type="text/css">a:hover{background: url(http://www.hitetlen.com/link/32.gif)}</style> <p>
Demo.Effekt: <br /> <style type="text/css">a:hover{background: url(http://www.hitetlen.com/link/33.gif)}</style> <p>	Demo. Effekt: <br /> <style type="text/css">a:hover{background: url(http://www.hitetlen.com/link/34.gif)}</style> <p>	Demo. Effekt: <br /> <style type="text/css">a:hover{background: url(http://www.hitetlen.com/link/35.gif)}</style> <p>	Demo. Effekt: <br /> <style type="text/css">a:hover{background: url(http://www.hitetlen.com/link/36.gif)}</style> <p>
Demo.Effekt: <br /> <style type="text/css">a:hover{background: url(http://www.hitetlen.com/link/37.gif)}</style> <p>	Demo. Effekt: <br /> <style type="text/css">a:hover{background: url(http://www.hitetlen.com/link/38.gif)}</style> <p>	Demo. Effekt: <br /> <style type="text/css">a:hover{background: url(http://www.hitetlen.com/link/39.gif)}</style> <p>	Demo. <br /> <style type="text/css"> <!-- a:hover{text-decoration:none; border-style:double; border-width:3px 0px; border-color:ff0000;} a{text-decoration:none;} --> </style> <p>
Demo. <br /> <style type="text/css"> <!-- a:hover{text-decoration:none; border-style:dotted; border-width:2px 0px; a{text-decoration:none;} --> </style> <p>	Demo. <br /> <style type="text/css"> <!-- A{ text-decoration : none; } A:HOVER{ text-decoration : none; border-width :3px; border-style :double; } --> </style> <p>	Demo. <br /> <style type="text/css"> <!-- A{ text-decoration : none; cursor : default; } A:HOVER{ text-decoration : none; border-width : 2px 2px 2px 2px; border-style : dotted dotted dotted dotted; } --> </style> <p>	Demo. <br /> <style type="text/css"> <!-- A{ text-decoration : none; } A:HOVER{ text-decoration : none; border-width :0px 3px; border-style :double; } --> </style> <p>
Demo. <br /> <style type="text/css"> <!-- a:hover { background-color : #ff0000- ; } --></style> <p>	Demo. <br /> <style type="text/css"> <!-- a:hover { background-color : #fff000 ; } --></style> <p>	Demo. <br /> <style type="text/css"> <!-- a:hover { background-color : #0000ff ; } --></style> <p>	Demo. <br /> <style type="text/css"> <!-- a:hover { background-color : #00ff00 ; } --></style> <p>

Olvass tovább…

Újabb bejegyzések Régebbi bejegyzések