Teammitglieder online
Regeln und nützliche Hinweise
Neueste Themen
» Profil in beiträgen nur im blog deaktivieren.von derforumde Heute um 16:54
» [Invision] Editor über den Bildrand ziehbar + Schriftgrößenproblem
von Skouliki Mi 20 Nov 2024 - 8:06
» Passwort für meinen Adminbereich vergessen.
von Joost Sa 9 Nov 2024 - 10:13
» [Invision] Signatur wird nicht immer eingefügt
von Skouliki Mo 4 Nov 2024 - 16:33
» [Invision] Schriftgröße Navigationsleiste, Links und Forenbeschreibungen
von Skouliki So 27 Okt 2024 - 13:29
» [Invision] Transparent Logohintergrund/Struktur
von Joost So 27 Okt 2024 - 12:58
» png wird im servimg in ein jpg umgewandelt
von Skouliki Mi 23 Okt 2024 - 20:26
» Passwort Vergessen (SilentHowl)
von Joost Do 17 Okt 2024 - 17:14
» [Invision] Hintergrundbild fixieren
von Skouliki Mo 14 Okt 2024 - 11:30
» Paßwort vergessen
von Joost So 13 Okt 2024 - 17:58
» Anti-Spam-Prüfung
von Hana19 Sa 12 Okt 2024 - 16:59
» Private Nachrichten bleiben im Postausgang hängen
von Skouliki Fr 11 Okt 2024 - 11:11
» [phpBB3] Mittelteil des Forums verschoben
von Eto Mo 7 Okt 2024 - 20:50
» [phpBB3] Farbpalette ändern
von Skouliki Mo 7 Okt 2024 - 10:08
» [Klassische Version] Account löschen
von Joost Sa 5 Okt 2024 - 21:05
» Chatbox einloggen nicht möglich
von Joost So 29 Sep 2024 - 8:01
» [phpBB2] Admin Passwort nicht korrekt
von Joost Do 26 Sep 2024 - 19:20
» Grid-Layout für alle Forumversionen verfügbar
von Joost Mi 18 Sep 2024 - 16:54
Beiträge mit den meisten Reaktionen des Monats
» Beitrag von Alastor in [Invision] Transparent Logohintergrund/Struktur ( 2 )
» Beitrag von Agorass in Passwort für meinen Adminbereich vergessen.
( 2 )
» Beitrag von Keks in [phpBB2] Unterforen Nebeneinander
( 1 )
» Beitrag von Alastor in [Invision] Schriftgröße Navigationsleiste, Links und Forenbeschreibungen
( 1 )
[Invision] Like-/Dislike-Buttons sind plötzlich transparent
2 verfasser
Das Forum der Foren :: Hilfe und Unterstützung :: Probleme mit Scripten oder Codes :: Probleme mit Scripten oder Codes - Archiv
Seite 1 von 1 • Teilen
[Invision] Like-/Dislike-Buttons sind plötzlich transparent
Zuletzt von gnadenlos am Fr 25 März 2022 - 15:01 bearbeitet; insgesamt 1-mal bearbeitet
gnadenlos- Geselle
- Beiträge : 121
Anmeldedatum : 29.12.17
Re: [Invision] Like-/Dislike-Buttons sind plötzlich transparent
Hallo @gnadenlos,
Verwenden Sie diesen CSS-Code und passen Sie die Farben an.
|
|
Verwenden Sie diesen CSS-Code und passen Sie die Farben an.
- Code:
.fa_like_div {
margin-left: 0px;
}
button.rep-button.fa_like, button.rep-button.fa_dislike,button.rep-button.fa_liked,button.rep-button.fa_disliked{
background: linear-gradient(rgb(49, 49, 49)0%,rgb(49, 49, 49)100%);
border: 1px solid #2c2c2c !important;
box-shadow: 0 0 0 1px #2B2B2B inset;
}
.rep-button, .rep-button:active, .rep-button:focus {
border: 1px solid #2c2c2c;
border-radius: 4px;
color: #C2C2C2;
cursor: pointer;
float: left;
font-family: Trebuchet MS;
font-size: 12px;
font-weight: 700;
line-height: 1.5;
margin: 3px 11px 0 0;
outline: none;
padding: 6px 10px 6px 10px;
position: relative;
text-transform: uppercase;
transition: color .4s;
background-color: #2e2e2e;
}
button.rep-button.fa_liked{
color: #4CAF50;
border: 1px solid #2c2c2c;
border-radius: 4px;
float: left;
font-family: Trebuchet MS;
font-size: 12px;
font-weight: 700;
line-height: 1.5;
margin: 3px 11px 0 0;
outline: none;
padding: 6px 10px 6px 10px;
position: relative;
text-transform: uppercase;
transition: color .1s;
background-color: #2e2e2e;
opacity: 1 !important;
pointer-events: auto;
cursor: pointer;
}
button.rep-button.fa_dislike{
color: #C2C2C2;
border: 1px solid #2c2c2c;
border-radius: 4px;
float: left;
font-family: Trebuchet MS;
font-size: 12px;
font-weight: 700;
line-height: 1.5;
margin: 3px 11px 0 0;
outline: none;
padding: 6px 10px 6px 10px;
position: relative;
text-transform: uppercase;
transition: color .1s;
background-color: #2e2e2e;
opacity: 1 !important;
cursor: pointer;
}
button.rep-button.fa_disliked{
color: #F44336 !important;
border: 1px solid #2c2c2c;
border-radius: 4px;
float: left;
font-family: Trebuchet MS;
font-size: 12px;
font-weight: 700;
line-height: 1.5;
margin: 3px 11px 0 0;
outline: none;
padding: 6px 10px 6px 10px;
position: relative;
text-transform: uppercase;
transition: color .1s;
background-color: #2e2e2e;
opacity: 1 !important;
pointer-events: auto;
cursor: pointer;
}
.fa_liked path {
fill: #4CAF50;
}
.rep-button{
border: 1px solid #2c2c2c;
border-radius: 4px;
color: #C2C2C2;
cursor: pointer;
float: left;
font-family: Trebuchet MS;
font-size: 12px;
font-weight: 700;
line-height: 1.5;
margin: 3px 11px 0 0;
outline: none;
padding: 6px 10px 6px 10px;
position: relative;
text-transform: uppercase;
transition: color .4s;
background-color: #2e2e2e;
}
.rep-button:hover{
opacity: 0.8;
transition-duration: .5s;
}
.rep-button svg {
color: #4ab01c;
font-size: 20px;
text-shadow: 0 0 1px #FFF;
padding: 4px 3px 6px 7px;
background-color: #e1e1e1;
margin: -5px 1px -5px -9px;
margin-right: 7px !important;
border-radius: 2px 0px 0px 2px;
}
.rep-button{
height: 32px;
}
• Die Regeln • Keine unaufgeforderten PNs! • Infos zu den Gründerdaten
• Passwort vergessen? • Suche benutzen!
Ich spreche kein Deutsch! (Google)
Forumieren auf Facebook
Joost- Administrator
- Beiträge : 1075
Anmeldedatum : 29.12.12
gnadenlos mag diesen Beitrag
gnadenlos- Geselle
- Beiträge : 121
Anmeldedatum : 29.12.17
Joost mag diesen Beitrag
Re: [Invision] Like-/Dislike-Buttons sind plötzlich transparent
|
|
• Die Regeln • Keine unaufgeforderten PNs! • Infos zu den Gründerdaten
• Passwort vergessen? • Suche benutzen!
Ich spreche kein Deutsch! (Google)
Forumieren auf Facebook
Joost- Administrator
- Beiträge : 1075
Anmeldedatum : 29.12.12
Ähnliche Themen
» [phpBB3] In Posts eingefügte Bilder sind zu transparent
» Ändere das Aussehen deiner Like-/Dislike-Buttons
» [ModernBB] Like/Dislike Buttons vereinzelt außerhalb der Beitragsbox
» Invision [Invision Pro Style] Deutsche Buttons
» [Invision] Transparent Logohintergrund/Struktur
» Ändere das Aussehen deiner Like-/Dislike-Buttons
» [ModernBB] Like/Dislike Buttons vereinzelt außerhalb der Beitragsbox
» Invision [Invision Pro Style] Deutsche Buttons
» [Invision] Transparent Logohintergrund/Struktur
Das Forum der Foren :: Hilfe und Unterstützung :: Probleme mit Scripten oder Codes :: Probleme mit Scripten oder Codes - Archiv
Seite 1 von 1
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten