Do it yourself: CSS für Profil und Blog

@OdinsStreiter

in den body block:

cursor: url("http://www.outdoortrends.de/out/pictures/icon/fiskars-freizeitbeil-x5-axt-uni-rl.661022%281%29_ico.jpg"), move !important;

huhu Leutz, kann mir bitte mal jemand sagen, welchen Code es gibt um beim GB nicht immer 10+ Einträge anzeigen zu lassen, sondern nur 3 bis 5 Einträge? Geht das. Danke im Voraus. :)

@----

ok jetzt funz es aber es ist nicht ganz so die axt die ich wollte kriegt man nicht auch was ohne hintergrund?

@popcorncandy

.gb_post:nth-last-child(-n+30){display: none;}

mit der zahl spielen

ok hat sich erledigt hab ne lösung gefunden ^^

dankeschön :) @YaaCool

Kann man die Elemente/Felder (Mensch|Wissenschaft|Politik|Mystery usw.) in tabnav a einzeln ansprechen? Also beispielsweise jeden eine eigene Farbe beim Hover zuweisen?
Wenn ja - wie?!?

Danke

@RobbyRobbe

a[href=/themen/xx] {}

bei xx das themenkürzel eintragen und dann ganz normal formatieren.

@Prof.nixblick

Dankeschön

Die Kürzel passen ja auch total zu den Themen :D

@RobbyRobbe

wie meinste das?

@Prof.nixblick

gg ist Verschwörung
tp ist Natur

Ich kann mir das nicht merken :D

Allmystery-Wiki: Rubrikenkürzel

das GG z.B: kommt von Geheimgesellschaften ( und Verschwörung) ..glaub ich zumindest das es so war :D

@RobbyRobbe

@RobbyRobbe

musst du dir nicht merken, entweder wie rutz das wiki nutzen oder unten die url-zeile beim hovern ansehen ^^

Hey, kennt jemand ne Seite, wo man Lieder hochladen kann außer fileden? ^^

@Ciela

http://www.freesound.org

leg dir nen acc zu und benne die songs anders.

http://kiwi6.com/ (Archiv-Version vom 08.07.2012)

@rutz
@Prof.nixblick

Okay, danke.

Ich hab mal im Internet gesehen man kann den CSS Klassen eine "Zeitleiste" machen - finde das aber nicht mehr (z.B. 10 sek. Blau, 10. sek Gelb und dann 10 sek Grün) oder habe ich da was falsch verstanden? Weiß einer wo ich sowas finde?

@RobbyRobbe

Auf meinem Profil der Header und More ^^

@RobbyRobbe

dusetzt das in den berecih den du animieren möchtest. bspw.

div.header {
background: none;

-moz-animation-name: pulse;
-moz-animation-duration: 4s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: ease-in-out;

-webkit-animation-name: pulse;
-webkit-animation-duration: 4s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;

-o-animation-name: pulse;
-o-animation-duration: 4s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: ease-in-out;
}

duration: 4s; sind die sekunden in denen sich das ganze wiederholt, kannst du anpassen wie du willst.

das setzt du irgendwo zwischen <*style*> und <*/style*>


@-webkit-keyframes pulse {
0% {
background-color: rgba(255, 255, 255, 0.3);
-webkit-transform: scale(1.0) rotate(0deg);
}
10% {
background-color: rgba(255, 255, 122, 0.3);
-webkit-transform: scale(1.0) rotate(0deg);
}
20% {
background-color: rgba(255, 255, 0, 0.3);
-webkit-transform: scale(1.0) rotate(0deg);
}
30% {
background-color: rgba(255, 126, 0, 0.3);
-webkit-transform: scale(1.0) rotate(0deg);
}
40% {
background-color: rgba(255, 0, 0, 0.3);
-webkit-transform: scale(1.0) rotate(0deg);
}
50% {
background-color: rgba(131, 0, 0, 0.3);
-webkit-transform: scale(1.0) rotate(0deg);
}
60% {
background-color: rgba(255, 0, 0, 0.3);
-webkit-transform: scale(1.0) rotate(0deg);
}
70% {
background-color: rgba(255, 126, 0, 0.3);
-webkit-transform: scale(1.0) rotate(0deg);
}
80% {
background-color: rgba(255, 255, 0, 0.3);
-webkit-transform: scale(1.0) rotate(0deg);
}
90% {
background-color: rgba(255, 255, 122, 0.3);
-webkit-transform: scale(1.0) rotate(0deg);
}
100% {
background-color: rgba(255, 255, 255, 0.3);
-webkit-transform: scale(1.0) rotate(0deg);
}
}

@-moz-keyframes pulse {
0% {
background-color: rgba(255, 255, 255, 0.3);
-moz-transform: scale(1.0) rotate(0deg);
}
10% {
background-color: rgba(255, 255, 122, 0.3);
-moz-transform: scale(1.0) rotate(0deg);
}
20% {
background-color: rgba(255, 255, 0, 0.3);
-moz-transform: scale(1.0) rotate(0deg);
}
30% {
background-color: rgba(255, 126, 0, 0.3);
-moz-transform: scale(1.0) rotate(0deg);
}
40% {
background-color: rgba(255, 0, 0, 0.3);
-moz-transform: scale(1.0) rotate(0deg);
}
50% {
background-color: rgba(131, 0, 0, 0.3);
-moz-transform: scale(1.0) rotate(0deg);
}
60% {
background-color: rgba(255, 0, 0, 0.3);
-moz-transform: scale(1.0) rotate(0deg);
}
70% {
background-color: rgba(255, 126, 0, 0.3);
-moz-transform: scale(1.0) rotate(0deg);
}
80% {
background-color: rgba(255, 255, 0, 0.3);
-moz-transform: scale(1.0) rotate(0deg);
}
90% {
background-color: rgba(255, 255, 122, 0.3);
-moz-transform: scale(1.0) rotate(0deg);
}
100% {
background-color: rgba(255, 255, 255, 0.3);
-moz-transform: scale(1.0) rotate(0deg);
}
}

@-o-keyframes pulse {
0% {
background-color: rgba(255, 255, 255, 0.3);
-webkit-transform: scale(1.0) rotate(0deg);
}
10% {
background-color: rgba(255, 255, 122, 0.3);
-o-transform: scale(1.0) rotate(0deg);
}
20% {
background-color: rgba(255, 255, 0, 0.3);
-o-transform: scale(1.0) rotate(0deg);
}
30% {
background-color: rgba(255, 126, 0, 0.3);
-o-transform: scale(1.0) rotate(0deg);
}
40% {
background-color: rgba(255, 0, 0, 0.3);
-o-transform: scale(1.0) rotate(0deg);
}
50% {
background-color: rgba(131, 0, 0, 0.3);
-o-transform: scale(1.0) rotate(0deg);
}
60% {
background-color: rgba(255, 0, 0, 0.3);
-o-transform: scale(1.0) rotate(0deg);
}
70% {
background-color: rgba(255, 126, 0, 0.3);
-o-transform: scale(1.0) rotate(0deg);
}
80% {
background-color: rgba(255, 255, 0, 0.3);
-o-transform: scale(1.0) rotate(0deg);
}
90% {
background-color: rgba(255, 255, 122, 0.3);
-o-transform: scale(1.0) rotate(0deg);
}
100% {
background-color: rgba(255, 255, 255, 0.3);
-o-transform: scale(1.0) rotate(0deg);
}
}


ich habe % zwischen 0 und 100 genommen wobei sich das auf start und ende bezieht.
die farben sin hier rgba also rot, grün blau und das a für transparenz.

scale würde ich auf 1 lassen. mit scale 1.1 erreichst du, dass das element 1/10 größer wird.

rotate(0deg) heißt, dass es sich NICHT drehen soll. wenn es sich drehen soll schreibst du bspw.
rotate(90deg) i, nächsten dann
rotate(180deg) solange bis du 360° voll hast. hab ich alles auf null da ich mehr als 4 posten drin habe. sonst musst du bei 36deg starten und dann immer 36 draufrechen.