Do it yourself: CSS für Profil und Blog

Fertisch für heute, @Luminita ?

@S_C
Jup, fertisch :D Beim GB fehlt mir noch ein bisschen was, aber das mach ich heut nicht mehr. :)

@Luminita
Alles klar :Y: Wenn's klemmt... oki?

Bis dann und viel Spaß noch :Y: ;)

@S_C
Lust, ein wenig bei mir basteln? :D

@Gnupf
Logo! Immer. Meist. Döööö... :)

@Gnupf
Starkes Hintergrundbild! Thematisch...: optimal :Y:

Habs grad gebastelt, ging ursprünglich über die ganze Breite

@Gnupf
Wie kann ich dir helfen?

Ein transparenter Rahmen um die Einträge...

Das Orginal... war ursprünglich Silber, hab ich leider überschrieben

Okay @Gnupf :Y:

Die Rahmen kannst du wieder stylen, in dem du "ul#gb_posts li" ansprichst.

Zum Beispiel:

ul#gb_posts li {
border: solid 1px red;
}

Jetzt sollten die Bilder der Einträge angepasst sein...

Hab mal die Hintergrundmusik abgeschaltet

@Gnupf
Also die Breite der Bilder in den GB-Einträgen begrenzt du mit

.bild {
max-width: 500px;
}

Kannst noch etwas ändern. :Y:

Jupp, mach ich evtl. nen @tic :D größer.
Was meinst Du, ist es ok so, oder hast Du noch ne Idee was man machen könnte

500px passt, ich hab grad 550, da ist der Rand links und rechts ungleich, sieht komisch aus

@Gnupf
Deine Entscheidung ;)

Allerdings stößt der Text rechts an den Rahmen an. Das kannst du folgendermaßen ändern:

ul#gb_posts li {
padding-right: 10px;
}

Ich probiere gerade etwas aus, was eventuell super zu dem Schachbrettbild passt. Momentchen noch ;)

Bin gespannt :D

@Gnupf
Also wenn du es krass haben möchtest...:

Füge mal zum Spaß im "ul#gb_posts li" folgendes css ein:

ul#gb_posts li {
-moz-transform: scale(1) rotate(360deg) translate(20px, 0px) skew(320deg, 0deg);
-webkit-transform: scale(1) rotate(360deg) translate(20px, 0px) skew(320deg, 0deg);
-o-transform: scale(1) rotate(360deg) translate(20px, 0px) skew(320deg, 0deg);
-ms-transform: scale(1) rotate(360deg) translate(20px, 0px) skew(320deg, 0deg);
transform: scale(1) rotate(360deg) translate(20px, 0px) skew(320deg, 0deg);
}

Bevor dich der Schlag trifft, kannst du das einfach wieder löschen :) :Y:

Fast ein wenig zu wild :D

@Gnupf
Lach... die Schrift ist noch zu groß...