Das Forum der Foren
Willkommen im offiziellen Supportforum von Forumieren!

Um alle Vorteile unseres Forums zu nutzen, melden Sie sich bitte an. Wenn Sie bereits Mitglied sind loggen Sie sich ein.


Erstellen Sie ein kostenloses Forum wie dieses hier.
Regeln und nützliche Hinweise
Lexi Help
Die neuesten Themen
» [phpBB2] "Ihre Sitzung ist abgelaufen".
von Miho Heute um 7:34

» kleine Hilfe Hintergrund
von deafgopro Heute um 2:39

» brauche ich kleine hilfe
von deafgopro Gestern um 21:52

» Benachrichtigungen
von inde Gestern um 18:59

» [ModernBB] Profil Informationen im Forum - Farbe nicht veränderbar
von inde Gestern um 15:54

» [#9712] Gründerwechsel nach Inaktivität des Gründers
von Bigtuber Gestern um 14:09

» Sailor Moon Forum SMF
von Rika So 23 Apr 2017 - 12:09

» Natur und Wildlife Forum
von Stephan68 Sa 22 Apr 2017 - 19:44

» Gründerwechsel nach Inaktivität des Gründers
von Checvx Sa 22 Apr 2017 - 1:25

» Update der Facebook-Verbindung
von inde Fr 21 Apr 2017 - 18:07

» SPAM
von inde Fr 21 Apr 2017 - 17:53

» [phpBB2] Style zerschießt sich
von Bigtuber Fr 21 Apr 2017 - 1:56

» [Invision] Neues Thema - Antworten verschieben
von inde Do 20 Apr 2017 - 21:05

» Möglichkeit Umfragen anonym/offen bei der Erstellung einzustellen
von LillNalle Mi 19 Apr 2017 - 17:01

» [#9632] Registrierung funktioniert nicht
von inde Di 18 Apr 2017 - 18:58

» [phpBB2] Indexmodul verschiebt Foren?
von inde Di 18 Apr 2017 - 15:45

www.forumieren.de

[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
avatar
steive
Kaiser
Kaiser

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

Benutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


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