Bitte geben Sie einen Grund für die Verwarnung an
Der Grund erscheint unter dem Beitrag.Bei einer weiteren Verwarnung wird das Mitglied automatisch gesperrt.
Benutzertitel zentrieren
BenAP
(
gelöscht
)
#1 Benutzertitel zentrieren
Hi!
Ich schon wieder. :)
Ich habe nun Benutzertitel eingefügt, diese sind allerdings nicht zentriert.
Meine Benutzertitel schauen so aus, dass die Sterne gefolgt von einem <br> gefolgt vom Titelname angezeigt werden.
<img src="https://files.homepagemodules.de/b2001010/a_283.png" width="75px" height="15px"><br>Senior Member
Die center Funktion hat keine Verbesserung gebracht.
Habt ihr noch Ideen wie ich das zentrieren könnte ohne über die 80 Zeichen Begrenzung zu kommen?
Danke!
Hejo, ich hab mich damit auch vor langer Zeit mal rumgeschlagen und hab eben nachgeguckt. In den Templates hab ich das wohl neben anderen Umstrukturierungen im Template "Thread Flat" gelöst. Wenn du da den Userinfo-Teil einer Nachricht gefunden hast, lässt sich das an der Stelle bearbeiten. Das ist bei mir die table/HTML-Tabelle, die unter anderem {{message:avatar==true.start}} umschließt.
Die sieht bei mir jetzt so aus:
<table style="vertical-align: middle !important;text-align: center !important;" width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" style="margin-top:23px">
Bevor du versuchst in den Templates zu wüten, kannst du es mit dem vertical-algin-Befehl selbst oder so vielleicht versuchen. Das Stichwort 'important' ist hierbei schlechter Stil, weil es entgegen der CSS-Kaskade andere Vorgaben überschreibt.. oder so.
Zu deinem Problem mit der 80-Zeichen-Begrenzung kann ich noch was sagen, weil ich ja kürzlich auch recht viel mit Zeichenersparnis zu tun hatte: *gg*
Lager alle möglichen Style-Informationen in die CSS aus. In deinem Code-Beispiel sind das width und height. Wenn du eine CSS-Klasse dafür schreibst, hast dus einheitlich statt redundant für dieses Bild und sparst eben eine Menge Zeichen.
In deiner CSS sähe das hier z.B. so aus:
img.ti {width:75px;height:15px;}
und in deinem TitelCode entsprechend:
<img src="https://files.homepagemodules.de/b2001010/a_283.png" class="ti">
ti ist hierbei eine CSS-Klasse für img-Code, die du beliebig benennen kannst. Nur gibt es schon einige Klassen, also solltest du da versuchen keine schon bestehende zu überschreiben. Also ggf. ist "ti" ungeeignet und sollte "betitel" oder so heißen.
Center ist auch so eine Style-Information wie auch vertical align, Schriftarten und Schriftfarben und all sowas, src vom img leider nicht.
Viel Erfolg,
lg
/Edit: Du kannst auch eine div-Box aus dem Bild machen, dann sparst du dir an der Stelle auch den Source-Code. Das hatt ich auch irgendwo.. also in der CSS ist dann ein Background-Image für die Div-Klasse drin, und in dem Benutzertitel musst du nur noch <div class="deyKlassname"></div> aufrufen.
- Informationen
- Aktuelle News
- Forum Tutorials - Tipps und Anleitungen
- SEO / Werbung fürs Forum
- Verwaltung
- Extras
- Design
- Plugin(system)
- Eure Fragen zu Tutorials
- Forum Support
- Fragen und Antworten
- Pluginsystem
- Plugins
- Templates & Sprachen
- Bugreport
- Verbesserungsvorschläge
- Sponsoren gesucht
- Das neue Xobor Business-Template
- News und Updates
- Bugreport
- Allgemeines Feedback
- Verbesserungsvorschläge
- Sonstiges
- Kaffeeklatsch
- Lob & Kritik
- Verbesserungsvorschläge
- Allgemeine Fragen
- Fehlermeldungen
- Verbesserungsvorschläge Responsive Design
- Bugreport Responsive Design
- Archiv - Alter Betatest
- Responsive Design - Verbesserungsvorschläge
- Responsive Design - Bugreport
- Fragen zum neuen Template
- Neue Administration Beta Test
- Bugreport Neue Administration
- Allgemeines Fragen & Feedback
- Verbesserungsvorschläge zur neuen Administration
- Shoutbox
Ähnliche Themen
Jetzt anmelden!
Jetzt registrieren!
© 2017 Xobor | Forum-Software