Alternare mini-profili in viewtopic

Area dedicata alle Guide
Regole del forum
Immagine
Rispondi
Avatar utente
Galandas
Staff phpBB3World
Staff phpBB3World
Messaggi: 792
Iscritto il: 4 nov 2012, 9:18
Località: phpbb3world
Contatta:

Alternare mini-profili in viewtopic

Messaggio da Galandas » 16 feb 2014, 17:51

3Di ha scritto:Domanda: Ciao a tutti,
Vorrei sapere come avere i profili alternativi in viewtopic, dico io sono il primo poster e così ho il mio miniProfilo nel lato sinistro, la risposta successiva avrà la sua sulla direzione opposta.. e così via ..
Raimon ha scritto:Risposta:

Apri content.css e aggiungi sul fondo

Codice: Seleziona tutto

/* duplicate for to the profile left style */
/* Post body styles
----------------------------------------*/
.postbodyleft {
padding: 0;
line-height: 1.48em;
color: #333333;
width: 76%;
float: right;
clear: both;
}

/* Positioning of moderator icons */
.postbodyleft ul.profile-icons {
	float: right;
	width: auto;
	padding: 0;
}

.postbodyleft ul.profile-icons li {
	margin: 0 3px;
}


.postbodyleft .ignore {
	font-size: 1.1em;
}

.postbodyleft h3.first {
	/* The first post on the page uses this */
	font-size: 1.7em;
}

.postbodyleft h3 {
	/* Postbody requires a different h3 format - so change it here */
	font-size: 1.5em;
	padding: 2px 0 0 0;
	margin: 0 0 0.3em 0 !important;
	text-transform: none;
	border: none;
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	line-height: 125%;
}

.postbodyleft h3 img {
	/* Also see tweaks.css */
	vertical-align: bottom;
}

.postbodyleft .content {
	font-size: 1.3em;
}

.search .postbodyleft {
	width: 68%
}

/* Poster profile block
----------------------------------------*/
.postprofileleft {
/* Also see tweaks.css */
margin: 5px 0 10px 0;
min-height: 80px;
color: #666666;
border-right: 1px solid #FFFFFF;
width: 22%;
float: left;
display: inline;
}

.pm .postprofileleft {
	border-right: 1px solid #DDDDDD;
}

.postprofileleft dd, .postprofileleft dt {
	line-height: 1.2em;
	margin-left: 8px;
}

.postprofileleft strong {
	font-weight: normal;
	color: #000000;
}

/* Poster profile used by search*/
.search .postprofileleft {
	width: 30%;
}

.onlineleft  {
	background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.gif");
	background-position: 19% 0;
	background-repeat: no-repeat;
}	
Apri viewtopic_body.html

Trova:

Codice: Seleziona tutto

<!-- IF postrow.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF -->
Sostituisci con:

Codice: Seleziona tutto

<!-- IF postrow.S_ROW_COUNT is odd -->bg1 <!-- IF postrow.S_ONLINE -->online<!-- ENDIF --><!-- ELSE -->bg2 <!-- IF postrow.S_ONLINE -->onlineleft<!-- ENDIF --><!-- ENDIF -->
Trova:

Codice: Seleziona tutto

<!-- IF postrow.S_ONLINE --> online<!-- ENDIF -->
Ed elimina questo:

Trova:

Codice: Seleziona tutto

<div class="postbody">
Sostituisci con:

Codice: Seleziona tutto

<div class="<!-- IF postrow.S_ROW_COUNT is odd -->postbody<!-- ELSE -->postbodyleft<!-- ENDIF -->">
Trova:

Codice: Seleziona tutto

<dl class="postprofile" id="profile{postrow.POST_ID}">
Sostituisci con:

Codice: Seleziona tutto

<dl class="<!-- IF postrow.S_ROW_COUNT is odd -->postprofile<!-- ELSE -->postprofileleft<!-- ENDIF -->" id="profile{postrow.POST_ID}">
Risultato:
screen.png
Menu Forum ha scritto:

Rispondi

Torna a “[3.0.x] Guide”

Chi c’è in linea

Visitano il forum: Nessuno e 4 ospiti