CSS uploaden zonder te laten conflicten met bestaande CSS – advies gevraagd

  • AlwNL

    (@alwnl)


    12 jaren, 7 maanden geleden

    Op deze site wil ik een CSS file van cssbuttongenerator toevoegen, maar hoe en waar doe je dat zonder conflicten te krijgen met de bestaande CSS ?

    Ik wil buttons gebruiken van 2 verschillende breedten, hoe hou je de CSS files voor de desbetreffende buttons uit elkaar ?

    Bedankt !!!

    <style type="text/css">
.classname {
	-moz-box-shadow:inset 0px 0px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 0px 0px 0px #ffffff;
	box-shadow:inset 0px 0px 0px 0px #ffffff;
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:5px 37px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.classname:hover {
	background-color:#dfdfdf;
}.classname:active {
	position:relative;
	top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */
</style>
1 reactie aan het bekijken (van in totaal 1)
  • robelia

    (@robelia)

    12 jaren, 7 maanden geleden

    de ene button noem je .classname
    en de andere .classname1
    In de stylesheet maak je ook zo 2 buttons.
    In WP zorg je ervoor dat elke button zijn eigen id of class krijgt.

    Dus:

    .classname {
	-moz-box-shadow:inset 0px 0px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 0px 0px 0px #ffffff;
	box-shadow:inset 0px 0px 0px 0px #ffffff;
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:5px 37px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.classname:hover {
	background-color:#dfdfdf;
}.classname:active {
	position:relative;
	top:1px;
}

.classname2 {
	-moz-box-shadow:inset 0px 0px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 0px 0px 0px #ffffff;
	box-shadow:inset 0px 0px 0px 0px #ffffff;
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:5px 37px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.classname2:hover {
	background-color:#dfdfdf;
}.classname2:active {
	position:relative;
	top:1px;
}

    Kun je zo onderaan je CSS file plakken

1 reactie aan het bekijken (van in totaal 1)
  • Het onderwerp ‘CSS uploaden zonder te laten conflicten met bestaande CSS – advies gevraagd’ is gesloten voor nieuwe reacties.