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
Neueste Themen
» kann man noch Blogs hier erstellen?
von Joost Mi 27 März 2024 - 18:40

» Einstellen der Profilfelder funktioniert nicht
von Skouliki Di 26 März 2024 - 12:54

» Gründer-E-Mail-Adresse ändern
von Skouliki Mo 25 März 2024 - 13:48

» PN's werden nicht mehr rot eingefärbt
von Skouliki Fr 22 März 2024 - 7:44

» Forum löschen, Probleme mit Gründeraccount
von Skouliki Do 21 März 2024 - 9:04

»  Missbrauchsmeldung "Sexueller Inhalt" war (wieder) Werbung/Spam/Scam
von Skouliki Do 21 März 2024 - 9:03

» [phpBB3] Suchfunktion ohne Funktion
von Skouliki Mi 20 März 2024 - 8:41

» Neuer User kann sich anmelden.
von Skouliki Mi 20 März 2024 - 8:38

» Zugangsdaten vergessen/verloren
von Joost Sa 16 März 2024 - 21:07

» Schwierigkeiten mit BBCode
von Skouliki Fr 15 März 2024 - 11:51

» Entdeckt die neue Option Servimg Premium
von Joost Mi 6 März 2024 - 19:50

» Neues YAMAHA XT660-Forum
von gnadenlos Fr 1 März 2024 - 7:33

» Forum nur noch für Eingeloggte sichtbar?
von Skouliki Di 27 Feb 2024 - 7:53

» [phpBB3] Eine Frage zum Forum selbst.
von Skouliki Di 27 Feb 2024 - 7:52

» Beiträge verschwinden
von Skouliki Do 22 Feb 2024 - 7:47

» [Tutorial - alle Versionen] (De)aktiviert die Anzeige von Signaturen aus Eurem Profil
von Eto Do 15 Feb 2024 - 22:17

» Datenback-Dump?
von Skouliki Mo 12 Feb 2024 - 22:02

» Einloggen nicht mehr möglich [erbitte schnelle Rückmeldung!]
von Skouliki Mo 12 Feb 2024 - 8:15

Beiträge mit den meisten Reaktionen des Monats
» Beitrag von Joost in  Missbrauchsmeldung "Sexueller Inhalt" war (wieder) Werbung/Spam/Scam
( 2 )


» Beitrag von Joost in Entdeckt die neue Option Servimg Premium
( 2 )


» Beitrag von T.G. in Zugangsdaten vergessen/verloren
( 1 )


» Beitrag von Skouliki in PN's werden nicht mehr rot eingefärbt
( 1 )


» Beitrag von Skouliki in PN's werden nicht mehr rot eingefärbt
( 1 )


[Tuto] [alle Versionen] Rahmen - Hintergrund um Avatare in Beiträgen

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

hintergrund* - [Tuto] [alle Versionen] Rahmen - Hintergrund um Avatare in Beiträgen Empty [Tuto] [alle Versionen] Rahmen - Hintergrund um Avatare in Beiträgen

Beitrag von inde Mi 30 März 2016 - 20:48

Rahmen - Hintergrund um Avatare in Beiträgen:

Da hier im Forum immer wieder einmal gefragt wurde ob es möglich sei, um die Avatare in den Beiträgen einen Rahmen oder aber auch eine Grafik einzusetzen, habe ich mir einmal die Arbeit gemacht und eine kleine Anleitung dafür ausgearbeitet.


Die einzelnen Arbeitsschritte sind mit Buchstaben versehen, sodass Du Dir Dein gewünschtes Ziel bzw. Deine ausgewählte Variante selbst auswählen kannst.
Für die Anleitungen der verschiedenen Versionen wurden statt Texte selbsterklärende Grafiken sowie die zu verwendenden Codes zum Kopieren eingesetzt. Ersetze bitte innerhalb der Codes die entsprechende "URL-GRAFIKADRESSE" durch Deine eigene Grafikadresse.
Für die Umsetzung jeder Variante musst Du lediglich die entsprechenden Einträge in das persönliche CSS des Forums vornehmen. hintergrund* - [Tuto] [alle Versionen] Rahmen - Hintergrund um Avatare in Beiträgen Anleitung_a_01


Beispiel: Rahmen um ein Avatar
hintergrund* - [Tuto] [alle Versionen] Rahmen - Hintergrund um Avatare in Beiträgen Avatar_Tut_05


Bei der Ausarbeitung für die verschiedenen Foren-Versionen ist mir noch aufgefallen, dass man für die Version PHPBB3 und INVISION in Abhängigkeit ob ein User On- oder gerade Offline ist verschiedene Rahmen bzw. Grafiken einsetzen kann. Für die Versionen PUNBB und PHPBB2 war mir diese Umsetzung über CSS leider nicht möglich.

Beispiel: Der User ist gerade Online, die Farbe des Rahmens ändert sich. Nur für PHPBB3 und INVISION Exclamation
hintergrund* - [Tuto] [alle Versionen] Rahmen - Hintergrund um Avatare in Beiträgen Avatar_Tut_06


Beispiel: Eine Grafik als Rahmen um ein Avatar.
hintergrund* - [Tuto] [alle Versionen] Rahmen - Hintergrund um Avatare in Beiträgen Avatar_Tut_07


Wenn Du eine Grafik um Deine Avatare einsetzen möchtest, dann sollten auch gleichgroße Avatare für alle User in Deinem Forum verwendet werden. Dazu könntest Du zum einen auch einen Hinweis in Deinen Forenregeln machen. Weiterhin kann man entsprechende Einstellungen vornehmen um die User schon während des Eintrags für das Avatar auf die Größe hinzuweisen. hintergrund* - [Tuto] [alle Versionen] Rahmen - Hintergrund um Avatare in Beiträgen Anleitung_b_01 Zusätzlich haben wir nun noch die Möglichkeit die Größe der Avatare in den Beiträgen genau festzulegen bzw. zu erzwingen. hintergrund* - [Tuto] [alle Versionen] Rahmen - Hintergrund um Avatare in Beiträgen Anleitung_c_01 Sollte nun noch ein User eine falsche Größe für sein Avatar einsetzen, dann wird er sich wundern das sein Avatar verzerrt dargestellt wird. Auch musst Du damit rechnen, dass der besagte User dann wahrscheinlich auch im Deinem Forum anfragt, warum dies so ist. scratch Question

Beispiel: Das Avatar ist in der Höhe zu klein und wird größer aufgezogen. (Funktioniert natürlich auch in der Breite, oder aber wenn ein Avatar zu groß sein sollte wird es verkleinert.)
hintergrund* - [Tuto] [alle Versionen] Rahmen - Hintergrund um Avatare in Beiträgen Avatar_Tut_04


Folgende Varianten stehen Dir in dieser Anleitung zur Verfügung:
Rahmen um ein Avatar hintergrund* - [Tuto] [alle Versionen] Rahmen - Hintergrund um Avatare in Beiträgen Anleitung_d_01
Rahmen um ein Avatar und wechselnd wenn ein User Online geht (nur für PHPBB3 und INVISION Exclamation ) hintergrund* - [Tuto] [alle Versionen] Rahmen - Hintergrund um Avatare in Beiträgen Anleitung_e_01
Grafik um ein Avatar hintergrund* - [Tuto] [alle Versionen] Rahmen - Hintergrund um Avatare in Beiträgen Anleitung_f_01
Grafik um ein Avatar und wechselnd wenn ein User Online geht (nur für PHPBB3 und INVISION Exclamation ) hintergrund* - [Tuto] [alle Versionen] Rahmen - Hintergrund um Avatare in Beiträgen Anleitung_g_01


Hinweise:
Natürlich lassen sich die Codes für einen Rahmen und einer Grafik auch vermischen.
Innerhalb der CSS-Codes sind Abstände (padding) eingeben, die Du entsprechend anpassen kannst. Auch ist das Hinzufügen von weiteren Abständen (margin) wie z.B. dem Abstand zu einem Beitrag denkbar.
Zum Probieren eines Rahmens mit einer Grafik, stelle ich hier einmal eine einfache Grafik zur freien Verfügung. Weiter Grafiken können natürlich hier im Grafikbereich von Forumieren bestellt werden.

hintergrund* - [Tuto] [alle Versionen] Rahmen - Hintergrund um Avatare in Beiträgen Border10 und als URL-Adresse https://i.servimg.com/u/f86/19/29/84/79/border10.png






flagge Anleitungen flagge





hintergrund* - [Tuto] [alle Versionen] Rahmen - Hintergrund um Avatare in Beiträgen Anleitung_a_01
Klick für Anleitung -A-:


hintergrund* - [Tuto] [alle Versionen] Rahmen - Hintergrund um Avatare in Beiträgen Anleitung_b_01
Klick für Anleitung -B-:


hintergrund* - [Tuto] [alle Versionen] Rahmen - Hintergrund um Avatare in Beiträgen Anleitung_c_01
Klick für Anleitung -C-:


hintergrund* - [Tuto] [alle Versionen] Rahmen - Hintergrund um Avatare in Beiträgen Anleitung_d_01
Klick für Anleitung -D-:


hintergrund* - [Tuto] [alle Versionen] Rahmen - Hintergrund um Avatare in Beiträgen Anleitung_e_01
Klick für Anleitung -E-:


hintergrund* - [Tuto] [alle Versionen] Rahmen - Hintergrund um Avatare in Beiträgen Anleitung_f_01
Klick für Anleitung -F-:


hintergrund* - [Tuto] [alle Versionen] Rahmen - Hintergrund um Avatare in Beiträgen Anleitung_g_01
Klick für Anleitung -G-:


Have Fun top

Manch einer wird vielleicht denken "Weshalb ich nicht für jede Version einen einzelnen Post gemacht habe?" Ich darf laut Forenregeln keine Doppelpost machen! Auch darf ich keine Formatierungen verwenden, anstelle dessen habe ich Spoiler und Grafiken verwendet um diese Anleitung ein wenig zu entwirren. Ich bin mir aber sicher, wer ordentlich liest, gewissenhaft arbeitet und sich an seine Version hält.... der bekommt das schon hin. Auch sind die Codes noch weiter ausbaufähig z.B. Hover-Effekte o.ä. Wink

LG inde

PS. Wer Rechtschreibfehler findet der darf sich diese gerne kopieren und in seinem Forum weiter verwenden. Freunde
avatar
inde
Admin a.D.
Admin a.D.

Männlich Beiträge : 5658
Anmeldedatum : 20.10.11
keine
Mozilla Firefox phpBB3

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben

- Ähnliche Themen

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