Rahmen erstellen

[RaptoR]

Hallo,

Ich wollte für meine Homepage http://www.elitedivision.de/Forum einen Rahmen erstellen. Ich hatte vorher ein weißes Design drauf da ich kein schönes schwarzes Design gefunden habe wie ich es haben wollte also habe ich das auf schwarz umgeändert. Jetzt sieht es aber ein bisschen kahl aus. Ich wollte fragen welche Dateien ich wo bearbeiten müsste um einen Rahmen zu erstellen quasi eine Linie links und rechts und an einigen anderen passenden Stellen damit es nicht ganz so nackt aussieht. Oder was es alternativ für Möglichkeiten gibt um das Aussehen meiner Homepage zu vebessern. Für Verbesserungsvorschläge wäre ich auch sehr dankbar.

Danke im Vorraus!

mfg RaptoR

[MK-M]

Hallo,

eine Rahmen um das Portal und das Forum habe ich in colours.css gecodet. Die befindet sich im Deinem Style-Ordner.
( Style-->Dein Style-->theme-->colours.css )

Sieht bei mir so aus:

Code: Alles auswählen

.round {
    background-color: #D9E6EC;
	 background-image: url("{T_THEME_PATH}/images/bg_round.jpg");
	 background-repeat: repeat-x;
	 background-position: top;
	 width: 93%;
	 margin-top: 20px;
	 margin-left: auto;
	 margin-right: auto;
	 padding-top: 15px;
	 border-color: #EDD492;
	 border-style: solid ;
	 border-width: 4px;
}

Wie gesagt, ist nur ein Beispiel, schau hier so siehts dann aus.


LG
MK-M

[Würzi]

Moin,

das ganze lässt sich natürlich auch mit Grafiken umsetzen, als Beispiel:
http://spieleresidenz.de/styles/index.php?style=6
http://spieleresidenz.de/styles/index.php?style=22
http://www.spieleresidenz.de/styles/index.php?style=41

Da muss dann die overall_header.html und overall_footer.html bearbeitet werden.

Oder noch extremer, dann ist dann aber noch schwerer umzusetzen!
http://www.spieleresidenz.de/styles/index.php?style=25

Da müssen dann sogar noch zusätzliche Forendateien bearbeitet werden, also nicht zu sehr für Anfänger zu empfehlen.

Wenn du in der Lage bist eigene Grafiken zu erstellen, dann kann ich dir einen kleinen Ansatzpunkt für die css Einträge geben.
Aber... css Kenntnisse müssen trotzdem vorhanden sein, nur so zur Vorwarnung.

Mfg

[Elvis]

Hallo,
Du könntest aber auch diese Anleitung benutzten

[Nelli]

öffnet die
styles/subsilver2/theme/stylesheet.css
und fügt am Ende folgendes ein.

Code: Alles auswählen
/* Rahmen um das Forum
------------------------------------------------------ */

.top-left, .top-right, .bottom-left, .bottom-right {
background-image: url("./images/rahmen.gif"); /* Pfad und Name des Bildes */
height: 20px; /* hoehe der Ecken -- haelfte der hoehe vom Bild */
font-size: 2px; /* Korrektur fuer die hoehe des IE <div>'s */
}

.top-left, .bottom-left {
margin-right: 20px; /* breite der Ecken */
}

Ich hab das so übernommen. Aber ich denke mal, da es noch nicht so hinhaut, dass ich an der Größe noch was ändern muss? Fragt sich nur was ich da hinschreiben muss.
Muss ich da auch "Pfad und Name des Bildes" ; "hoehe der Ecken -- hälfte der hoehe vom Bild"; "Korrektur fuer die hoehe des IE" noch wegmachen? Oder was einsetzen?

Etwas sehr ratlos
Grüße
Nelli

[JFooty]

Muss ich da auch "Pfad und Name des Bildes" ; "hoehe der Ecken -- hälfte der hoehe vom Bild"; "Korrektur fuer die hoehe des IE" noch wegmachen? Oder was einsetzen?

Nein. Alles was zwischen /* und */ steht sind lediglich (zumeist hilfreiche) Kommentare.
Aber hier:

Code: Alles auswählen

background-image: url("./images/rahmen.gif")

müsstest du Änderungen vornehmen, wenn dein Bild zum Beispiel nicht rahmen.gif heißt.
Wenn deine Grafik zum Beispiel xyz.jpg heißt, musst du das so ändern:

Code: Alles auswählen

background-image: url("./images/xyz.jpg")

oder hier könnte eine Änderung nötig sein, wenn deine Grafiken nicht 40px hoch sind :

Code: Alles auswählen

height: 20px;          /* hoehe der Ecken --  haelfte der hoehe vom Bild */

Siehe Kommentar hinter der Höhenangabe. Darüber hinaus sollte das Bild auch im richtigen Ordner liegen.

[Nelli]

Hallo,
das habe ich alles beachtet. Sollen die Kommentare denn weggemacht werden? Ich hab die so reinkopiert, wie es war.

www.burunduk.de/forum

Den Rahmen, oder welcher es mal werden soll, den sieht man schon, aber eben nur so abgehakt oben und unten.

Weitere Idee vielleicht ?

Grüße
Nelli

[JFooty]

Sollen die Kommentare denn weggemacht werden?

Das kannst du machen, wie du willst.

Weitere Idee vielleicht ?

Also der Validator bemängelt ein fehlendes </div> vor dem schließenden </body>.
Das könnte schon die Ursache für die fehlerhafte Darstellung sein.

[Nelli]

Hallo,
hm, aber wo ich das ändern muss, kann mir keiner sagen, oder?
Weil in der stylesheet css habe ich nirgends sowas gefunden.

Grüße
Nelli

[JFooty]

hm, aber wo ich das ändern muss, kann mir keiner sagen, oder?

Doch! Ich kann das!
Schau mal in die overall_footer.html, dort kannst du das ändern.