Aggiungi cornice/bordo attorno ai dettagli Agomento/Messaggi

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:

Aggiungi cornice/bordo attorno ai dettagli Agomento/Messaggi

Messaggio da Galandas » 28 feb 2014, 21:02

Descrizione: Aggiungere una cornice intorno ai dettagli Argomento sopra il post ..
Autore: Christian 2.0
Argomento sul com: clicca qui
Adattamento prosilver by Rey
Apri: /styles/prosilver/template/viewtopic_body.html

Trova:

Codice: Seleziona tutto

			<h3 <!-- IF postrow.S_FIRST_ROW -->class="first"<!-- ENDIF -->><!-- IF postrow.POST_ICON_IMG --><img src="{T_ICONS_PATH}{postrow.POST_ICON_IMG}" width="{postrow.POST_ICON_IMG_WIDTH}" height="{postrow.POST_ICON_IMG_HEIGHT}" alt="" /> <!-- ENDIF --><a href="#p{postrow.POST_ID}">{postrow.POST_SUBJECT}</a></h3>
			<p class="author"><!-- IF S_IS_BOT -->{postrow.MINI_POST_IMG}<!-- ELSE --><a href="{postrow.U_MINI_POST}">{postrow.MINI_POST_IMG}</a><!-- ENDIF -->{L_POST_BY_AUTHOR} <strong>{postrow.POST_AUTHOR_FULL}</strong> &raquo; {postrow.POST_DATE} </p>
Sostituisci con:

Codice: Seleziona tutto

			<div class="wrapdetails"><h3 <!-- IF postrow.S_FIRST_ROW -->class="first"<!-- ENDIF -->><!-- IF postrow.POST_ICON_IMG --><img src="{T_ICONS_PATH}{postrow.POST_ICON_IMG}" width="{postrow.POST_ICON_IMG_WIDTH}" height="{postrow.POST_ICON_IMG_HEIGHT}" alt="" /> <!-- ENDIF --><a href="#p{postrow.POST_ID}">{postrow.POST_SUBJECT}</a></h3>
			<p class="author"><!-- IF S_IS_BOT -->{postrow.MINI_POST_IMG}<!-- ELSE --><a href="{postrow.U_MINI_POST}">{postrow.MINI_POST_IMG}</a><!-- ENDIF -->{L_POST_BY_AUTHOR} <strong>{postrow.POST_AUTHOR_FULL}</strong> &raquo; {postrow.POST_DATE} </p></div>
Poi in fondo al tema /colours.css, aggiungere:

Codice: Seleziona tutto

.wrapdetails {
	background-color: #E6EAF0;
	border: 2px solid #e4e4e4 !important;
	margin: 5px 5px 10px !important;
	padding: 5px !important;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
Poi Apri: /styles/prosilver/theme/buttons.css

Trova:

Codice: Seleziona tutto

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

Codice: Seleziona tutto

/* Positioning of moderator icons */
.postbody ul.profile-icons {
	float: right;
	width: auto;
	padding: 15px 15px 0px 0px;
}
Risultato:
argomento.png
Non hai i permessi necessari per visualizzare i file allegati in questo messaggio.
Menu Forum ha scritto:

Rispondi

Torna a “Snippets”

Chi c’è in linea

Visitano il forum: Nessuno e 4 ospiti