Theme komplett überarbeiten

Larry1974

Hallo zusammen,

möchte mich an meinem derzeitigen Theme auf meinem Blog Fan-Blogger - Fussball, Fussballtraining und mehr vergehen und folgende Änderungen durchführen:

1. Der Header soll weiter nach oben geschoben werden, um die zu große Lücke zu schließen.

2. Die Farben der Umrandung im Layout (also die Umrandung ganz außen) soll anders sein. Wo kann man das ändern? Bin mir wegen der Farbe noch unschlüssig, brauche erstmal nur die Datei zum ändern und die Stelle dort.

3. Die Abstände zwischen Content und Sidebar (Widgets) sollten kleiner sein um dem Text mehr Raum zu bieten. Wo und wie mache ich das?

4. Die Farben der Überschriften und der Boxen (Giftgrün) sollen geändert werden. Wo im css wird dies geändert?

Habe vor, meinen heutigen Abend ganz ins Zeichen des grafischen Umbaus zu stellen, wäre deshalb über Anregungen sehr dankbar.

Gruß

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

maxe

Also das ganze machst du über die style.css

1.

CSS

.Sheet {style.css (Linie 430)
margin-bottom:3em;
[COLOR=Red]margin-top:30px !important;[/COLOR]
padding:0 0 1em;
}

2. Ich weiß nicht genau welche Umrandung du meinst. Aber vermutlich meinst du die vielen kleinen Hintergrundbildchen, die zusammen gesetzt den dunklen Hintergrund geben ;)
3.

Code

.Block {style.css (Linie 1335)
[COLOR=Red]margin:20px;[/COLOR]
}

4. Die Überschriftenfarbe ist #33cc00 und die findest du z.B. hier

Code

.post h2 a:link {style.css (Linie 1928)
[COLOR=Red]color:#33CC00;[/COLOR]
}

Bei den Boxen ist es wieder ein nettes kleines Hintergrundbildchen

Code

.BlockHeader .l, .BlockHeader .r div {style.css (Linie 1424)
background-image:[COLOR=Red]url(images/BlockHeader.png)[/COLOR];
background-position:left top;
background-repeat:no-repeat;
}

Na dann viel Spaß heut Abend. Wird ne lange Nacht :-P
Ach ja, vielleicht schaust du dir mal das Firefox Addon Firebug an: https://addons.mozilla.org/de/firefox/addon/1843
Damit kannst du leicht alle Problemstellen selber suchen und auch live rumprobieren bevor du es dann endgültig änderst.

Larry1974

Wow, bin echt perplex... Hätte nicht mit so einer ausführlichen Hilfe gerechnet. Tausend Dank...
Werde mir dann 2 Kannen Kaffee kochen und mal ein wenig basteln heut abend.

Aber eine Frage hätte ich noch, nämlich zu Punkt 2:

Wenn es ein Hintergrundbild ist, kann ich das doch durch ein anderes ersetzen, oder? Bin nämlich inzwischen an dem Punkt, wo mir das ganze um einiges zu dunkel ist.
Wo finde ich dieses (aus einzelnen Bildchen zusammengesetzte) Hintergrundbild? Und kann ich das einfach so ohne weiteres durch ein anderes ersetzen??? Bzw. evtl. bearbeiten???

Gut, wäre dann wohl ne dritte Kanne Kaffee nötig, aber wenn die Nacht eh schon im Eimer ist... :-D

maxe

die Bildchen findest du alle im Ordner "images" in deinem Themeverzeichnis. Wie die Bilder alle heißen weiß ich jetzt nicht ... aber mal ein paar Bsp.:

url('images/Page-BgTexture.png')
url('images/Page-BgGlare.png')
url('images/Page-BgGradient.png')
...
...

Larry1974

So, bin fündig geworden und habe das ganze auch mal ein wenig meinen Wünschen angepasst.

Aber mein Hauptproblem ist und bleibt die Breite des Contents...
Wenn ich den Wert in Zeile 1335 (wie beschrieben) abändere, ist mein komplettes Hintergrundbild weg und alles grau.

Also ich möchte folgendes:

auf http://www.fan-blogger soll der Rand links und rechts reduziert werden und dem Content (nicht Sidebar) mehr Platz geben.

maxe

Zitat von Larry1974

Aber mein Hauptproblem ist und bleibt die Breite des Contents...
Wenn ich den Wert in Zeile 1335 (wie beschrieben) abändere, ist mein komplettes Hintergrundbild weg und alles grau.

Dürfte so aber nicht passieren, denn du änderst ja nur margin ... oder was hast du wie und wo geändert??

Code

.Block {
margin:5px;
}

Edit: Oder du änderst die width vom content und von der sidebar1.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Theme komplett überarbeiten

Jetzt mitmachen!