30.01.2018, 20:26
Habe die neuen solved Icons ja extra auf den Server geladen da ist es ja egal ob ich die aus dem Image>deutsch_du ordner nehme oder meine. Habe es aber trotzdem auch mal mit dem /images/deutsch_du/solved.gif probiert was aber genau so war.
Habe den Button nun eigentlich so wie ich wollte das einzige was noch nicht ganz passt ist das das Icon hinter dem Hover verschwindet wenn man mit der Maus drüber fährt.
Hier mal der neue Code jemand eine Idee wie ich das mit dem Hover hin bekomme
Habe den Button nun eigentlich so wie ich wollte das einzige was noch nicht ganz passt ist das das Icon hinter dem Hover verschwindet wenn man mit der Maus drüber fährt.
Hier mal der neue Code jemand eine Idee wie ich das mit dem Hover hin bekomme
Code:
}
.solvedbutton {
background: #000000;
background-image: url(/images/solved.png);
background-repeat: no-repeat;
background-position: left;
display: inline-block;
padding: 4px 8px;
margin: 2px 2px 6px 2px;
border: 1px solid #FF8000;
border-radius: 7px;
padding-left: 20px;
}
a.solvedbutton {
font-family: Arial;
color: #ffffff;
font-size: 14px;
font-weight: bold;
}
a.solvedbutton:hover {
background: linear-gradient(to bottom, #ffa659 0%,#ed6136 50%,#ff8000 100%);
text-decoration: none;
}
.notsolvedbutton {
background: #000000;
background-image: url(/images/notsolved.png);
background-repeat: no-repeat;
background-position: left;
display: inline-block;
padding: 4px 8px;
margin: 2px 2px 6px 2px;
border: 1px solid #FF8000;
border-radius: 7px;
padding-left: 20px;
}
a.notsolvedbutton {
font-family: Arial;
color: #ffffff;
font-size: 14px;
font-weight: bold;
}
a.notsolvedbutton:hover {
background: linear-gradient(to bottom, #ffa659 0%,#ed6136 50%,#ff8000 100%);
text-decoration: none;
}