V6 Icon-Grössen

24.03.2022 14:25
avatar  Jim
#1 V6 Icon-Grössen
avatar
Jim
Mitglied

Zu den Bewertungen "Top" und "Bedanken" habe ich noch ein "Cool" dazudefiniert.
Dann fiel mit auf, dass mein "Cool-Icon" mit 24x24px neben den Xobor-Icons in der Galerie zu klein war.
Also passte ich es auch auf die von Xobor vorgegebenen 32x32px an; Jetzt sieht's gut aus.




Im Forenteil allerdings, sind die Xobor-Icons nur mit 14x14px hinterlegt
und da ist mein Icon daneben natürlich wieder zu gross.




Will heissen, mein Icon passt entweder in der Galerie perfekt,
ist dafür aber im Forum zu gross, oder umgekehrt.

Lässt sich das irgendwie besser anpassen?

jimArt

 Antworten

 Beitrag melden
24.03.2022 15:48
avatar  Mike48
#2 RE: V6 Icon-Grössen
avatar
Mitglied

Im V6 sind das doch svg Font-Icon die sich der Schriftgrösse und -Farbe anpassen.


www.friends-of-xobor.de (621181 - V4 Template)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

 Antworten

 Beitrag melden
24.03.2022 17:09
avatar  Jim
#3 RE: V6 Icon-Grössen
avatar
Jim
Mitglied

Zitat von Mike48 im Beitrag #2
Im V6 sind das doch svg Font-Icon die sich der Schriftgrösse und -Farbe anpassen.

Das heisst, ein png funzt nicht?

jimArt

 Antworten

 Beitrag melden
24.03.2022 17:46
avatar  Jim
#4 RE: V6 Icon-Grössen
avatar
Jim
Mitglied

Dann verwirrt mich umso mehr, dass eigentlich im Template auch png vorgegeben sind.



Abgesehen davon, decken sich die Icons wie im Bild hier,
nicht mit den tatsächlich in der Galerie und im Forum erscheinenden.

jimArt

 Antworten

 Beitrag melden
24.03.2022 17:54
avatar  Mike48
#5 RE: V6 Icon-Grössen
avatar
Mitglied

Funktionieren tut das schon. Sieht man ja bei dir. Ist aber nicht zufriedenstellend.

Hier findest du die Xobor Icons → Wiki:appicons
Hier findest du Icons von FontAwesome → https://fontawesome.com/v5/search?m=free
Hier wie man diese einfügen kann → Wiki:icons-v6


www.friends-of-xobor.de (621181 - V4 Template)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

 Antworten

 Beitrag melden
24.03.2022 18:02 (zuletzt bearbeitet: 24.03.2022 18:04)
avatar  Mike48
#6 RE: V6 Icon-Grössen
avatar
Mitglied

Ich habe mir eins von FontAwesome für den Rating Button gesehen eingebaut. Icon ist wie ein Smiley.
Admin → Layout → Farben & Einstellungen → CSS/SCSS → CSS / SCSS Addon

1
2
3
4
5
6
 
/* begin font-icons */
.xob.xob-flushed:before{
font-family: 'Font Awesome 5 Free' !important;
font-weight: 400 !important;
content: '\f579';
}
 



Bewertung bearbeiten → Klasse für mobiles icon: flushed

Das Icon passt sich im Forum an die Größe und Farbe an.
Wenn man bewertet hat ändert sich auch die Farbe.


www.friends-of-xobor.de (621181 - V4 Template)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

 Antworten

 Beitrag melden
24.03.2022 18:25
avatar  Jim
#7 RE: V6 Icon-Grössen
avatar
Jim
Mitglied

Top-Job Merci

Funzt prima.
Hab' mir erlaubt, das ganze noch etwas abzuändern:

1
2
3
4
5
6
 
/* begin font-icons */
.xob.xob-smile:before{
font-family: 'Font Awesome 5 Free' !important;
font-weight: 400 !important;
content: '\f118';
}
 



Klasse für mobiles icon: Smile

jimArt

 Antworten

 Beitrag melden
24.03.2022 18:35
avatar  Mike48
#8 RE: V6 Icon-Grössen
avatar
Mitglied

Wenn du den Smile aus dem Xobor Font nimmst brauchst du das SCSS-Adon nicht.
Da reicht es, wenn du im Rating-Button bei dem Mobilen Icon smile einträgst.


www.friends-of-xobor.de (621181 - V4 Template)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

 Antworten

 Beitrag melden
24.03.2022 20:25
avatar  Jim
#9 RE: V6 Icon-Grössen
avatar
Jim
Mitglied

Hab's erneut geändert und deinen Code wieder eingesetzt.
Ist jetzt ein Icon, welches sonst nirgendwo im Forum vorkommt.

War mir etwas "zuviel Smile" auf einmal.

jimArt

 Antworten

 Beitrag melden
13.11.2022 14:01
#10 RE: V6 Icon-Grössen
avatar
Mitglied

Ich habe 4 Like-Button (Daumen hoch) in der Bildergalerie.
1x Like
1x ① Punkt
1x ② Punkte
1x ③ Punkte

In der Bildergalerie selbst werden nur 4x "Daumen hoch" angezeigt.

Frage:
Ist es möglich hinter den Like-Grafiken irgendwie noch einen Text zu schreiben?

Ungefähr so, funktioniert aber nicht:

1
2
3
 
.xob.xob-likes:before{
content: '1Punk';
}
 




Wer weis weiter?

Besten Dank
Wolfgang

Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!