Regeln und nützliche Hinweise
Lexi Help
Die neuesten Themen
» Admin Email Ändern
von Bigtuber Gestern um 20:22

» Passwort vergessen
von Bigtuber Gestern um 20:10

» [Sammelthread] Unangebrachte Werbung
von Marcel´s Schnatterbude Gestern um 9:46

» Admin Passwort vergessen
von ABC-Man Gestern um 9:01

» Kalender
von Bigtuber So 26 März 2017 - 18:04

» Gifs einfügen
von Bigtuber So 26 März 2017 - 14:58

» Warrior Cats - NordClans
von Eislicht So 26 März 2017 - 0:28

» Gründeraccount Passwort vergessen
von Eozaen Sa 25 März 2017 - 20:02

» [phpBB3] Schreiben als Gast
von Ave Sa 25 März 2017 - 15:37

» Forum anhand der E-Mail wiederfinden?
von Bigtuber Sa 25 März 2017 - 13:17

» [phpBB2]Darstellungsfrage zur Kategorienansicht- Icon+Beschriftung gleiche Ebene
von Marcel´s Schnatterbude Sa 25 März 2017 - 9:05

» [Mitteilung] Optimierung des Generierung-Prozesses von FaceYourManga-Avataren
von Forumbot Fr 24 März 2017 - 19:04

» [#9357]-[phpBB2] Registrierung funktioniert nicht
von amti Fr 24 März 2017 - 17:04

» Kawaiicity - Anime Reallife Forum
von Passi92 Fr 24 März 2017 - 12:20

» Shibosha Rollenspiel
von BlackValentine Fr 24 März 2017 - 11:25

» (phbBB3) Suchauswahl "NeueBeiträge" übergreifend fixieren
von Broesel Fr 24 März 2017 - 10:40

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