If you are seeing this message, it is possible the page did not load properly. Please hit reload/refresh on your browser.
If you still see this message, you probably do not have a browser that supports web standards, although its content is accessible to any browser or Internet device.

International Help Forums International Help Forums | Main Help Forums
jump to: Deutsch | Español | Svenska

Help Communities:
Help Forums Tips & Tricks Bug Base Community Center
<< Vorheriges Thema | Nächstes Thema >>
Gold Community International Help Forums ::: FAQ (Deutsch) ::: Wie ändere ich mein Profil - FORTGESCHRITTEN!
New Topic    Add Reply
Topic: Wie ändere ich mein Profil - FORTGESCHRITTEN!  (?)  Anklicken, um Email-Benachrichtigung bei neuen Antworten zu bekommen Anklicken, um Email-Benachrichtigung bei neuen Antworten einzustellen email this topic to a friend
ezWynter

Forum Moderator
ezSupporter
Posts: 137
Posted: 11/6/02 3:03    
Wie ändere ich mein Profil - FORTGESCHRITTEN!
Achtung! Diese Anleitung ist mit dem Release von 7.0
ungültig geworden. Profile können jetzt über ein neues
Feature direkt und ohne Umwege angepasst werden.

Ich kann euch erstmal einen englischen Link anbieten,
den ich später noch übersetzen muss:

www.ezboard.com/help/user/profileskinning.html



So, Leute, dann fange ich mal nach und nach an die FAQ
zu übersetzen.

Ja, man kann das Profil ändern. Seht euch meines oder das
von Starfire an und die Unterschiede werden recht deutlich.

Eines sei jedoch gesagt. Bei diesen Änderungen handelt es sich
um CSS Code, der bei falscher Anwendung dazu führen kann,
dass man sein Profil nicht mehr editieren kann.

Deshalb sollte man auf jeden Fall das CSS in einer extra Datei
anlegen und diese dann im Profil implementieren.

Wie das geht folgt später im Text.


Herzlichen Dank an Nutrocke, Kanwul und Atlas, die die
Beiträge im Original zusammengestellt haben.

---------------------

<*STYLE type="text/css">

BODY {
background-image: url(myurl.jpg)
font-size: 9px;
font-family: verdana;
text-align: center}

A {color:#XXXXXX;text-decoration:none}
A:hover {color:#XXXXXX; text-decoration:underline }

font { color: #XXXXXX;}

td {
background-image: url(myurl.jpg);
font-size: 9px;
font-family: verdana;
background:#XXXXXX;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
color: #XXXXXX;
text-align: center;
}

table {
background-image: url(myurl.jpg);
}

.emphasis{
font-weight: bold;
color:#XXXXXX;
}

.biglink{
color: #XXXXXX;
text-align:center;
}

.thesmall{
color:#XXXXXX;
border-top: thin solid #XXXXXX;
border-right: thin solid #XXXXXX;
border-left: thin solid #XXXXXX;
border-bottom: thin solid #XXXXXX;
border-width: 0px;
}

.grayheader {
color:#XXXXXX;
}

<*/style>


-------------------------

Erklärungen

BODY Möchte man ein Hintergrundbild für die ganze Seite,
einfach hier reinsetzen. Auch die Schriftart und Formatierung
wird hier festgelegt.

a und a:hover Die Farbe der Links und des
Unterstriches ändern.

font Dies betrifft die Felder der letzten Posts und die
Worte "Kontaktinformation", "Persönliche Information" und die
ezboard Copyright Zeile.

td Dies betrifft den meisten Text im Profil. Man kann
auch Ränder um die Zellen der Tabellen ziehen wenn man mag.
Einfach die Randdefinitionen löschen wenn man sie nicht
haben will. Ein transparentes Gif als Hintergrund in der td
Definition überdeckt die gelbe Füllung hinter dem Profilnamen.

table Ein transparentes Gif als Hintergrund in der table
Definition überdeckt die gelbe Füllung hinter der Kontaktinfo.

emphasis Dies kontrolliert alle Überschriften - Vorname,
Name, Ort ...

biglink Dies betrifft "Profil für Benutzername"

thesmall Dies kontrolliert den Text in den meisten Zellen.
Wenn man hier ein Hintergrundbild einfügt kann es sein, dass
es nicht so aussieht, wie erwartet. Es wird dann auch hinter
der Copyright Zeile am Fuss der Tabelle auftauchen. Wähle
eine Hintergrundfarbe um das Profil vom Hintergrundbild ab-
heben zu lassen, den man im body definiert hat.

grey header Dies betrifft die Worte "ezSupporter".

---------------

Um das gesamte Profil transparent zu machen
sodass das Hintergrundbild durchscheint, einfach
background-color: 'transparent'; background-image: url(your url)
zur td UND table hinzufügen. Der Hintergrund
muss ein transparentes Gif sein.

Und so verlinkt man eine CSS Datei in's Profil.

<link rel=stylesheet href="http://www.meinserver.de/profil.css">

in die Hobby Box kopieren.

Bearbeitet von: ezWynter am: 11/13/02 10:18:12 pm

  reply to this message

ezWynter

Forum Moderator
ezSupporter
Posts: 138
Posted: 11/6/02 3:37    
Re: Wie ändere ich mein Profil - FORTGESCHRITTEN!
atlass hat fertige Profile vorgestellt:

Um sie sich anzugucken, bitte die Links anklicken
in Streifen
Transparent
Transparent mit einen Kniff
In einem Kästchen
In einem Kästchen und mehr
Leinwand

Um den CSS Code für die einzelnen Varianten zu erhalten,
einfach dem Link folgen

In Streifen
Transparent
Transparent mit einen Kniff
In einem Kästchen
In einem Kästchen und mehr
Leinwand

Ihr MÜSST eigene URLS für die Bilder benutzen. Ändert die
Farben wie es euch gefällt.


Warnung Es sieht gut im IE auf dem PC und ganz OK
im IE auf dem Mac aus, geht aber mit Netscape total in die
Hose.

-------------------------

Einbetten des CSS
<*STYLE type="text/css">

CSS hier reinkopieren

<*/style>


Denkt bitte dran die * zu entfernen. Wenn man die Tags nicht
schliesst oder sonstige Fehler macht kann das dazu führen,
dass man die Kontrolle über die Seite für die Einstellungen
verliert. Aber das habe ich ja weiter oben schonmal erwähnt.

-------------------------

Hier nochmal:

CSS verlinken

Den CSS Code einfach in eine Textdatei kopieren und dann
zum Beispiel als profil.css speichern und bei einem Provider
der Wahl hochladen.

<link rel="stylesheet" href="http://www.meinserver.de/profil.css">

-------------------------

Um zu sehen welcher Teil für welchen verantwort ist,
einfach weiterlesen


body
Grundeinstellung und Hintergrund für die gesamte Seite

td.thesmall font
Text "Persönliche Information" und "Kontaktinformation"

.thesmall font
Ezboard Copyright Zeile

td.thesmall
Zeile: Mitglied seit, Persönliche Information, Kontaktinformation
Kontrolliert auch die Hintergrundfarbe für die innere Tabelle

a:link, a:visited, a:hover, a:active
Die Links

table
Die äussere Tabelle. Muss transparent sein wenn man im
body einen Hintergrund haben möchte.

table table
Die innere Tabelle, die das gesamte Profil beinhaltet.
Wenn man ein schön quadratisches Profil möchte, sollte man
hierfür eine Farbe definieren.

td
Der Text hierdrin betrifft sämtlichen Text, der sich unter den
Überschriften (z.B. Name, Alter ...) befindet.

td td td
Dies kontrolliert die drei Tabellen, in denen sich die Informationen
im Inneren des Profils befinden.

form
Dies kontrolliert den Mittelteil. Wenn man den Hintergrund nur
oben und unten auf der Seite sichtbar haben möchte, dann
füge dies hinzu und gib ihm denselben Hintergrund wie der
inneren Tabelle.

.emphasis
Dies kontrolliert alle Überschriften - Name, Alter ...

.biglink
Diese Regel ändert die Zeile "Profil von Benutzername"

.grayheader
Dies ist für die Zeile "ezSupporter", sofern man einer ist.


  reply to this message

ezWynter

Forum Moderator
ezSupporter
Posts: 139
Posted: 11/6/02 3:41    
Re: Wie ändere ich mein Profil - FORTGESCHRITTEN!
<*style>

BODY {
background-image: url(myurl.jpg)
}

</style>


Vergesst nicht die volle URL für das Bild in ( ) einzugeben.
Wenn ihr das Hintergrundbild fixiert (Stichwort: Wasserzeichen
Effekt) und im Mittelpunkt, mit einem voll transparenten Hinter-
grund haben wollt, nutzt folgenden Code.

<*style>

body {
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
background-image: url(http://www.myezboard.com/bg.jpg)
}

td.thesmall {
background-color: transparent;
}

table {
background-color: transparent;
background-image: url(spacer.gif);
}

table table {
background-color: transparent;
background-image: url(spacer.gif);
}

td {
background-image: url(spacer.gif);
}

</style>


Vergesst bitte nicht die Lesbarkeit des Texts auf dem Hinter-
grund. Wenn der Hintergrund sehr unruhig ist wird man den
Text nur schwer entziffern können.

Wie immer ohne die * ;)


  reply to this message

ezWynter

Forum Moderator
ezSupporter
Posts: 140
Posted: 11/6/02 3:42    
Re: Wie ändere ich mein Profil - FORTGESCHRITTEN!
Und noch ein Einwurf von Kanwulf:

<*style>

body
{text-align: right}

table
{width: 600px}

table table
{border: 0px;
width: 600px}

table table table
{border: 0px;
width: auto}

table table table table
{border: 0px;
width: auto}

<*/style>


Und wieder ohne die * ;)


  reply to this message

Anklicken, um Email-Benachrichtigung bei neuen Antworten zu bekommen Anklicken, um Email-Benachrichtigung bei neuen Antworten einzustellen email this topic to a friend

New Topic    Add Reply

jump to:
::: Topic Commands
<< Vorheriges Thema | Nächstes Thema >>

Icon Legend

reply button:::Reply to Post Button   edit button:::Edit Post Button  delete button:::Delete Post Button (Moderator Only)

subscribe/unsubscribe to thread button:::Subscribe to Thread Button   email to friend button:::Email to Friend Button  



- International Help Forums - FAQ (Deutsch) - www.ezboard.com -





Powered By ezboard® Ver. 7.32
Copyright ©1999-2007 ezboard, Inc.