Avatar-Umrandung mit CSS funktioniert nicht
3 verfasser
Das Forum der Foren :: Hilfe und Unterstützung (Support-Bereich) :: Das Aussehen eines Forums anpassen
Seite 1 von 1
Avatar-Umrandung mit CSS funktioniert nicht
Hallöle!
Ich habe in meinem Forum www.mysterious.forumclan.com den Code für die Avatar-Umrandung eingefügt, also diesen hier:
Aber die Umradnung wird nicht angezeigt. Liegt es vielleicht daran, dass ich im Template viewtopic_body schon was geändert habe?
Wäre ganz toll, wenn mir jemand weiter helfen könnte!
Liebe Grüße,
Tierfreund-97
Ich habe in meinem Forum www.mysterious.forumclan.com den Code für die Avatar-Umrandung eingefügt, also diesen hier:
- Code:
.postdetails.poster-profile a img {
border: 1px solid #000000 !important
}
Aber die Umradnung wird nicht angezeigt. Liegt es vielleicht daran, dass ich im Template viewtopic_body schon was geändert habe?
Wäre ganz toll, wenn mir jemand weiter helfen könnte!
Liebe Grüße,
Tierfreund-97
Tierfreund-97- Lehrling
- Anzahl der Beiträge : 154
Browser :
Anmeldedatum : 09.04.11
Re: Avatar-Umrandung mit CSS funktioniert nicht
Wo Hast du diesen Code her?
#Frank- Administrator
- Anzahl der Beiträge : 33551
Hinweis : Never change a running system on Friday!
Browser :
Anmeldedatum : 13.08.08
Re: Avatar-Umrandung mit CSS funktioniert nicht
Als ich mal einen vorgefertigten Style von hitskin.com installiert hatte, war dieser Code dabei.
Wieso?
Wieso?
Tierfreund-97- Lehrling
- Anzahl der Beiträge : 154
Browser :
Anmeldedatum : 09.04.11
Re: Avatar-Umrandung mit CSS funktioniert nicht
So wie ich es sehe, ist das dann aber ein Code gewesen, der für ein phpBB3 Forum geschrieben wurde.
Das was du dort hast ist ein phpBB2 Forum. Hier müsstest du dem Avatar erst einmal eine eigene Class zuweisen, weil der Avatar hier nur eine img Class hat und du das Bild selber nicht so ansprechen kannst.
Das was du dort hast ist ein phpBB2 Forum. Hier müsstest du dem Avatar erst einmal eine eigene Class zuweisen, weil der Avatar hier nur eine img Class hat und du das Bild selber nicht so ansprechen kannst.
#Frank- Administrator
- Anzahl der Beiträge : 33551
Hinweis : Never change a running system on Friday!
Browser :
Anmeldedatum : 13.08.08
Re: Avatar-Umrandung mit CSS funktioniert nicht
Hmm... Okay.
Könntest du mir dann sagen, an welcher Stelle ich diese eigene Class im Template hinschreiben muss? Und wie sie heißen muss?
Könntest du mir dann sagen, an welcher Stelle ich diese eigene Class im Template hinschreiben muss? Und wie sie heißen muss?
Tierfreund-97- Lehrling
- Anzahl der Beiträge : 154
Browser :
Anmeldedatum : 09.04.11
Re: Avatar-Umrandung mit CSS funktioniert nicht
Das kann ich gerne tun.
Als erstes müssen wir im Template:
viewtopic_body
eine Änderung vornehmen.
Du öffnest das Template zum bearbeiten und suchst dann diese Stelle:
{postrow.displayed.POSTER_AVATAR}
Normaler weise ist das die Zeile 92.
Das ersetzt du dann mit diesem Tag:
Nun kannst du das Avatarbild über diese Class: user_avatar im CSS ansprechen.
Dein CSS Eintrag sollte dann so aussehen:
Auch kannst du einen Hover Effekt noch definieren in dem du diesen CSS Code noch dazu setzt
Hier mal mit einer anderen Farbe des Randes beim drüberfahren mit der Maus:
Als erstes müssen wir im Template:
viewtopic_body
eine Änderung vornehmen.
Du öffnest das Template zum bearbeiten und suchst dann diese Stelle:
{postrow.displayed.POSTER_AVATAR}
Normaler weise ist das die Zeile 92.
Das ersetzt du dann mit diesem Tag:
- Code:
<span id="user_avatar">{postrow.displayed.POSTER_AVATAR}</span>
Nun kannst du das Avatarbild über diese Class: user_avatar im CSS ansprechen.
Dein CSS Eintrag sollte dann so aussehen:
- Code:
#user_avatar {
border: 1px solid #000000 !important
}
Auch kannst du einen Hover Effekt noch definieren in dem du diesen CSS Code noch dazu setzt
Hier mal mit einer anderen Farbe des Randes beim drüberfahren mit der Maus:
- Code:
#user_avatar:hover {
border: 1px solid #FF6600 !important
}
#Frank- Administrator
- Anzahl der Beiträge : 33551
Hinweis : Never change a running system on Friday!
Browser :
Anmeldedatum : 13.08.08
Re: Avatar-Umrandung mit CSS funktioniert nicht
Vielen Dank!
Ich habe alles so gemacht, wie du es sagtest. Doch jetzt sieht es irgendwie komisch aus... Nur der untere Teil des Avatars wird umrandet...
(Beispiel: http://mysterious.forumclan.com/t40-farben-eliminieren )
Ich habe alles so gemacht, wie du es sagtest. Doch jetzt sieht es irgendwie komisch aus... Nur der untere Teil des Avatars wird umrandet...
(Beispiel: http://mysterious.forumclan.com/t40-farben-eliminieren )
Tierfreund-97- Lehrling
- Anzahl der Beiträge : 154
Browser :
Anmeldedatum : 09.04.11
Re: Avatar-Umrandung mit CSS funktioniert nicht
Ja, ich habe es gerade gesehen.
Da klappt was nicht, weil du genau in dem Bereich schon eine Änderung hast.
Ich probiere noch was anders.
Da klappt was nicht, weil du genau in dem Bereich schon eine Änderung hast.
Ich probiere noch was anders.
#Frank- Administrator
- Anzahl der Beiträge : 33551
Hinweis : Never change a running system on Friday!
Browser :
Anmeldedatum : 13.08.08
Re: Avatar-Umrandung mit CSS funktioniert nicht
So, versuchen wir es noch mal anders. Die Template Änderung von eben machst du bitten noch mal rückgängig:
Das Problem ist, das du ja diese Änderung aus dem Tuto:
http://hilfe.forumieren.com/t14561-nur-bb2-den-usernamen-und-rang-unter-den-avatar-setzen#84571
ja auch schon drin hast.
- Code:
<span id="user_avatar">{postrow.displayed.POSTER_AVATAR}</span>
- Code:
<span class="postdetails poster-profile">{postrow.displayed.POSTER_AVATAR}<br /></span>
- Code:
.postdetails.poster-profile a img {
border: 1px solid #000000 !important
}
Das Problem ist, das du ja diese Änderung aus dem Tuto:
http://hilfe.forumieren.com/t14561-nur-bb2-den-usernamen-und-rang-unter-den-avatar-setzen#84571
ja auch schon drin hast.
#Frank- Administrator
- Anzahl der Beiträge : 33551
Hinweis : Never change a running system on Friday!
Browser :
Anmeldedatum : 13.08.08
Re: Avatar-Umrandung mit CSS funktioniert nicht
Jetzt ist der Avatar umrandet, allerdings auch der Kontakttext.
Tierfreund-97- Lehrling
- Anzahl der Beiträge : 154
Browser :
Anmeldedatum : 09.04.11
Re: Avatar-Umrandung mit CSS funktioniert nicht
Als Gast sehe ich das nun nicht, weil das nur Greift, wenn man eingeloggt ist.
Kannst du bitte mal das a aus dem CSS Eintrag entfernen?
Also das:
Kannst du bitte mal das a aus dem CSS Eintrag entfernen?
Also das:
- Code:
.postdetails.poster-profile a img
- Code:
.postdetails.poster-profile img
#Frank- Administrator
- Anzahl der Beiträge : 33551
Hinweis : Never change a running system on Friday!
Browser :
Anmeldedatum : 13.08.08
Re: Avatar-Umrandung mit CSS funktioniert nicht
Wenn ich das a wegmache, wird sogar eine leere Fläche darunter umrandet.
Tut mir leid, dass ich so viel Zeit in Anspruch nehme.
Ich sehe gerade, dass sich Cyborg112233 im Forum angemeldet hat...
Tut mir leid, dass ich so viel Zeit in Anspruch nehme.
Ich sehe gerade, dass sich Cyborg112233 im Forum angemeldet hat...
Tierfreund-97- Lehrling
- Anzahl der Beiträge : 154
Browser :
Anmeldedatum : 09.04.11
Cyborg112233- Kaiser
- Anzahl der Beiträge : 2362
Browser :
Anmeldedatum : 08.10.10
Re: Avatar-Umrandung mit CSS funktioniert nicht
Hallo,
Setz mal im Template das hier ein:
LG, Cyborg
Setz mal im Template das hier ein:
- Code:
<span class="postdetails poster-profile_avatar">{postrow.displayed.POSTER_AVATAR}<br /></span>
- Code:
.postdetails.poster-profile_avatar a img
LG, Cyborg
Cyborg112233- Kaiser
- Anzahl der Beiträge : 2362
Browser :
Anmeldedatum : 08.10.10
Re: Avatar-Umrandung mit CSS funktioniert nicht
Ah, na endlich! Es funktioniert!
Vielen, vielen Dank euch zwei!
Vielen, vielen Dank euch zwei!
Tierfreund-97- Lehrling
- Anzahl der Beiträge : 154
Browser :
Anmeldedatum : 09.04.11
Re: Avatar-Umrandung mit CSS funktioniert nicht
Na das freut mich, das es nun klappt, aber ein Wermutstropfen gibt es noch:
Wenn du ausgeloogt bist ist das nicht mehr zu sehen
Edit:
Ich würde dir diesen Eintrag empfelen:
Und wenn du es so einsetzt, dann sehen den Rahmen auch die Gäste.
Wenn du ausgeloogt bist ist das nicht mehr zu sehen
Edit:
Ich würde dir diesen Eintrag empfelen:
- Code:
.postdetails.poster-profile_avatar img {
border: 6px inset #ff6600 !important;
}
Und wenn du es so einsetzt, dann sehen den Rahmen auch die Gäste.
#Frank- Administrator
- Anzahl der Beiträge : 33551
Hinweis : Never change a running system on Friday!
Browser :
Anmeldedatum : 13.08.08
Re: Avatar-Umrandung mit CSS funktioniert nicht
Der "inset"-Rahmen ist ziemlich hübsch! Vielleicht benutze ich ihn ja
Das die Gäste den "solid"-Rahmen nicht sehen können, stört mich nicht. ^^
Nochmals vielen dank
Das die Gäste den "solid"-Rahmen nicht sehen können, stört mich nicht. ^^
Nochmals vielen dank
Tierfreund-97- Lehrling
- Anzahl der Beiträge : 154
Browser :
Anmeldedatum : 09.04.11
Re: Avatar-Umrandung mit CSS funktioniert nicht
Du brauchst nur hier das "a" wegzulassen, dann klappt das auch für Gäste:
.postdetails.poster-profile_avatar a img
#Frank- Administrator
- Anzahl der Beiträge : 33551
Hinweis : Never change a running system on Friday!
Browser :
Anmeldedatum : 13.08.08
Ähnliche Themen
» Avatar-Galerie funktioniert nicht
» [Sammelthread] Avatar hochladen funktioniert nicht.
» Bild wird nicht tief gesetzt / <br /> funktioniert nicht
» [Sammelthread] Avatar hochladen funktioniert nicht.
» Bild wird nicht tief gesetzt / <br /> funktioniert nicht
Das Forum der Foren :: Hilfe und Unterstützung (Support-Bereich) :: Das Aussehen eines Forums anpassen
Seite 1 von 1
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten
|
|