Teammitglieder online
Support-Box
Neue Beiträge seit dem letzten Besuch.
Textbausteine des MODERATIONSTOOL
AB > PFAD > GENERATOR
FORUM > PFAD > GENERATOR
Unterstützung Lösungs-Probleme
Auffällige
User
Der Runde
Tisch
HÄUFIG GESTELLTE FRAGEN
Regeln und nützliche Hinweise
Unsere Regeln lesen und beachten
Die gesonderten Regeln für den Grafikbereich
Die Regeln für den Bereich Vorschläge
Vorgehensweise bei vergessenem Passwort
Anleitung Gründerwechsel -Forenübernahme
Warum die Gründerdaten so wichtig sind
Funktionen für den Gründer
Anfragen über PN werden nicht beantwortet
Vor dem Posten die Suchfunktion benutzen
E-Mail-Adressen nicht veröffentlichen!
Ein Forum löschen, wie mache ich das?
Unsere Tutorial's für noch mehr Features
Liste der am häufigsten gestellten Fragen
Neueste Themen
» Das Plauderforum ist zurück!
von Eto Gestern um 17:59

» Style-Wechsel funktioniert nicht mehr
von Miho Gestern um 11:05

» Profil in beiträgen nur im blog deaktivieren.
von Skouliki Gestern um 10:16

» [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

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

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Erledigt [Invision] Like-/Dislike-Buttons sind plötzlich transparent

Beitrag von gnadenlos Fr 25 März 2022 - 13:25

Hallo,

die Buttons Gefällt mir/Gefällt mir nicht sind in den INVISION-Foren jetzt transparent geworden, also nicht mehr wirklich gut zu lesen.

transparent* - [Invision] Like-/Dislike-Buttons sind plötzlich transparent Gefael10

Wer hat die Farbe gestohlen bzw. wer kann Abhilfe schaffen?

Gruß
gnadenlos


Zuletzt von gnadenlos am Fr 25 März 2022 - 15:01 bearbeitet; insgesamt 1-mal bearbeitet
gnadenlos
gnadenlos
Geselle
Geselle

Männlich Beiträge : 121
Anmeldedatum : 29.12.17
keine
Mozilla Firefox Invision

Nach oben Nach unten

Erledigt Re: [Invision] Like-/Dislike-Buttons sind plötzlich transparent

Beitrag von Joost Fr 25 März 2022 - 13:46

Hallo @gnadenlos,

Dein Thema/Dein Beitrag wurde in einen anderen Bereich verschoben.
Dies schafft mehr Übersichtlichkeit im Forum. Danke für Dein Verständnis.

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;
}
Joost
Joost
Administrator
Administrator

Männlich Beiträge : 1075
Anmeldedatum : 29.12.12
transparent* - [Invision] Like-/Dislike-Buttons sind plötzlich transparent Empty
Google Chrome phpBB3

gnadenlos mag diesen Beitrag

Nach oben Nach unten

Erledigt Re: [Invision] Like-/Dislike-Buttons sind plötzlich transparent

Beitrag von gnadenlos Fr 25 März 2022 - 15:00

Hallo @Joost,

vielen Dank für die schnelle Hilfe und ein schönes Wochenende!

Gruß
gnadenlos
gnadenlos
gnadenlos
Geselle
Geselle

Männlich Beiträge : 121
Anmeldedatum : 29.12.17
keine
Mozilla Firefox Invision

Joost mag diesen Beitrag

Nach oben Nach unten

Erledigt Re: [Invision] Like-/Dislike-Buttons sind plötzlich transparent

Beitrag von Joost Fr 25 März 2022 - 15:21

Thema ist erledigt und wurde ins Archiv verschoben.
Regeln des Forums der Foren
Joost
Joost
Administrator
Administrator

Männlich Beiträge : 1075
Anmeldedatum : 29.12.12
transparent* - [Invision] Like-/Dislike-Buttons sind plötzlich transparent Empty
Google Chrome phpBB3

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben

- Ähnliche Themen

Das Forum der Foren :: Hilfe und Unterstützung :: Probleme mit Scripten oder Codes :: Probleme mit Scripten oder Codes - Archiv

 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten