L.P.W.K.


Pannello HTML 1
Pannello CSS/JS

.:: TASTI CSS ::.






.:: TASTI JS ::.


.:: TASTI HTML ::.           
  

TABLEkit         

Tabella in automatico:
Numero righe:
Numero colonne:
Larghezza bordi:px
Larghezza celle:px
Altezza celle:px


Manuale:
   








FORMkit         













ANTEPRIMA AVANZATA       









Pop-up personalizzata:
larghezza:
lunghezza:
JAVASCRIPTkit         

     

   




document.

Math.
navigator.

screen.

style.
window.

A:kit       

Anteprima degli stati di un ancoraggio: è possibile variare i diversi attributi di stile e generare poi il relativo codice.

stato default   stato hover   stato active   stato visited  

IL TUO SFONDO:  

STATO DEFAULT:
font-size: colore font:  
text-decoration: sfondo:  
STATO HOVER:
font-size: colore font:  
text-decoration: sfondo:  
STATO ACTIVE:
font-size: colore font:  
text-decoration: sfondo:  
STATO VISITED:
font-size: colore font:  
text-decoration: sfondo:  
BOXkit       

Preview box: è possibile modificare i principali attributi di stile e poi generare il codice corrispondente.
1234567890! "£$ % & / ( ) =
Aa Bb Cc Dd Ee Ff Gg Hh Ii Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

font-family:
altra famiglia:  
font-style:   font-variant:
font-size: font-weight:
letter-spacing:
text-align: padding:
border:  
font-color:  
box background:  
container background:  

COLORkit       

Color palette















COLORtest
rosso:
verde:
blu:
I META

<META name="description" content="">
<META name="keywords" content="">
<META name="OWNER" content="">
<META name="AUTHOR" content="">
<META name="generator" content="">
<META name="robots" content="all | none | index | noindex | follow | nofollow">
<META http-equiv="refresh" content="5;URL=http://www.">
<META name="date" content="1994-11-06T08:49:37+00:00">
<META NAME="revisit-after" CONTENT="2 days">
<META HTTP-EQUIV="Content-Language" content="IT">
<META name="Expires" content="Tue, 01 Jun 1999 19:58:02 GMT">
<META name="Abstract" content="Abstract phrase">
LE DTD

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
OPZIONI

Grandezza caratteri pannello HTML:        
Espandi larghezza pannelli secondo risoluzione:       
Espandi lunghezza pannelli (fullscreen):       
CSS QUICK REFERENCE

background:
color image repeat attachment position
background-attachment:
fixed | scroll
background-position:
alto sinistra (percentuale o assoluto anche negativo) oppure... [top | center | bottom] [left | center | right]
background-image:
url(.gif)
background-repeat:
repeat | repeat-x | repeat-y | no-repeat
border:
border-width border-style border-color
esistono border-top border-bottom border-left border-right
border-style:
none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
border-width:
medium | thin | thick | length (no negativi)
clear:
none | left | right | both
cursor:
auto | crosshair | default | hand | move | help | wait | text | w-resize |s-resize | n-resize |e-resize | ne-resize | sw-resize | se-resize | nw-resize | pointer | url (url)
display :
block | none | inline | list-item
float :
none | left | right
font :
font-style | font-variant | font-weight | font-size(obbligatorio) | line-height | font-family(obbligatorio)
font-family :
family-name e/o generic-family (cursive | fantasy | monospace | serif | sans-serif) se il nome della famiglia è composto da più parole bisogna metterlo tra virgolette.
font-size:
absolute-size ( xx-small | x-small | small | medium | large | x-large | xx-large )
relativo ad elemento genitore ( larger | smaller )
length (no negativi)
percentuale (relativo ad elemento genitore)
font-style:
normal | italic | oblique
font-stretch:
normal | wider (rispetto genitore) | narrower (rispetto genitore) | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded
font-variant:
normal | small-caps
font-weight:
normal | bold | bolder (rispetto genitore) | lighter (rispetto genitore) | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
letter-spacing:
normal | length (anche negativi)
line-height:
normal | length | percentuale
list-style:
list-style-image (url(.gif)) list-style-position (outside | inside) list-style-type (disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none)
margin:
auto | length | percentuale
esistono margin-top margin-left margin-right margin-bottom
overflow:
auto | scroll | hidden | visible
padding:
auto | length | percentuale
esistono padding-top padding-left padding-right padding-bottom
scrollbar colorata:
scrollbar-face-color
scrollbar-highlight-color
scrollbar-3dlight-color
scrollbar-darkshadow-color
scrollbar-shadow-color
scrollbar-arrow-color
scrollbar-track-color
text-align:
left | right | center | justify
text-indent:
length | percentuale
text-decoration:
none | [ underline | overline | line-through | blink ]
text-trasform:
capitalize | uppercase | lowercase | none
vertical-align:
baseline | sub | super | top | text-top | middle | bottom | text-bottom | length | percentuale (rispetto line-height)
white-space:
normal | pre | nowrap
width:
auto | length | percentuale