effetti caselle di testo

**samuz93** · 04-07-2008, 08:23

ho visto molti effetti per le caselle di testo, tipo :

1. http://www.iconlook.com/
2. http://www.joomlajunkie.com/template...ates/iluv.html
3. ricerca contatti in MSN (quando cambia colore)(dove ce la lista di tutti i contatti)

2.( affianco al menu in blu, provate a passarci sopra col mouse e cliccare)

questi sono 3 esempi ke ho trovato, e cerco lo script per mettere nel mio sito, grazie a ki mi aiuta

**ricman** · 04-07-2008, 08:44

E' tutto scritto nel codice dei siti che hai postato....

**samuz93** · 04-07-2008, 10:02

ke codice? nell' html?

**ricman** · 04-07-2008, 10:08

Originariamente inviato da samuz93
ke codice? nell' html?

...si

Se usi FF premi Mela+U (o Ctrl+U se hai win) e vedi il codice html che hanno usato. Vai a vedere dove sta il codice usato per il pulsante che preferisci, vedi a quale css (o eventuale file.js) è legato, vedi anche questo file e hai tutti gli elementi che ti servono per riprodurlo...

**samuz93** · 04-07-2008, 10:43

ok ho guardato, xo quando lo copio su front page mi da una casella di testo diversa, cioè uguale a quelle classiche ... potresti darci un okkio tu x favore xke io nn ci capisco quasi niente ... giusto cosi velocemente se puoi. grazie

**ricman** · 04-07-2008, 11:31

codice:

http://www.iconlook.com/style.css

.sbox, .ssub (line 8)
{
float: left;
display: block;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: -moz-use-text-color;
border-right-color: -moz-use-text-color;
border-bottom-color: -moz-use-text-color;
border-left-color: -moz-use-text-color;
line-height: 30px;
}
.sbox (line 9)
{
width: 445px;
height: 24px;
background-color: transparent;
background-image: url(/img/bg.png);
background-repeat: repeat;
background-attachment: scroll;
background-x-position: -1px;
background-y-position: -76px;
display: block;
padding-left: 5px;
padding-top: 6px;
font-size: 16px;
color: #666666;
float: left;
}

codice:

<div id="search" class="search">
<form action="search.icon" method="get">
<input type="text" class="sbox" name="q" />
<input type="submit" value="" class="ssub" />
<input type="hidden" name="s12" value="on"/>
<input type="hidden" name="s16" value="on"/>
<input type="hidden" name="s22" value="on"/>
<input type="hidden" name="s32" value="on"/>
<input type="hidden" name="s48" value="on"/>
<input type="hidden" name="s64" value="on"/>
<input type="hidden" name="s128" value="on"/>

</form>
</div>

**samuz93** · 04-07-2008, 15:54

ed io quali devo copiare su front page? tra la stringa <body> o <head> ???

**ricman** · 04-07-2008, 16:10

Originariamente inviato da samuz93
ed io quali devo copiare su front page? tra la stringa <body> o <head> ???

Allora il problema è un altro...
Prima di fare domande su personalizzazioni e quantaltro devi almeno aver letto questi link:

http://basic.html.it/
http://css.html.it/
http://xhtml.html.it/

**Tux7000** · 04-07-2008, 16:11

Se non hai almeno un'infarinatura di HTML ti conviene non lanciarti in queste cose...
comincia da qui:
http://basic.html.it

Ciao

[OT]
Ops... Scusa ricman non ho visto che hai già risposto tu.

[/OT]

Discussione: effetti caselle di testo

Strumenti discussione

Ricerca discussione

Visualizza

effetti caselle di testo

?

Re: ?

ok

Permessi di invio