Regeln und nützliche Hinweise
E-Mail-Adressen dürfen nicht veröffentlicht werden!
Lexi Help
Die neuesten Themen
» [phpBB2] Forum "lädt sich tot"
von inde Heute um 10:38

» [phpBB2] Navigationsmenü plötzlich abgehoben
von Dr.Keks Gestern um 19:26

» [PunBB] Beiträge werden nach ca 250 Zeichen abgeschnitten
von inde Gestern um 15:45

» Keine Zugangsdaten zu Forum/ Zugangsdaten verloren gegangen
von Bigtuber Gestern um 12:15

» Rahmen um Profilfelder im Beitrag
von Dr.Keks Fr 17 Feb 2017 - 20:21

» [phpBB2] Icon bei Profilfeld umsetzen
von Dr.Keks Fr 17 Feb 2017 - 20:02

» Gründer Passwort
von inde Do 16 Feb 2017 - 22:10

» Paradise Found - Rollenspiel mit Wölfen
von Zuzu Do 16 Feb 2017 - 8:44

» [phpBB3] Schatten um Usernamen
von Chocolate Bean Di 14 Feb 2017 - 19:33

» [phpBB2] Mitgliederliste Namen nicht mehr verlinkt
von Dr.Keks Di 14 Feb 2017 - 17:41

» Chat wird nicht automatisch aktualisiert
von Eluare Mo 13 Feb 2017 - 15:13

» [phpBB2]neuste Beiträge verschoben
von Dr.Keks Mo 13 Feb 2017 - 12:56

» Server nicht erreichbar
von inde Mo 13 Feb 2017 - 10:34

» [phpBB2] Problem mit dem Code Themenzähler
von Marcel´s Schnatterbude So 12 Feb 2017 - 20:34

» [phpBB2] Problem mit einem iframe
von Fiona So 12 Feb 2017 - 16:09

» [phpBB3] Bildverwaltung
von Laghaim So 12 Feb 2017 - 13:19

Partner
www.forumieren.com

[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
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