Personnalisation css du "quote"

Précédent Suivant Index

Aide sur feuille de style digital

Avancement

Workflow

Besoin d'aide

Statut

Le problème a été enregistré

Bonjour,

sur le skin de reference Digital, je voudrais styliser le rendu des citations. Ca doit ressembler à peu près à cet exemple.

Pour ce rendu et dans le skin de yetanoz, ce sont ces lignes qui font tout (avec l'image comment_dt_bg.gif en plus) :


/**
 * styles used for locked threads
 */

dl.comments dd { /* comment content */
	margin: 0 0 1em 15px;
	padding: 0.6em;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
	background-color: #E5DDCD;
}

dl.comments dt { /* poster name */
	font-size: 0.7em;
	margin: 0;
	padding: 0.3em 0.3em 10px 0.3em;
	background: transparent url("comment_dt_bg.gif") bottom left no-repeat;
}

dl.comments dd .details { /* some details in comments */
	font-size: 0.7em;
	color: #888;
}

Voici maintenant le css natif du skin digital en ce qui concerne les rendu des quote et blockquote :


blockquote { /* someone has been cited --  " ... " 
 */
	border-left: 2px solid #bfbfbf;
	margin: 0;
	padding: 0 0 0 3px;
}

@media screen { /* not on printers */

	blockquote { /* prefix quotes with a nice image */
		padding-left: 25px;
		background: url("images/quote_left.gif") top left no-repeat;
		border: none;
	}

	blockquote .quote_prefix span { /* instead of the bare quote char */
		display: none;
	}
}

Auriez-vous une idée propre d'adaptation ?

Par exemple ceci ?


blockquote { /* someone has been cited --  " ... " 
 */
	border-left: 2px solid #bfbfbf;
	margin: 0;
	padding: 0 0 0 3px;
}

@media screen { /* not on printers */

	blockquote { /* prefix quotes with a nice image */
		padding-left: 25px;
		background: transparent url("comment_dt_bg.gif") bottom left no-repeat;		
		border-bottom: 1px solid #aaa;
		border-right: 1px solid #aaa;
		background-color: #E5DDCD;	}

	blockquote .quote_prefix span { /* instead of the bare quote char */
		display: none;
	}
}

Précédent Suivant Index