Do it yourself: CSS für Profil und Blog

@yaacool
Ja, hatte dir mal irgendwann geschrieben. Und wenn du mir den Link zum unbearbeiteten Bild gibst, dann kann ich es auch reparieren. Ich dachte nur, dass ich mich mal an dich wende, weil du doch die ganzen Bilder hochgeladen hast, oder? Und das eine jetzt halt abhanden gekommen ist.

das war nicht mein bild, das muss jemand ausgetauscht haben
wahrscheinlich jemand, den es nicht mehr gibt

Hallo :)
Wer könnte mir behilflich sein ?

Ich möchte um mein Profiltext einen Rahmen haben und im Text farblich, so wie es die FL bei mir aussieht (schwarzer Rahmen,innen farblich). Gibt es ein Code dafür ?
Vielen Dank für Eure Hilfe,
viele Grüße :)

@Rhysida

oh je!!!! OH JEEEEEEEEEEEE!!!!!!!!!!! ich glaube, ich müsste es noch x mal schreiben damit klar wird, dass du oder der, welcher dein profil gemacht hat, besser damit aufhören sollte! :D

html-elemente MÜSSEN -bis auf wenige ausnahmen- geschlossen werden!

dass heißt, bei 19 offenen font-tags müsstewst du noch 19 schließende (<*/font*>) hinzufügen. einfacher wäre es, du verzichtest auf diese tags, legst alles in einen div und stylst es dann durch. so ist die pflege auch einfacher.

hat grad jemand von euch den vergrösserungs oder zoom effekt bei hover für bilder zur Hand?

das tut's

img:hover { border-color: transparent !important; transform:scale(1.9) !important; -ms-transform:scale(1.9) !important; -moz-transform:scale(1.9) !important; -webkit-transform:scale(1.9) !important; -o-transform:scale(1.9) !important; transition: all 1s ease !important; -webkit-transition: all 1s ease !important; -moz-transition: all 1s ease !important; -o-transition: all 1s ease !important; -ms-transition: all 1s ease !important; }


danke

noch was, wie kann ich das GB auf einen Eintrag reduzieren, damit nur ein Eintrag angezeigt wird, ohne gleich alles zu löschen?

@du_selbst
Also nur der letzte?

ja richtig @Assassine

@du_selbst
Das hab ich glaube ich schon mal hier irgendwo gelesen...

Kann es dir aber jetzt leider nicht raussuchen.

trotzdem danke :D ich such mal weiter

@yaacool

li.gb_post:nth-child(n+2) {display:none;}



Danke habs auch gefunden,

jetzt taucht dasselbe Problem wie damals auf,


"... alle Einträge anzeigen" kriege ich nicht weg, und der link funktioniert auch nicht.

Eine Idee dazu @yaacool ?

Das hier funktioniert alles nicht:


gb_count {visibility:hidden;display:none;}
more_entries_link {visibility:hidden;display:none;}
more_entries_wrap {visibility:hidden;display:none;}
show_gb_post_wrap {visibility:hidden;display:none;}

lach

ohne # ist das auch unvollständig

wow =) hab das nie kapiert aber es tut sich was ^^

es scheint zu klappen danke :D

irgendwas funktioniert noch nicht ganz einwandfrei, aber muss ja nicht perfekt sein.

hier wäre zumindest mal ein bastel code um das gb in den griff zu kriegen. ohne garantie.


<style> li.gb_post:nth-child(n+2) {display:none;} #gb_count {visibility:hidden;display:none;} #more_entries_link {visibility:hidden;display:none;} #more_entries_wrap {visibility:hidden;display:none;} #show_gb_post_wrap:first-of-type {display:none;} #show_gb_post_wrap:second-of-type{align:center; size:12px; content: "Hinterlasse den letzten Eintrag"!important; color: #ffffff; } #show_gb_post_wrap:after{align:center; size:12px; content: "Hinterlasse den letzten Kommentar"; color: #ffffff; } #show_gb_post_wrap:last-of-type { color: transparent; } #show_gb_post_wrap { margin-left: -300px; } </style>




gb einträge verstecken, ausblenden usw

könnte ein wenig hilfe gebrauchen

Ich würde gerne die schrift pulsieren lassen, das heisst sie soll wie im Beispiel unten grösser werden aber dann auch wieder kleiner usw.

Eine Mischung zwischen diesen beiden Sachen kann mir da jemand auf die Sprünge helfen?

body:hover {
border-color: transparent !important;
transform:scale(1.9) !important;
-ms-transform:scale(1.9) !important;
-moz-transform:scale(1.9) !important;
-webkit-transform:scale(1.9) !important;
-o-transform:scale(1.9) !important;
transition: all 1s ease !important;
-webkit-transition: all 1s ease !important;
-moz-transition: all 1s ease !important;
-o-transition: all 1s ease !important;
-ms-transition: all 1s ease !important;
}

{
position: relative;
-webkit-animation-name: bounce;
-webkit-animation-duration: 3s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;

-moz-animation-name: bounce;
-moz-animation-duration: 3s;
-moz-animation-iteration-count: infinite;
-moz-animation-direction: alternate;
}

@-webkit-keyframes bounce {
from { top: 0px; color: #ff3300;}
to { top: 20px; color: #000000;}
}

@-moz-keyframes bounce {
from { top: 0px; color: #FF3300;}
to { top: 20px; color: #000000;}
}

das hier funktioniert iwie nicht


@-webkit-keyframes bounce {
from { scale: 1.0 !important;}
to { scale: 1.9 !important;}
}

jetzt funkts aber sieht iwie seltsam aus ^^


{
position: relative;
-webkit-animation-name: bounce;
-webkit-animation-duration: 0.2s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;

-moz-animation-name: bounce;
-moz-animation-duration: 0.2s;
-moz-animation-iteration-count: infinite;
-moz-animation-direction: alternate;
}


@-webkit-keyframes bounce {
0% { opacity: 1; -webkit-transform: scale(0.98); }
100% { opacity: 1; -webkit-transform: scale(1.0); }
}
@-moz-keyframes bounce {
0% { opacity: 1; -moz-transform: scale(0.98); }
100% { opacity: 1; -moz-transform: scale(1.0); }
}
@keyframes bounce {
0% { opacity: 1; transform: scale(0.98); }
100% { opacity: 1; transform: scale(1.0); }
}