Avatar Online Frame

Forum misto con frammenti di codice
Rispondi
Avatar utente
Galandas
Staff phpBB3World
Staff phpBB3World
Messaggi: 792
Iscritto il: 4 nov 2012, 9:18
Località: phpbb3world
Contatta:
Contatta Galandas

Avatar Online Frame

Messaggio da Galandas » 4 gen 2014, 20:00

MOD Titolo: Avatar Online Frame
MOD Autore: Sniper_E
MOD Descrizione: Avvolge l'immagine avatar in una cornice rossa o verde, a seconda se l'utente è in linea e aggiunge un no_avatar.gif se l'utente non ha scelto un avatar.

Apri styles/subsilver2/template/viewtopic_body.html
Trova Questo può essere un trova parziale e non tutta la linea.

Codice: Seleziona tutto

			<!-- IF postrow.ONLINE_IMG -->
				<tr>
					<td>{postrow.ONLINE_IMG}</td>
				</tr>
			<!-- ENDIF -->
Elimina Rimuovi la riga precedente(i) trova.

Trova Questo può essere un trova parziale e non tutta la linea.

Codice: Seleziona tutto

			<!-- IF postrow.POSTER_AVATAR -->
				<tr>
					<td>{postrow.POSTER_AVATAR}</td>
				</tr>
			<!-- ENDIF -->
Sostituire con Sostituire la riga precedente con la seguente riga.

Codice: Seleziona tutto

			<!-- IF postrow.POSTER_AVATAR -->
				<tr>
					<td>
					<!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST -->
						<table class="user_online"><tr><td align="center">{postrow.POSTER_AVATAR}<br /><img src="{T_THEME_PATH}/images/online.png" alt="online" /></td></tr></table>
					<!-- ELSE -->
						<table class="user_offline"><tr><td align="center">{postrow.POSTER_AVATAR}<br /><img src="{T_THEME_PATH}/images/offline.png" alt="offline" /></td></tr></table>
					<!-- ENDIF -->
					</td>
				</tr>
			<!-- ELSE -->
				<tr>
					<td>
					<!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST -->
						<table class="user_online"><tr><td align="center"><img src="{T_THEME_PATH}/images/no_avatar.gif" alt="No Avatar" title="No Avatar Selected" /><br /><img src="{T_THEME_PATH}/images/online.png" alt="online" /></td></tr></table>
					<!-- ELSE -->
						<table class="user_offline"><tr><td align="center"><img src="{T_THEME_PATH}/images/no_avatar.gif" alt="No Avatar" title="No Avatar Selected" /><br /><img src="{T_THEME_PATH}/images/offline.png" alt="offline" /></td></tr></table>
					<!-- ENDIF -->
					</td>
				</tr>
			<!-- ENDIF -->
Apri styles/subsilver2/theme/stylesheet.css
Trova Questo può essere un trova parziale e non tutta la linea.

Codice: Seleziona tutto

mod-codebox {
	background: #FFFFFF;
	padding: 6px 10px;
	border: solid 1px #D8D8D8;
}
Aggiungi dopo Aggiungere la seguente riga(e) su una nuova riga vuota prima della riga precedente(i).

Codice: Seleziona tutto

/* Avatar Online Frame */
.user_online {
	background: #4D9D2D;
	background: white url('./images/user_online.gif') repeat-y scroll top left;
	border: solid 1px #666666;
	padding: 5px 5px 0;
	margin: 0;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-shadow: 5px 5px 5px #666666;
	-webkit-box-shadow: 5px 5px 5px #666666;
	-moz-box-shadow: 4px 4px 4px #666666;
}

/* Avatar Offline Frame */
.user_offline {
	background: #B12011;
	background: #B12011 url('./images/user_offline.gif') repeat-y scroll top left;
	background-repeat: no-repeat;
	border: solid 1px #666666;
	padding: 5px 5px 0;
	margin: 0;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-shadow: 5px 5px 5px #666666;
	-webkit-box-shadow: 5px 5px 5px #666666;
	-moz-box-shadow: 4px 4px 4px #666666;
}

/* Avatar Online Title */
.title_online {
	background-image: url("{T_THEME_PATH}/images/online.png");
}

/* Avatar Offline Title */
.title_offline {
	background-image: url("{T_THEME_PATH}/images/offline.png");
}
Vai in ACP e Aggiorna tema e Template per subsilver2.
Modifiche prosilver

Apri styles/prosilver/template/viewtopic_body.html
Trova:

Codice: Seleziona tutto

			<dt>
				<!-- IF postrow.POSTER_AVATAR -->
					<!-- IF postrow.U_POST_AUTHOR --><a href="{postrow.U_POST_AUTHOR}">{postrow.POSTER_AVATAR}</a><!-- ELSE -->{postrow.POSTER_AVATAR}<!-- ENDIF --><br />
				<!-- ENDIF -->
				<!-- IF not postrow.U_POST_AUTHOR --><strong>{postrow.POST_AUTHOR_FULL}</strong><!-- ELSE -->{postrow.POST_AUTHOR_FULL}<!-- ENDIF -->
			</dt>
Sostituire con

Codice: Seleziona tutto

			<dt>
				<!-- IF not postrow.U_POST_AUTHOR --><strong>{postrow.POST_AUTHOR_FULL}</strong><!-- ELSE -->{postrow.POST_AUTHOR_FULL}<!-- ENDIF --><br /><br />
			</dt>
				<dd>
				<!-- IF postrow.POSTER_AVATAR -->
					<!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST -->
						<!-- IF postrow.U_POST_AUTHOR --><table><tr><td class="user_online" align="center"><a href="{postrow.U_POST_AUTHOR}">{postrow.POSTER_AVATAR}</a><br /><img src="{T_THEME_PATH}/images/online.png" alt="online" /></td></tr></table><!-- ELSE --><table><tr><td class="user_online" align="center">{postrow.POSTER_AVATAR}<br /><img src="{T_THEME_PATH}/images/online.png" alt="online" /></td></tr></table><!-- ENDIF --><br />
					<!-- ELSE -->
						<!-- IF postrow.U_POST_AUTHOR --><table><tr><td class="user_offline" align="center"><a href="{postrow.U_POST_AUTHOR}">{postrow.POSTER_AVATAR}</a><br /><img src="{T_THEME_PATH}/images/offline.png" alt="offline" /></td></tr></table><!-- ELSE --><table><tr><td class="user_offline" align="center">{postrow.POSTER_AVATAR}<br /><img src="{T_THEME_PATH}/images/offline.png" alt="offline" /></td></tr></table><!-- ENDIF --><br />
					<!-- ENDIF -->
				<!-- ELSE -->
					<!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST -->
						<!-- IF postrow.U_POST_AUTHOR --><table><tr><td class="user_online" align="center"><a href="{postrow.U_POST_AUTHOR}"><img src="{T_THEME_PATH}/images/no_avatar.gif" alt="No Avatar" /></a><br /><img src="{T_THEME_PATH}/images/online.png" alt="online" /></td></tr></table><!-- ELSE --><table><tr><td class="user_online" align="center"><img src="{T_THEME_PATH}/images/no_avatar.gif" alt="No Avatar" /><br /><img src="{T_THEME_PATH}/images/online.png" alt="online" /></td></tr></table><!-- ENDIF --><br />
					<!-- ELSE -->
						<!-- IF postrow.U_POST_AUTHOR --><table><tr><td class="user_offline" align="center"><a href="{postrow.U_POST_AUTHOR}"><img src="{T_THEME_PATH}/images/no_avatar.png" alt="No Avatar" title="No Avatar Selected" /></a><br /><img src="{T_THEME_PATH}/images/offline.gif" alt="offline" /></td></tr></table><!-- ELSE --><table><tr><td class="user_offline" align="center"><img src="{T_THEME_PATH}/images/no_avatar.gif" alt="No Avatar" title="No Avatar Selected" /><br /><img src="{T_THEME_PATH}/images/offline.png" alt="offline" /></td></tr></table><!-- ENDIF --><br />
					<!-- ENDIF -->
				<!-- ENDIF -->
				</dd>
Creare un styles/prosilver/theme/online_avatar.css

Codice: Seleziona tutto

/* User Avatar Prosilver Stylesheet
Author: Sniper_E
www: http://startrekguide.com
---------------------------------------- */

/* Online Wrapper */
td.user_online {
	background: #4D9D2D;
	background-image: url("{T_THEME_PATH}/images/user_online.gif");
	background-repeat: no-repeat;
	border: solid 1px #666666;
	padding: 8px 8px 0;
	margin: 0;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-shadow: 5px 5px 5px #666666;
	-webkit-box-shadow: 5px 5px 5px #666666;
	-moz-box-shadow: 4px 4px 4px #666666;
}

/* Offline Wrapper */
td.user_offline {
	background: #B12011;
	background-image: url("{T_THEME_PATH}/images/user_offline.gif");
	background-repeat: no-repeat;
	border: solid 1px #666666;
	padding: 8px 8px 0;
	margin: 0;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-shadow: 5px 5px 5px #666666;
	-webkit-box-shadow: 5px 5px 5px #666666;
	-moz-box-shadow: 4px 4px 4px #666666;
}

.title_online {
	background-image: url("{T_THEME_PATH}/images/online.png");
}

.title_offline {
	background-image: url("{T_THEME_PATH}/images/offline.png");
}
Apri styles/prosilver/theme/stylesheet.css
Trova

Codice: Seleziona tutto

@import url("colours.css");
Aggiungi dopo

Codice: Seleziona tutto

@import url("online_avatar.css");
Aggiorna template e tema per prosilver in ACP

Risultato:
avatar_online_frame.gif
Download
avatar_online_images.zip
online_offline_psd.zip
Non hai i permessi necessari per visualizzare i file allegati in questo messaggio.
Menu Forum ha scritto:
Top
Avatar utente
salvocortesiano
Membro phpBB3World
Membro phpBB3World
Messaggi: 58
Iscritto il: 20 gen 2013, 9:22
Località: Firenze
Contatta:
Contatta salvocortesiano

Re: Avatar Online Frame

Messaggio da salvocortesiano » 5 gen 2014, 9:53

:/> Bello questo Snip Galandas... Lo cercavo da tempo.
L'ho già prelevato e messo sul mio forum ;) Funziona tutto regolarmente :lol:
Grazie...

P.S. Visualizzazione dell'Avatar regolare su IE 10/11 e Mozzilla Firefox. Su Chrome e Comodo viene visualizzato un rettangolo che si nota appena ma si nota!
Non hai i permessi necessari per visualizzare i file allegati in questo messaggio.
Sono amico di tutti, ma alle condizioni di nessuno!
Top
Avatar utente
Rey
Staff phpBB3World
Staff phpBB3World
Messaggi: 563
Iscritto il: 3 nov 2012, 13:41
Località: 在世界上
Contatta:
Contatta Rey

Re: Avatar Online Frame

Messaggio da Rey » 5 gen 2014, 16:09

Si si nota è come, vediamo se riusciamo a capire l'arcano di questo difetto.
Top
Avatar utente
salvocortesiano
Membro phpBB3World
Membro phpBB3World
Messaggi: 58
Iscritto il: 20 gen 2013, 9:22
Località: Firenze
Contatta:
Contatta salvocortesiano

Re: Avatar Online Frame

Messaggio da salvocortesiano » 5 gen 2014, 16:18

Ok, si lavorerà sul foglio di stile allora ;)
Sono amico di tutti, ma alle condizioni di nessuno!
Top
Avatar utente
Rey
Staff phpBB3World
Staff phpBB3World
Messaggi: 563
Iscritto il: 3 nov 2012, 13:41
Località: 在世界上
Contatta:
Contatta Rey

Re: Avatar Online Frame

Messaggio da Rey » 5 gen 2014, 16:38

Ho fatto una prova, ho tolto il bordo questo: border: solid 1px #666666; e il difetto si è tolto, ma bisogna rinunciare al bordo!!
Top
Avatar utente
salvocortesiano
Membro phpBB3World
Membro phpBB3World
Messaggi: 58
Iscritto il: 20 gen 2013, 9:22
Località: Firenze
Contatta:
Contatta salvocortesiano

Re: Avatar Online Frame

Messaggio da salvocortesiano » 5 gen 2014, 21:57

Per chi usa IE o Firefox va bene, per chi usa altri browser si terranno il difetto! A meno che in questi giorni non si trovi una soluzione ;)
Sono amico di tutti, ma alle condizioni di nessuno!
Top
Avatar utente
Rey
Staff phpBB3World
Staff phpBB3World
Messaggi: 563
Iscritto il: 3 nov 2012, 13:41
Località: 在世界上
Contatta:
Contatta Rey

Re: Avatar Online Frame

Messaggio da Rey » 6 gen 2014, 0:01

Diciamo un'altra soluzione migliore, :D effetto no bordo effettivamente diventa grezzo.
Top
Avatar utente
salvocortesiano
Membro phpBB3World
Membro phpBB3World
Messaggi: 58
Iscritto il: 20 gen 2013, 9:22
Località: Firenze
Contatta:
Contatta salvocortesiano

Re: Avatar Online Frame

Messaggio da salvocortesiano » 6 gen 2014, 10:56

:D vada per la soluzione...
Sono amico di tutti, ma alle condizioni di nessuno!
Top
Rispondi

Torna a “Snippets”

Chi c’è in linea

Visitano il forum: Nessuno e 7 ospiti