phpBB Italia chiude!
phpBB Italia ringrazia tutti gli utenti che hanno dato fiducia al nostro progetto per ben 9 anni, e che, grazie al grande lavoro fatto da tutto lo Staff (rigorosamente a titolo gratuito), hanno portato il portale a diventare il principale punto di riferimento italiano alla piattaforma phpBB.

Purtroppo, causa motivi personali, non ho più modo di gestirlo e portarlo avanti. Il forum viene ora posto in uno stato di sola lettura, nonché un archivio storico per permettere a chiunque di fruire di tutte le discussioni trattate.

Il nuovo portale di assistenza per l'Italia di phpBB diventa phpBB-Store.it, cui ringrazio per aver deciso di portare avanti questo grande progetto.

Grazie ancora,
Carlo - Amministratore di phpBB Italia

Posizionare icona "online" sopra l'avatar.

Modifiche allo stile (template e tema).
Bloccato
Avatar utente
Micogian
Leader Programmatori
Leader Programmatori
Messaggi: 3704
Iscritto il: 07/01/2010, 8:51
Versione: 3.2.0
Server: UNIX/Linux
PHP: 5.4.36
Database: MySQL 5.1.70-log
Località: Udine
Contatta:

Posizionare icona "online" sopra l'avatar.

Messaggio da Micogian » 01/12/2011, 20:19

A volte c'è la necessità di stringere la colonna dedicata al profilo nella visualizzazione dei Topics e può capitare che l'icona "online" si posizioni dietro all'immagine dell'avatar.

Ho recuperato questa Modifica realizzata a suo tempo da Sir Xiradorn che permette di visualizzare l'icona "online" sopra l'avatar.

Posizionare l'icona "online" sopra l'avatar.

1) Apri styles/...../theme/content.css
Trova

Codice: Seleziona tutto

.online {
	background-image: none;
	background-position: 100% 0;
	background-repeat: no-repeat;
}
Aggiungi, dopo:

Codice: Seleziona tutto

/* online overall - by sir xiradorn */
/* sposta icona "online" sopra l'Avatar*/
.overall {
   width: 58px;
   height: 58px;
   display: block;
   position: absolute;
   top: 7px;
   left: 105px;
   z-index: 10000;
}
/* online overall - www.xiradorn.it */
2) Apri styles/...../template/viewtopic_body.html
Trova la riga:

Codice: Seleziona tutto

<div id="p{postrow.POST_ID}" class="post <!-- IF postrow.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF --><!-- IF postrow.S_UNREAD_POST --> unreadpost<!-- ENDIF --><!-- IF postrow.S_POST_REPORTED --> reported<!-- ENDIF --><!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF -->">
in questa riga eliminare la parte di codice seguente:
<!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF -->
Il risultato è questo:

Codice: Seleziona tutto

<div id="p{postrow.POST_ID}" class="post <!-- IF postrow.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF --><!-- IF postrow.S_UNREAD_POST --> unreadpost<!-- ENDIF --><!-- IF postrow.S_POST_REPORTED --> reported<!-- ENDIF -->">
3) Sempre in styles/...../template/viewtopic_body.html
Trova:

Codice: Seleziona tutto

      <div class="postbody">

Aggiungi, dopo:

Codice: Seleziona tutto

         <!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --><div class="online overall">&nbsp;</div><!-- ENDIF -->
4) Sempre in styles/...../template/viewtopic_body.html
Trova

Codice: Seleziona tutto

<dl class="postprofile<!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF -->" id="profile{postrow.POST_ID}">
Di questa riga elimina la parte <!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF -->
in modo che resti questa parte:

Codice: Seleziona tutto

			<dl class="postprofile" id="profile{postrow.POST_ID}">
5) Pulire la cache, la modifica consente di visualizzare l'icona "online" sopra l'avatar se lo spazio non consente di posizionarla a lato.

6) per correggere eventualmente la posizione dell'icona "online" bisogna agire sulle posizioni "top" e "left" della nuova classe "overall" in content.css:

Codice: Seleziona tutto

.overall {
   width: 58px;
   height: 58px;
   display: block;
   position: absolute;
   top: 7px;
   left: 105px;
   z-index: 10000;
}

Avatar utente
Tiger
phpBB Expert
phpBB Expert
Messaggi: 1998
Iscritto il: 24/05/2011, 12:37
Sesso: Maschio
Versione: 3.0.12
Server: UNIX/Linux
PHP: 5.3.28
Database: MySQL(i) 5.5.35-cll
Località: Roma
Contatta:

Re: Posizionare icona "online" sopra l'avatar.

Messaggio da Tiger » 01/12/2011, 23:52

Grazie mille Micogian, al tempo stesso mi hai anche fatto ricordare il grande Sir Xiradorn!

Bloccato

Torna a “Stili”

Chi c’è in linea

Visitano il forum: Nessuno e 14 ospiti