Iconbar zentrieren oder linksbündig platzieren + Abstand Icons einstellen!

Um alle Funktionen nutzen zu k�nnen, aktivieren Sie bitte JavaScript in ihrem Browser!

Der Treffpunkt f�r Hilfe, Tricks & Tipps � XOBOR-Foren und Homepages � Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten � Iconbar zentrieren oder linksbündig platzieren + Abstand Icons einstellen!

Seite 1 von 2 � Seite 1 2 Seite �

Themen-Einstellungen

Thema drucken

Bereich wechseln

Start Willkommen! Ank�ndigungen & Termine, wichtige News! Stellen Sie Ihr eigene Webseite vor! Betriebssystem MS Windows Betriebssystem MS Windows 10, 8.1, 8 und 7 - Tricks & Tipps MS Windows 10, 8.1, 8 und 7 - Fragen & Antworten �rger mit Ihrem PC? �rger mit dem PC - Vorbeugung und Hilfe �rger mit dem PC - Fragen & Antworten Fragen zu DSL, VDSL, LTE und anderen Netzempfangsarten XOBOR-Foren und Homepages Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten Das neue Template Xobor (v6) Energieerzeugung im neuen Zeitalter - Revolution�r! Videos und Webseiten zur Freien Energie Wasserstoff - Energietr�ger der Zukunft. Die besten Links Empfehlenswerte und interessante Links! Link - Suche Verschiedenes Faszinationen & Unglaubliches! Tricks & Tipps f�r Smartphones und iPhones Lob, Kritik & Verbesserungsvorschl�ge Spiel & Spa�, Witz & gute Laune! Spiritualit�t, Seele, New Age, Yoga, Gesundheit Alles, was noch so �brig bleibt Bannertausch Wie funktioniert der Bannertausch? Bannerrotation und Bannerwechsel

#1 | Iconbar zentrieren oder linksbündig platzieren + Abstand Icons einstellen! datum

10.04.2022 16:02 (zuletzt bearbeitet: 09.12.2022 18:14)

Hallo ihr Lieben,

ist es möglich die Iconbar zu zentrieren im Forum?

LG

Antworten

#2 | Business Template (v4): Iconbar zentrieren oder linksbündig platzieren datum

14.04.2022 18:19 (zuletzt bearbeitet: 09.12.2022 17:53)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3314
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1245

Business Template (v4): Iconbar zentrieren oder linksbündig platzieren
Aktualisiert 09.12.22

Hallo Bienchen,
habe eine einfache CSS-Lösung gefunden die Iconbar im Business Template (v4) zu zentrieren.
Das Skript ist so ausgelegt, dass die iconbar überall zentriert wird oder optional überall linksbündig angezeigt wird!

Bei großen Monitoren könnte ich mir die Iconbar linksbündig auch gut vorstellen!

Installation fürs Business (v4)

Es wird nur ein CSS-Eintrag in "Eigener CSS Code" benötigt!
Durch Zeile 16+21+25 wird die Iconbar zentriert!
Möchte man die Iconbar immer links haben, muss Zeile 19 freigegeben werden, Zeile 15+16 kann gelöscht werden!
Wird die Zeile 30 freigegeben, kann der Abstand der Icons eingestellt werden!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 
/* Beitrag bearbeiten, Neues Thema/Beitrag erstellen, Neue Nachricht, Talk, Profil */
.iconbar,
 
/* Kalender */
.page_calendar_event .xob_iconlist,
 
/* Profil bearbeiten */
.page_member-data .xob_iconlist,
 
/* Blog */ 
.page_blog_edit .xob_iconlist,
.page_blog_new .xob_iconlist, 
.page_blog_entry .xob_iconlist {
 
/* Iconbar zentriert */
margin:0 auto !important;
 
/* Iconbar immer links */
/* margin-left:0  !important; */
 
display: table;
}
 
.iconbar_wrapper, .iconbar {
float:none !important;
}
 
/* Abstand der Icons einstellen */
.xob_icon_cont {
/* margin-right:10px !important; */
} 
 

Schlie�en

Spoiler mit einem Klick öffnen und schließen!

Bis dann und viel Erfolg beim Einbauen
Wolfgang

Antworten

#3 | RE: Business Template (v4): Iconbar zentrieren datum

19.04.2022 07:09

Hallooo und Danke für deine Antwort!
Gibt es eine solche Lösung auch fürs Gaia?

Grüße

Antworten

#4 | RE: Gaia: Template (v3): Iconbar zentrieren datum

19.04.2022 09:51

Gaia: Template (v3): Iconbar zentrieren

Hallo bienchen,
wo genau im Gaia willst Du die Iconbar zentrieren?
Überall, oder "neuer Beitrag", Blog, ....
Hier alles ziemlich eng beieinander....

Gruß
Wolfgang

Antworten

#5 | RE: Gaia: Template (v3): Iconbar zentrieren datum

19.04.2022 10:11

Ich frage da viel mehr für eine Freundin ihr Forum, ich denke wir würden es einfach ästhetischer finden, auch wenn es nicht viel ausmachen würde für andere.
Generell, in den Beiträgen und den Gästebüchern :)

Antworten

#6 | RE: Gaia: Template (v3): Iconbar zentrieren datum

19.04.2022 16:30 (zuletzt bearbeitet: 09.12.2022 17:54)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3314
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1245

Gaia: Template (v3): Iconbar zentrieren
Aktualisiert 09.12.22

Hallo bienchen,
so sehen die Zentrierungen aus.

Beitrag bearbeiten:

Thema erstellen:
In "Neues Thema erstellen" und "Antworten" kommt "Bilder einfügen" noch hinzu. Im Skript wird "Bilder einfügen" noch zusätzlich zentriert, damit es genau unter der Iconbar platziert wird.

Folgende Bereiche werden zentriert:

Neues Thema erstellen, Antworten, Beiträge bearbeiten, Gästebuch, Kalendereintrag, Private Mails, Talk, Profil editieren

Eintrag fürs Gaia (v3) in "Eigener CSS Code":

• Wird die Zeile 9 freigegeben, kann der Abstand der Icons eingestellt werden!

1
2
3
4
5
6
7
8
9
10
 
/* Iconbar zentriert */
.xob_iconlist, [name="newms"] div small:first-child {
margin:0 auto;
display: table;
}
 
/* Abstand der Icons einstellen */
.xob_icon_cont {
/* margin-right:10px !important; */
} 
 

Bis dann
Wolfgang

Antworten

#7 | Xobor (v6): Iconbar zentrieren! datum

23.07.2022 22:04 (zuletzt bearbeitet: 09.12.2022 17:57)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3314
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1245

Xobor (v6): Iconbar zentrieren!
Aktualisiert 12.08.22

Hallo @EaglePipe

Im Xobor (v6) bekommt man die Iconbar erst zentriert, wenn man den "float-Eintrag" aufhebt!
Ich finde, dass die Zentrierung nur beim "HPM Business-Design" richtig zu Geltung kommt, hier gibt es keine Boxen die das Forum in der Breite stark reduzieren!

Iconbar im Xobor (v6) zentriert!

Die Iconbar im Xobor (v6) zentriert:

• Wird nach "Admin > Layout > Farben & Einstellungen > CSS/SCSS > CSS / SCSS Addon" kopiert.
• Wird die Zeile 10 freigegeben, kann der Abstand der Icons eingestellt werden!

1
2
3
4
5
6
7
8
9
10
11
 
/* Iconbar zentriert */
.xob_iconlist, #iconbarcont {
float:none !important;
margin:0 auto;
display: table;
}
 
/* Abstand der Icons einstellen */
.xob_icon_cont {
/* margin-right:10px !important; */
}
 

Wolfgang

bienchen findet das Top!

Antworten

#8 | RE: Xobor (v6): Iconbar zentrieren! datum

24.07.2022 11:29

@Wolfgang Vielen Dank für die schnelle Antwort

Ich habe es schon umgesetzt Vielen Dank

Gruß Alex

Wolfgang findet das Top!

Antworten

#9 | RE: Xobor (v6): Iconbar zentrieren! datum

08.12.2022 23:51

Huhu! Ich schon wieder!
Bekommt man die einzelnen Icons auch weiter auseinander per css?

LG

Antworten

#10 | RE: Xobor (v6): Iconbar zentrieren + Abstande Icons einstellen! datum

09.12.2022 18:12 (zuletzt bearbeitet: 09.12.2022 18:12)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3314
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1245

Xobor (v6): Iconbar zentrieren + Abstande Icons einstellen!

Hallo Bienchen,
will man den Abstand der Icons vergrößern, sollte man auch an die mobile Version denken!
Hier wird alles kleiner und enger dargestellt!
So wie es aussieht ist der gleiche Eintrag für alle Template funktionstüchtig!

Mobil und im V6 wird folgender Eintrag nach "CSS / SCSS Addon" kopiert.
Hier kann der Eintrag auch weggelassen werden, um Umbrüche in der Iconbar zu vermeiden!!
Für die Templates (v1-4) kommt der Eintrag in "Eigener CSS Code".
In Zeile 3 Kann der Abstand eingestellt werden!

1
2
3
4
 
/* Abstand der Icons einstellen */
.xob_icon_cont {
  margin-right:10px !important;
} 
 

Wolfgang

Antworten

Forum der Transportunternehmer � � Bilderalbum nur für bestimmte User

Seite 1 von 2 � Seite 1 2 Seite �

�hnliche Themen

Antworten

Letzter Beitrag

Hover-Effekt für einen Forum-Code der Iconbar
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten von Anke 9 14.10.2023 05:41
Wolfgang • Zugriffe: 406
Iconbar zentrieren
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten von EaglePipe 1 23.07.2022 22:08
Wolfgang • Zugriffe: 187
Iconbar mobil fürs Xobor (v6) anpassen
Erstellt im Forum Das neue Template Xobor (v6) von Wolfgang 0 12.10.2021 19:34
Wolfgang • Zugriffe: 378

Für die Iconbar: Smileys mit einstellbarer Größe!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

02.02.2020 15:37
von

Wolfgang • Zugriffe: 1033

Multi-Dialog-Assistent für die Iconbar
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang 9 09.01.2024 15:04
bienchen • Zugriffe: 9476

Iconbar: "Inhalte integrieren" und "addPics" ausblenden!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

10.12.2023 14:14
von

Nara • Zugriffe: 2984

Iconbar fixieren - gut für lange Beiträge!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang 6 03.04.2020 18:58
Wolfgang • Zugriffe: 2196

Beiträge nur für Mitglieder in der neuen Iconbar
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

21.08.2023 22:41
von

Kipper-Spedition • Zugriffe: 2006

Abstand zwischen Bildern, Smilies und Wörtern gezielt einstellen!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

25.02.2019 20:55
von

Wolfgang • Zugriffe: 1845

Foren Spende

Hallo !

Wir hoffen, dass Dir unser Forum gef�llt und Du Dich hier genauso wohlf�hlst wie wir.

Um Dir und den anderen Mitgliedern das Bestm�gliche bieten zu k�nnen, w�rden wir das Forum gern werbefrei gestalten, mit tollen neuen Extras erg�nzen.

Wenn Du uns dabei unterst�tzen m�chtest, kannst Du mit Hilfe einer kleinen Spende dazu beitragen.

Deine Spende hilft!

Spendenziel: 85 €

78%