Do it yourself: CSS für Profil und Blog

huhuu ihr Stylegötter,


Frage, wie spreche ich die einzelnen Blog einträge an, um den style im blog selber zu verändern? Ich würde gerne den hintergrund und die schriftfarbe im fade effekt ändern, damit sie von eintrag zu eintrag verschieden sind, mit dem hintergrund da klappts wenn ich body style anspreche, hat jemand eine idee wie ich das mit dem fade effekt und farbton auch hinkriege?

@yaacool

Ich dachte an sowas in der art:


blog-entry style="
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: #e0044a;}
to { top: 20px; color: #fff;}
}

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

/

könnte sowas in eckigen klammern funktionieren oder geht das nur im style?

@Prof.nixblick

@du_selbst

lies dir ds mal durch

http://www.elmastudio.de/programmierung/css/css-tipps-die-css-pseudoklassen-selektoren-first-child-last-child-und-nth-child/ (Archiv-Version vom 17.08.2012)

so gegessen und gelesen, du sprichst also den gesamten blog an, so wie ich das verstehe, ich hatte es mir anders vorgestellt, @Prof.nixblick

die gesamt ansicht des blogs könnte vielleicht zum problem werden, ich dachte nämlich an die einzelnen einträge, oder glaubst du dass diese die Darstellung übernehmen, wohl eher nicht.


Aber das muss ich wohl auch noch basteln, doch zuerst wollte ich eigentlich die einzelnen einträge ansprechen, und da stellte sich mir dir frage, ob es möglich ist den style damit die schrift fadet und die farbe wechselt in ein html tag umzuwandeln?


Ja das ist genau meine frage LOL: Wie wandle ich fade style in html code um?

Mit dem Hintergrund klappt es soweit, ich mach mich mal auf die suche. danke schon mal, falls dir dazu auch noch was eingfällt.

@du_selbst

du willst jedem eintrag ne andere farbe (hintergrund schrift) verpassen?

ja genau, und zwar diese pulsierende farbe die sich verändert, von weiss zum entsprechenden thema, und ich glaube ich muss sie über ein html tag ansprechen, glaubst du es gibt sowas? hab bis jetzt nichts gefunden. @Prof.nixblick

@du_selbst

ich fürchte das geht nicht. mir würde spontan nur @document url() einfallen aber dann müsstest du zu jedem neuen eintrag auch einen neuen style verfassen und dann bekommst du irgendwann probleme mit der zeichenbegrenzung.

den style direkt in den post zu packen ginge schon aber der würde sicher nicht den gesamten entry ausfüllen.

hmm, also mit dem background klappt es soweit, nur die schrift ist das problem. @Prof.nixblick

@du_selbst

was klappt denn da nicht?

den hintergrund kann ich über body style ansprechen,

body style="background-image:url(...

bei der schrift will das aber nicht recht klappen!

melde mich mal ab für heute. Wenns klappt wäre schön, aber muss nicht jetzt und gleich sein. Danke schonmal. @Prof.nixblick

@du_selbst

mich verwirrt das etwas body style="background-image:url(...

wo setzt du das rein? in den stylebereich oder direkt in den blogentrag?

direkt in den blogeintrag @Prof.nixblick frag mich jetzt nicht woher ich das hab, jedenfalls kann ich damit, den eigentlichen bg style umgehen.

@du_selbst

dann setz mal noch color: #xxxxxx!important; rein. statt der x halt ne farbe deiner wahl

mach ich morgen, ich geb dann bescheid. einen schönen abend wünsche ich dir, und danke für deine zeit und Mühe. @Prof.nixblick

c.u

hallo :) ...

also das blendet sich ja innerhalb von 2 Sec ein, wenn ich aber mit der Maus runter geh soll es sich auch genau so langsam wieder ausblenden und nich sofort weg sein ??

.tabnav:hover { box-shadow: 1px 1px 10px #000000, 5px 0px 20px #000000, 0px 0px 50px #000000;
-webkit-box-shadow: 1px 1px 10px #000000, 5px 0px 20px #000000, 0px 0px 50px #000000;
transition: 2s;
-webkit-transition: 2s;
border-bottom: 1px none #00CCFF; color: #FC0000; }

Hilfe?

@tic

welchen browser nutzt du?

Chrome @Prof.nixblick .. is wieder für das Stylisch Add-on ^^

@tic

dafür musst du der klasse selber auch einen transitionswert zuweisen. schau dir das mal an

http://www.css3maker.com/css3-transition.html

ja ich probier mal rum @Prof.nixblick ... dankö