[phpBB2 & PunBB] Profilfelder umranden / Rahmen

von steive am Di 12 Okt 2010 - 10:01

[phpBB2 & PunBB] Profilfelder umranden

Zunächst geht ihr in das template viewtopic_body

Sucht diesen code hier:

Code:: {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}

Und ersetzt ihn durch diesen:

Code:: <div class="online43">{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}</div>

Wie hier zusehen:

Absenden und bestätigen.

Nun fügt ihr nur noch diesen CSS code-

Code:: .online43{ background-color:#FFE8E8; border-bottom-color:#0B0017; border-style:solid; border-bottom-width:2px; border-left-color:#0B0017; border-left-width:1px; border-right-color:#0B0017; border-right-width:2px; border-top-color:#0B0017; border-top-width:1px; margin-bottom:3px; padding: 3px 3px 3px 3px; }

In das CSS Stylesheet ein.

Kleine Info:

background-color:#FFE8E8;	=	Hintergrund farbe
border-bottom-color:#0B0017;	=	Untere Rahmen Farbe
border-style:solid;	=	Rahmen aussehen
border-bottom-width:2px;	=	Untere Rahmen dicke
border-left-color:#0B0017;	=	Linke Rahmen farbe
border-left-width:1px;	=	Linke Rahmen dicke
border-right-color:#0B0017;	=	Rechte Rahmen farbe
border-right-width:2px;	=	Rechte Rahmen dicke
border-top-color:#0B0017;	=	Obere Rahmen farbe
border-top-width:1px;	=	Obere Rahmen dicke
margin-bottom:3px;	=	Außenabstand unten
padding: 3px 3px 3px 3px;	=	Innenabstand unten, oben,links, rechts

Man kann natürlich alles ändern wie man möchte aber das setzte ich jetzt einfach mal vorraus Smile

Aussehen sollte es dann so:

Fertig!

Dieses Tutorial wurde von steive geschrieben.

Dieses Tutorial steht unter dem Copyright von hilfe.forumieren.com. Eine Veröffentlichung dieses Tutorial außerhalb von Forumieren ist nicht gestattet.