modificare l'aspetto di connessione


In corso modificare l'aspetto di connessione

Messaggio Da Roke. il Ven 10 Dic 2010 - 17:45

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

come qua:

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


grazie mille
avatar
Roke.
Veterano dello staff
Veterano dello staff

Sesso : Maschile
Età : 22
Messaggi : 371
Località : Bassano del Grappa


http://aiuto.forumattivo.it/
Roke. è stato ringraziato dall'autore di questo topic.

In corso Re: modificare l'aspetto di connessione

Messaggio Da Insane il Ven 10 Dic 2010 - 17:59

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 :bene:
avatar
Insane
Aiutattivo
Aiutattivo

Sesso : Maschile
Età : 25
Messaggi : 4109
Località : Varese


http://aiuto.forumattivo.it/
Insane è stato ringraziato dall'autore di questo topic.

In corso Re: modificare l'aspetto di connessione

Messaggio Da Roke. il Ven 10 Dic 2010 - 18:17

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

e non mi connette Neutral
Ah e lo vedo anche quando sono connesso
avatar
Roke.
Veterano dello staff
Veterano dello staff

Sesso : Maschile
Età : 22
Messaggi : 371
Località : Bassano del Grappa


http://aiuto.forumattivo.it/
Roke. è stato ringraziato dall'autore di questo topic.

In corso Re: modificare l'aspetto di connessione

Messaggio Da Roke. il Ven 10 Dic 2010 - 19:41

?
avatar
Roke.
Veterano dello staff
Veterano dello staff

Sesso : Maschile
Età : 22
Messaggi : 371
Località : Bassano del Grappa


http://aiuto.forumattivo.it/
Roke. è stato ringraziato dall'autore di questo topic.

In corso Re: modificare l'aspetto di connessione

Messaggio Da the crow il Ven 10 Dic 2010 - 20:35

x devil: il tutor originale che fine ha fatto ???
avatar
the crow
Veterano dello staff
Veterano dello staff

Sesso : Maschile
Età : 26
Messaggi : 8797
Località : Roma


http://aiuto.forumattivo.it/forum
the crow è stato ringraziato dall'autore di questo topic.

In corso Re: modificare l'aspetto di connessione

Messaggio Da Insane il Ven 10 Dic 2010 - 20:42

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
avatar
Insane
Aiutattivo
Aiutattivo

Sesso : Maschile
Età : 25
Messaggi : 4109
Località : Varese


http://aiuto.forumattivo.it/
Insane è stato ringraziato dall'autore di questo topic.

In corso Re: modificare l'aspetto di connessione

Messaggio Da Roke. il Ven 10 Dic 2010 - 21:36

Non funziona
avatar
Roke.
Veterano dello staff
Veterano dello staff

Sesso : Maschile
Età : 22
Messaggi : 371
Località : Bassano del Grappa


http://aiuto.forumattivo.it/
Roke. è stato ringraziato dall'autore di questo topic.

In corso Re: modificare l'aspetto di connessione

Messaggio Da Roke. il Dom 12 Dic 2010 - 0:04

Novità?
avatar
Roke.
Veterano dello staff
Veterano dello staff

Sesso : Maschile
Età : 22
Messaggi : 371
Località : Bassano del Grappa


http://aiuto.forumattivo.it/
Roke. è stato ringraziato dall'autore di questo topic.

In corso Re: modificare l'aspetto di connessione

Messaggio Da the crow il Dom 12 Dic 2010 - 0:24

forse manca un pezzo...aspetta diego
avatar
the crow
Veterano dello staff
Veterano dello staff

Sesso : Maschile
Età : 26
Messaggi : 8797
Località : Roma


http://aiuto.forumattivo.it/forum
the crow è stato ringraziato dall'autore di questo topic.

In corso Re: modificare l'aspetto di connessione

Messaggio Da Roke. il Dom 12 Dic 2010 - 0:27

Ok non c' è problema
avatar
Roke.
Veterano dello staff
Veterano dello staff

Sesso : Maschile
Età : 22
Messaggi : 371
Località : Bassano del Grappa


http://aiuto.forumattivo.it/
Roke. è stato ringraziato dall'autore di questo topic.

In corso Re: modificare l'aspetto di connessione

Messaggio Da OoMyChattaoO il Sab 25 Dic 2010 - 5:14

up


Question
avatar
OoMyChattaoO
Nuovo membro

Sesso : Maschile
Età : 29
Messaggi : 26
Località : Roma


http://www.mychatta.net/
OoMyChattaoO è stato ringraziato dall'autore di questo topic.

In corso Re: modificare l'aspetto di connessione

Messaggio Da the crow il Sab 25 Dic 2010 - 21:02

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







avatar
the crow
Veterano dello staff
Veterano dello staff

Sesso : Maschile
Età : 26
Messaggi : 8797
Località : Roma


http://aiuto.forumattivo.it/forum
the crow è stato ringraziato dall'autore di questo topic.

In corso Re: modificare l'aspetto di connessione

Messaggio Da Insane il Dom 9 Gen 2011 - 20:13

Salve,

Nessuna risposta dopo 15 giorni, si considera il problema risolto o abbandonato.
La prossima volta siete invitati a rispondere o effettuare un UP dopo 24h.


Questo argomento è in Argomenti Chiusi, grazie per l'apertura di un nuovo topic Rispettando le Regole del Forum

Ci vediamo in ForumAttivo :good:
avatar
Insane
Aiutattivo
Aiutattivo

Sesso : Maschile
Età : 25
Messaggi : 4109
Località : Varese


http://aiuto.forumattivo.it/
Insane è stato ringraziato dall'autore di questo topic.

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto

- Argomenti simili

 
Permessi di questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum