Voorbeeld CSS: verschil tussen versies

Uit XpressionManager
Naar navigatie springen Naar zoeken springen
(Nieuwe pagina aangemaakt met 'Voorbeeld CSS')
 
Geen bewerkingssamenvatting
Regel 1: Regel 1:
Voorbeeld CSS
Met onderstaande code kun je ervoor zorgen dat de buttons in Xpression Manager geen pijltjes meer aan de linker kant, en geen afgeronde hoeken aan de rechterkant meer hebben.<br />
Het worden dan rechthoekige buttons, zie afbeelding hieronder.
 
<code>/*buttons*/
/*linker- en rechterdeel van de button verbergen*/
.left_button, .right_button{display:none;}
/*zorgen dat de buttons meer ruimte krijgen naast de tekst, en tekst even groot*/
.middle_button2, .button{padding-right:10px;background-color:#00afca;padding-left:10px;}
.middle_button2 {font-size:1.2em;}
.middle_button_link a, .middle_button_link a:link, .middle_button_link a:visited, .middle_button_link a:active{font-size: 1.15em;}</code>

Versie van 18 feb 2013 15:47

Met onderstaande code kun je ervoor zorgen dat de buttons in Xpression Manager geen pijltjes meer aan de linker kant, en geen afgeronde hoeken aan de rechterkant meer hebben.
Het worden dan rechthoekige buttons, zie afbeelding hieronder.

/*buttons*/ 

/*linker- en rechterdeel van de button verbergen*/
.left_button, .right_button{display:none;} 

/*zorgen dat de buttons meer ruimte krijgen naast de tekst, en tekst even groot*/
.middle_button2, .button{padding-right:10px;background-color:#00afca;padding-left:10px;}
.middle_button2 {font-size:1.2em;}
.middle_button_link a, .middle_button_link a:link, .middle_button_link a:visited, .middle_button_link a:active{font-size: 1.15em;}