Das Forum der Foren
Würden Sie gerne auf diese Nachricht reagieren? Erstellen Sie einen Account in wenigen Klicks oder loggen Sie sich ein, um fortzufahren.

Hilfe in Sachen CSS

2 verfasser

Nach unten

Hilfe in Sachen CSS Empty Hilfe in Sachen CSS

Beitrag von Thüringer Sa 27 März 2010 - 8:42

Hallo Leute =)

Ich bin immernoch dabei, mir ein ordentliches Forendesign zu basteln. Da gibt es nur einige Probleme:
1. Es gibt ja in einem Thema zwei (grobe) Bereiche: Einmal der, aufdem Username/Avatar usw. steht und einmal der, aufdem der Text zu lesen ist.
2. Auf der Startseite des Forums befinden sich ganz links die Anzeigebilder wenn etwas neu im Forum ist. Und die Hintergrundfarbe dieser Symbole ist automatisch dir gleiche wie die von der Spalte rechts daneben.
3. Im Beitrag gibt es ja eine kleine Trennlinie zwischen Titel und Beitrag. Die ist im normalfall genauso eingefärbt wie die 3. Spalte von links auf der Startseite des Forum.

Nun würde ich eigentlich gerne immer verschiedene Farben einsetzen, was aber bei forumieren nicht geht. Dann hab ich mir den CSS-Code angesehen und gedacht, dass man es manuel in diesem Code eintragen könnte. Geht das?
Leider bin ich ein völliger Laie bei CSS. Könnte mir - wenn es geht - jemand die Zeilen für die einzelnen Punkte sagen? Würde zur Not auch Bilder posten, falls nötig.

MfG Thüringer
avatar
Thüringer
Neuling
Neuling

Männlich Anzahl der Beiträge : 7
Browser : Internet Explorer
Anmeldedatum : 17.01.10

Nach oben Nach unten

Hilfe in Sachen CSS Empty Re: Hilfe in Sachen CSS

Beitrag von libbiosa So 28 März 2010 - 18:58

Hallo. Ich könnte dir helfen, wenn du noch möchtest. Nur leider bin ich auch kein allzugroßer Champion.

Zu 1. und 3.
Ja, kann ich dir per CSS weiterhelfen.

Zu 2.
Was meinst du?


So das wäre der CSS, mit dem du die Farbe vom Profilvorschau und Textbereich ändern kannst. Außerdem kannst du auch eine Trennlinie einfügen. = )


.postbody {
background-color: Farbe von Textbereich* (z.b #ffffff);
}

.postprofile {
background-color: Farbe von Textbereich* (z.b #ffffff);
background-image: (Trennlinie) url('URL**');
background-repeat: no-repeat;
background-position: top right;
float: left;
margin-left: -18em;
min-height: 620px;
}

Verständlich? Wink
*wird mit #und Buchstaben angegeben oder #transparent
** beim Hochladen von deinen Bildern im Administratorbereich bekommst du die URL
libbiosa
libbiosa
Lehrling
Lehrling

Weiblich Anzahl der Beiträge : 103
Browser : Internet Explorer
Anmeldedatum : 17.11.09

Nach oben Nach unten

Nach oben

- Ähnliche Themen

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