Campi del profilo chiusi nelle tabelle

[lenders]

Ciao a tutti,sono di nuovo qui a chiedere il vostro aiuto è possibile fare una cosa del genere!:



Chiudere ogni campo in una tabella

[Micogian]

Devi farlo con i CSS.
Nel file content.css aggiungi questa classe:

Codice: Seleziona tutto

dd.boxprofile {
	width: 100%;
	background-color: #F5F5F5 ;
	border: 1px solid #708090 ;
	padding: 3px;
	margin-top: 2px;
	margin-left: 5px;
}

Ovviamente puoi modificare la dimensione e metterla in px, i colori del bordo, del fondo e del testo.

Poi, nel file viewtopic_body.html devi inserire nelle righe interessate la nuova classe nel tag <dd> del profilo:

• <dd class="boxprofile">........</dd>

Aggiornare tema e template da PCA.

[lenders]

Niente male,grazie bingo.Ho dovuto solo diminuire i width all' 80%

[lenders]

Adesso però vorrei fare alcune modifiche:

Cattura.PNG

Il punto 1 è prendere il nome utente e spostarlo al centro sopra all'avatar! Per poi sostituire l'icona off e on line con un pallino in modo da chiudere tutto in una tabella.

Per quanto riguarda a spostare il nome ho fatto cosi:

Da cosi:

Codice: Seleziona tutto

<!-- IF not postrow.S_IGNORE_POST -->
			<dl class="postprofile<!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF --><!-- IF not postrow.S_ONLINE and not postrow.S_IGNORE_POST --> offline<!-- ENDIF -->" id="profile{postrow.POST_ID}">
			<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>

A cosi:

Codice: Seleziona tutto

<!-- IF not postrow.S_IGNORE_POST -->
			<dl class="postprofile<!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF --><!-- IF not postrow.S_ONLINE and not postrow.S_IGNORE_POST --> offline<!-- ENDIF -->" id="profile{postrow.POST_ID}">
			<!-- IF not postrow.U_POST_AUTHOR --><strong>{postrow.POST_AUTHOR_FULL}</strong><!-- ELSE -->{postrow.POST_AUTHOR_FULL}<!-- ENDIF -->
			<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 -->
			</dt>

Lo sposta pure ma non sopra all'avatar ma affianco a sx

[Micogian]

Codice: Seleziona tutto

<!-- IF not postrow.S_IGNORE_POST -->
         <dl class="postprofile<!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF --><!-- IF not postrow.S_ONLINE and not postrow.S_IGNORE_POST --> offline<!-- ENDIF -->" id="profile{postrow.POST_ID}">
         <dt>
         <!-- IF not postrow.U_POST_AUTHOR --><strong>{postrow.POST_AUTHOR_FULL}</strong><!-- ELSE -->{postrow.POST_AUTHOR_FULL}<!-- ENDIF --><br />
            <!-- IF postrow.POSTER_AVATAR -->
               <!-- IF postrow.U_POST_AUTHOR --><a href="{postrow.U_POST_AUTHOR}">{postrow.POSTER_AVATAR}</a><!-- ELSE -->{postrow.POSTER_AVATAR}<!-- ENDIF -->
            <!-- ENDIF -->
         </dt>

[lenders]

No niente bingo guarda dove si posiziona:

Cattura.PNG

Ma non al centro

[Micogian]

Non avevo capito che lo volevi al centro.
Il fatto è che tutto il gruppo è regolato dalla class="postprofile" nel tag <dl>

Si potrebbe inserire un text-align per il nickname, potrebbe essere così (vado a memoria, non ho provato):

Codice: Seleziona tutto

<!-- IF not postrow.S_IGNORE_POST -->
         <dl class="postprofile<!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF --><!-- IF not postrow.S_ONLINE and not postrow.S_IGNORE_POST --> offline<!-- ENDIF -->" id="profile{postrow.POST_ID}">
         <dt><span style="text-align: center;">
         <!-- IF not postrow.U_POST_AUTHOR --><strong>{postrow.POST_AUTHOR_FULL}</strong><!-- ELSE -->{postrow.POST_AUTHOR_FULL}<!-- ENDIF --></span><br />
            <!-- IF postrow.POSTER_AVATAR -->
               <!-- IF postrow.U_POST_AUTHOR --><a href="{postrow.U_POST_AUTHOR}">{postrow.POSTER_AVATAR}</a><!-- ELSE -->{postrow.POSTER_AVATAR}<!-- ENDIF -->
            <!-- ENDIF -->
         </dt>

EDIT: mancava un < sul tag span
Non è molto ortodosso, sarebbe stato meglio lavorare sui css ma dovrebbe funzionare.

[lenders]

No non va si presenta affianco al nome la scritta span style="text-align: center;">

Mettiamola cosi io adesso devo spostare il nome dell'utente e le due icone off e online nella tabella

Codice: Seleziona tutto

<dd class="boxprofile">........</dd>

Ma quando provo a farlo mi sballa tutto il forum,ti posto la parte del code

Codice: Seleziona tutto

<!-- IF not postrow.S_IGNORE_POST -->
			<dl class="postprofile<!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF --><!-- IF not postrow.S_ONLINE and not postrow.S_IGNORE_POST --> offline<!-- ENDIF -->" id="profile{postrow.POST_ID}">
			<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>

[Micogian]

Hai visto il mio EDIT ?
avevo scritto span invece di <span

[lenders]

Ok,ma lo stesso non ha funzionato,va bene se non riusciamo a centrarlo,cerchiamo di mettere insieme quello che ho scritto nel post precedente..Che facendo un pò di prove sono solo riuscito a sballare il forum