modificare l'aspetto di connessione

Salve a tutti...vorrei sapere come posso mettere la connessione accanto al logo

come qua:

http://www.folliacity.net/portal.htm


grazie mille

Allora esisteva una guida poi non so perchè è scomparsa... dunque te la rispiego (diritti a Diego)

Crei un codice visibile solo agli ospiti
PDA--->moduli--->Widget del forum--->Crea Widget
Una volta fatto questo copia e incolla il seguente codice:

Codice:

<strong><span style="font-size: 10px;"><span style="color: #ffffff;">Hai perso la password? Clicca <a href="http://www.linktuoforum.forumattivo.com/profile.forum?mode=sendpassword">QUI</a> per recuperarla.. </span></span></strong>
<br>

Modificate il link del forum mettendo il vostro! e inserite anche il codice completo:

Codice:

<div style="position:absolute;
right:20px;
top:40px;
" >
<script type="text/javascript">
function cancella(){
if(document.form1.user.value == document.form1.user.value)
document.form1.username.value = "";
}
function del() {
if(document.form1.password.value == document.form2.password.value)
document.form2.password.value = ""
}
</script>
<form name="form1" action="/login.php" method="get">
<table style="height: 36px;" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="height: 22px; width: 144px; background-image: url(http://i38.servimg.com/u/f34/14/18/94/73/usernm10.png);" align="right" valign="middle">
<table style="height: 25px; width: 100%;" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="width: 33px;">&nbsp;</td>
<td>
<input  name="username"    style="background-color: transparent; border-style: inset; border-width: 0pt; height: 27px; width: 86px;"type="text" id="nick" size="4" value="Nick" onfocus="canc();">
</td>
<td style="width: 12px;">&nbsp;</td>
</tr>
</table>
</td>
<td style="width: 0px;">&nbsp;</td>
<td style="height: 22px; width: 144px; background-image: url(http://i38.servimg.com/u/f37/14/18/94/73/passwr10.png);" align="right" valign="middle">
<table style="height: 25px; width: 100%;" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="width: 33px;">&nbsp;</td>
<td>
<input type="password"  name="pass" type="text" id="altro"  style="background-color: transparent; border-style: inset; border-width: 0pt; height: 18px; width: 100px;" value="Password" >
</td>
<td style="width: 12px;">&nbsp;</td>
</tr>
</table>
</td>
<td style="width: 10px;">&nbsp;</td>
<td><input class="mainoption" type="submit" name="login" value="Entra" /></td>
</tr>
</table>
</td>
</tr>
<tr>
<td><strong><span style="font-size: 10px;"><span style="color: #ffffff;"><input type="checkbox" name="autologin" id="auto" tabindex="4" class="checkbox" checked="checked" /><label for="auto">Connessione automatica</label></span></span></strong>
<br>
</td>
</tr>
</table>
</form>
</div>

Bene fatto questo salvate e avrete il login nel logo, se si vuole spostare il login sopra sotto più a destra o sinistra basterà modificare questa parte di codice:

Codice:

<div style="position:absolute;
right:20px;
top:40px;
" >

Ricordo che questo script è stato creato da Diego

saluti
Devil

Funziona ma mi vede solo le sritte...e non la parte grafica (la barra dove metti la password ad esempio)

e non mi connette
Ah e lo vedo anche quando sono connesso

?

x devil: il tutor originale che fine ha fatto ???

mi sa che è finito nel cestino dello staff....

Codice:

<div style="position:absolute;
right:20px;
top:40px;
" >
<script type="text/javascript">
function cancella(){
if(document.form1.user.value == document.form1.user.value)
document.form1.username.value = "";
}
function del() {
if(document.form1.password.value == document.form2.password.value)
document.form2.password.value = ""
}
</script>
<form name="form1" action="/login.php" method="get">
<table style="height: 36px;" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="height: 22px; width: 144px; background-image: url(http://i38.servimg.com/u/f34/14/18/94/73/usernm10.png);" align="right" valign="middle">
<table style="height: 25px; width: 100%;" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="width: 33px;">&nbsp;</td>
<td>
<input  name="username"    style="background-color: transparent; border-style: inset; border-width: 0pt; height: 27px; width: 86px;"type="text" id="nick" size="4" value="Nick" onfocus="canc();">
</td>
<td style="width: 12px;">&nbsp;</td>
</tr>
</table>
</td>
<td style="width: 0px;">&nbsp;</td>
<td style="height: 22px; width: 144px; background-image: url(http://i38.servimg.com/u/f37/14/18/94/73/passwr10.png);" align="right" valign="middle">
<table style="height: 25px; width: 100%;" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="width: 33px;">&nbsp;</td>
<td>
<input type="password"  name="pass" type="text" id="altro"  style="background-color: transparent; border-style: inset; border-width: 0pt; height: 18px; width: 100px;" value="Password" >
</td>
<td style="width: 12px;">&nbsp;</td>
</tr>
</table>
</td>
<td style="width: 10px;">&nbsp;</td>
<td><input class="mainoption" type="submit" name="login" value="Entra" /></td>
</tr>
</table>
</td>
</tr>
<tr>
<td><strong><span style="font-size: 10px;"><span style="color: #ffffff;"><input type="checkbox" name="autologin" id="auto" tabindex="4" class="checkbox" checked="checked" /><label for="auto">Connessione automatica</label></span></span></strong>
<br>

<br>
<div style="position: relative; top: -10px"><div class="fb_login left">
<fb:login-button size="medium" onlogin="facebook_login()" v="2"  perms="offline_access,email,birthday,user_website,user_location" class="margTop4 left">Entra con l'account di Facebook</fb:login-button></div></div>
</td>
</tr>
</table>
</form>
</div>

prova ad inserire solo questo codice

Non funziona

Novità?

forse manca un pezzo...aspetta diego

Ok non c' è problema

up

di solito non tocco il lavoro degli altri...in questo e ultimo caso faccio un'eccezione..sempre se ti sta bene. Le immagini non si vedono piu quindi ti ho modificato lo script, mettendoci i colori di sfondo. Vedi un attimo altrimenti aspetta diego lui dovrebbe avere le immagini . Non ti serve inserire il css dove si deve posizionare e' gia nello script

Codice:

<strong><span style="font-size: 10px;"><span style="color: #ffffff;">Hai perso la password? Clicca <a href="http://www.linktuoforum.forumattivo.com/profile.forum?mode=sendpassword">QUI</a> per recuperarla.. </span></span></strong><div style="position:absolute;
right:20px;
top:40px;
" >
<script type="text/javascript">
function cancella(){
if(document.form1.user.value == document.form1.user.value)
document.form1.username.value = "";
}
function del() {
if(document.form1.password.value == document.form2.password.value)
document.form2.password.value = ""
}
</script>
<form name="form1" action="/login.php" method="get">
<table style="height: 36px;" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="height: 22px; width: 144px; background-color:#000000;" align="right" valign="middle">
<table style="height: 25px; width: 100%;" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="width: 33px;">&nbsp;</td>
<td>
<input  name="username"    style="background-color:#FF00FF; border-style: inset; border-width: 0pt; height: 27px; width: 86px;"type="text" id="nick" size="4" value="Nick" onfocus="canc();">
</td>
<td style="width: 12px;">&nbsp;</td>
</tr>
</table>
</td>
<td style="width: 0px;">&nbsp;</td>
<td style="height: 22px; width: 144px; background-color:#FFEBCD;" align="right" valign="middle">
<table style="height: 25px; width: 100%;" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="width: 33px;">&nbsp;</td>
<td>
<input type="password"  name="pass" type="text" id="altro"  style="background-color: #FF0000; border-style: inset; border-width: 0pt; height: 18px; width: 100px;" value="Password" >
</td>
<td style="width: 12px;">&nbsp;</td>
</tr>
</table>
</td>
<td style="width: 10px;">&nbsp;</td>
<td><input class="mainoption" type="submit" name="login" value="Entra" /></td>
</tr>
</table>
</td>
</tr>
<tr>
<td><strong><span style="font-size: 10px;"><span style="color: #ffffff;"><input type="checkbox" name="autologin" id="auto" tabindex="4" class="checkbox" checked="checked" /><label for="auto">Connessione automatica</label></span></span></strong>
<br>
</td>
</tr>
</table>
</form>
</div>

per modificare i colori ..vedi immagine




se ci sono altre immagini o colori trasparenti che non ti piaciono inserisci il colore e sostituisci il codice cosi:

<input type="password" name="pass" type="text" id="altro" style="background-color: transparent; border-style: inset; border-width: 0pt; height: 18px; width: 100px;" value="Password" >

cancella trasparent e metti il colore esempio : #000000