Do it yourself: CSS für Profil und Blog

@tAnEa
Hmm...muss ich den jetzt irgendwie in meinen Code einfügen? Weil seperat wie er jetzt ist, fehlt eigentlich alles. Habs mal getestet. :)

@nodoc

wenn du nur einen einzigen Style-Tag hast, also

<style> bla bla bla </style>

dann setzt du den Code einfach vor das abschließende <*/style> und lässt die 2 Style-Tags, die ich in obigem Post am Anfang und am Ende mit rein geschrieben habe einfach weg.

Aber du kannst auch den ganzen Code von obigem Post einfach unter deinen aktuellen Code setzen, ist aber unübersichtlicher.

@tAnEa

Sector7 schrieb: Aber du kannst auch den ganzen Code von obigem Post einfach unter deinen aktuellen Code setzen, ist aber unübersichtlicher.

Aber, einfacher.:D Unübersichtlich ist das Ding sowieso schon. Marke Eigenbau.
Werde ich sofort mal testen und ganz lieben Dank schon mal!

Luminita schrieb:wie kann ich denn den "Eintragen"-Button wieder durch ein Bildchen ersetzen? Ich find das nirgends mehr und kann mich nur noch an #gb_post_submit { ... } erinnern ^^

probier mal so, grad ungetestet :D

#gb_post_submit{ background: transparent url(https://www.allmystery.de/static/uploads/432384ea3f690c99_149231.png); border: 0; }

Supi...hat funktioniert. Die Schrift ist allerdings wirklich etwas groß. Sollte ich villeicht mal ändern. Muchas gracias @tAnEa

@tAnEa
Leider klappt es mit dem Code nicht, hab es mal mit deinem Link einfach dringelassen, damit man es anschauen kann. Vom Prinzip her stimmt es ja, aber es wird halt kein Bild, sondern bloß der Button gefärbt. Hm.

#gb_post_submit { background: transparent url(https://www.allmystery.de/static/upics/250a1b_smetta.png) no-repeat!important; border: 0px; width: 75px; height: 130px; color: #000; top: 0; margin-left: 20px; } #gb_post_submit:hover { cursor: pointer; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

der Vollständigkeit halber ;) @Luminita

@tAnEa
Perrrfekt :) Ich dachte grade so, es wäre jetzt natürlich Wahnsinn, wenn der Schmetterling beim Klick auf ihn wegfliegen würde, aber ich glaube, das ist mir jetzt zu kompliziert. ^^ Bin froh, dass ich mein Bildchen habe - danke nochmal :)

@Luminita

Luminita schrieb:wenn der Schmetterling beim Klick auf ihn wegfliegen würd

hahahaha, jo, kannst ja mal bisschen testen... ;)

#gb_post_submit { background: url("http://bestanimations.com/Animals/Insects/Butterflys/bluebutterflyanimation2.gif") no-repeat; background-size:contain; z-index: 1000; border: 0px; width: 75px; height: 130px; color: transparent; top: 0; margin-left: 20px; } #gb_post_submit:hover { cursor: pointer; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } #gb_post_submit:focus { animation: smeta 5s 1 ease-in; } @keyframes smeta{ from{opacity: 1; transform: scale(1) } to{opacity: 0; transform: scale(5) } }

@tAnEa
Du bist ja wahnsinnig :D Woaaaah, ich sitze hier und quietsche ein bisschen, weil das so schön ist xD Tausend Dank!

Mal ne frage wie groß darf ein Hintergrund bild maximal sein damit das nicht Kachelt ?

liebe Grüße

Illyrium schrieb:Mal ne frage wie groß darf ein Hintergrund bild maximal sein damit das nicht Kachelt ?

Die exakte Größe kenne ich leider nicht, aber FullHD ist auf jeden Fall kein Problem.

@Suheila
danke habs hinbekommen :D jetzt kachelt nix mehr. <3

Normal "kachelt" es eher, wenn das Bild zu klein ist.. :D

mit dem CSS-Code passt es auf jedem Display eigentlich perfekt und „kachelt“ nie…

<style> body{ background-image: url(img.jpg); background-repeat: no-repeat; background-attachment: fixed; background-size: cover; } </style>

ich würde iwas zwischen 1280x720 und FullHD 1920x1080 nehmen, wie @Suheila schon gesagt hat, bei größeren Bildern dauert das Laden zu lange und bei kleineren wirds klotzig...

Moin.

Ich hab Schwierigkeiten mit den unterschiedlichen Farben, es wird nur die erste Farbe angezeigt. Woran könnte das liegen? (Mache das nur mit Handy) ^^

Habe auch den Code hier vom ersten Post genommen. Allerdings muss ich bei der letzten Klammer (diese -> } ) ein Leerzeichen machen, damit die Farbe überhaupt angezeigt wird...

Hallo @Pearce

Das hier ist dein CSS:

<style>body {color: #FFBBFF;} a {color: #c3b0e9;} a:hover {color: #9345e3 ;} </style>

Wenn du bestehende Allmy-Farben oder andere Formatierungen überschreiben willst, musst du ein !important hinzufügen.

Hier zunächst dein bereinigtes CSS, auf das du dann weiter aufbauen kannst:

<style> body { color: #ffbbff !important; } a { color: #c3b0e9 !important; } a:hover, a:focus { color: #9345e3 !important; } </style>

Die HTML-Tags br gehören nicht innerhalb des < style > -Teil, denn das sind Zeilenumbrüche.

@S_C

Danke, ich werde es gleich versuchen. ^^

@S_C

Leider hat das nicht geklappt. Wenn ich neue Farben möchte, muss ich ja den bereinigten Code nehmen und setze statt den Farbencodes die dort stehen andere Farbencodes ein, oder?

@Pearce
Du kannst deinen alten Code komplett gegen den neuen austauschen. Also alles, was innerhalb dieser beiden < style > 's steht.

@S_C

Ja, danke, es funktioniert. ^^ War zu blöd die Zeilenumbrüche wegzumachen, mein Fehler ^^;