Lexi Help
Die neuesten Themen
» Servamp Forum
von Raine Kamiya Gestern um 22:47

» Begriff : "merken"
von Ray Gestern um 21:34

» [phpBB2] Probleme mit der "Postprofil" Anzeige
von Dr.Keks Gestern um 20:56

» Private Nachrichten
von inde Gestern um 10:05

» Wie kann man erkennen, welche Forenversion ein anderes Forum hat?
von inde So 25 Sep 2016 - 22:24

» Ad Ware im Forum?
von inde So 25 Sep 2016 - 20:38

» [Update] Neues Theme der mobilen Version V2
von #Frank So 25 Sep 2016 - 16:57

» [Sammelthread] Unangebrachte Werbung
von inde Fr 23 Sep 2016 - 9:00

» [PunBB] Umzug eines funktionierenden Forums von PunBB auf phpBB?
von inde Do 22 Sep 2016 - 20:30

» [phpBB2] Gruppen in der Wer is Online Anzeige "trennen"
von TheRollyJoger Mi 21 Sep 2016 - 10:49

» Yaruma - Fantasy-RPG Forum
von Alketa Di 20 Sep 2016 - 21:34

» [phpBB3] Links automatisch kursiv
von inde Di 20 Sep 2016 - 17:37

» [Invision] Kompletter Css-Codebaum gesucht !
von inde Di 20 Sep 2016 - 13:12

» Filmforum "Dark Movie Dreams"
von Ray Di 20 Sep 2016 - 11:56

» Forumseite mit Mailware verseucht ?
von inde Mo 19 Sep 2016 - 20:31

» Ich kann keine Hintergrundbilder hochladen
von Serv Mo 19 Sep 2016 - 19:59

Partner
free forum

[phpBB2 & PunBB] Profilfelder umranden / Rahmen

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

[phpBB2 & PunBB] Profilfelder umranden / Rahmen

Beitrag 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.


Zuletzt von steive am Di 12 Okt 2010 - 10:23 bearbeitet, insgesamt 1 mal bearbeitet

steive
Kaiser
Kaiser

Männlich Beiträge : 1056
Hinweis : HTML, CSS, PHP
Anmeldedatum : 21.07.09

Nutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Forenbefugnisse:
Sie können in diesem Forum nicht antworten