Blog breiter bzw Thumb's für Bilder

ShattixX

Hey leute,

seit heute läuft mein Blog (http://www.shattixx.com) endlich wieder und habe auch ein paar Startprobleme :/

Und zwar wollte ich mir eine eigene Seiten machen mit verschiedenen Bilder
Aber die werden alle verkleinert angezeigt
(Klar sonst würd es ja das Design zerreissen)

Wie bekomme ich nun den Blog größer bzw
Gibt es ein Plugin um Bilder automatisch zu verkleinern
und wenn man dann drauf klickt kommt das Große bild?

Vielleicht eine Art Bild bei dem der Hintergrund auch abdunkelt?

Das wäre klasse

Ich hoff Ihr könnt mir helfen

Grüße
Sam

PS: Ich pfusch net so gern in den Stylesachen rum... ich hab schon oft das Glück gehabt das nichts mehr danach ging. (Direkte ansagen wären toll!)

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

A.Boras

Den Blog zu verbreitern geht in wenigen minuten mit ein wenig CSS:
In der Style.css, Zeile 211:

Code

#page {
    background-color: black;
    border: 2px dashed #151515;
    margin: 20px auto;
    padding: 0;
    [B]width: 960px;[/B]




}

Alles anzeigen

Das fettgedruckte ist die Breite in Pixeln. Hier kannst du einen belibigen wert eingeben, z.B. 1080px!

Zeile 218:

Code

#header {
    background-color: #000000;
    height: 171px;
    margin: 0 0 0 1px;
    padding: 0;
    [B]width: 758px;[/B]




}

Alles anzeigen

Zeile 230:

Code

.narrowcolumn {
    float: left;
    margin: 0 0 0;
    padding: 0 0 20px 45px;
    [B]width: 450px;[/B]




}

Dies ist der eigentliche Contentbreite.
Mit folgender Rechnung kannst du den richtigen Wert (passend zu den von dir gewählten neuen Wert oben) anpassen:
450px(content)+45px(linker Abstand)+ X
So und X ist = Deine bei #page eingetragener Wert (z.B. 1080px) - 960px =120px
Du hast also dein Theme um 120px verbreitert.

Zeile 273:

Code

#footer {
    clear: both;
    margin: 0 auto;
    padding: 0;
    [B]width: 760px;[/B]




}

Hier auch das selbe eintragen wie bei #page.
So hoffe das es für dich leicht zu verstehn ist. Übernehme erstmal die änderungen und dann schauen wir mal was noch so verändert werden muss.

ShattixX

Also das mit dem Breiter machen hat schonmal gut geklappt (http://www.shattixx.com)

Aber dafür ist die Sidebar jetzt zu weit Links, und daher sind die Bilder immer noch recht zusammen gequetscht :/ (und es sieht natürlich nicht schön aus)

A.Boras

Also ich kann keine Veränderung an der Seite feststellen...

ShattixX

Ja weil ich es wieder vorerst verändert hatte weils einfach blöd aussah...^^

Kann es ja wieder ändern wenn du es dir anschauen möchtest

Wäre super!

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Blog breiter bzw Thumb's für Bilder

Jetzt mitmachen!