Allmystery
Menschen Wissenschaft Politik Mystery Kriminalfälle Spiritualität Verschwörungen Technologie Ufologie Natur Umfragen Unterhaltung
weitere Rubriken
PhilosophieTräumeOrteEsoterikLiteraturAstronomieHelpdeskGruppenGamingFilmeMusikClashVerbesserungenAllmysteryEnglish
Diskussions-Übersichten
BesuchtTeilgenommenAlleNeueGeschlossenLesenswertSchlüsselwörter
Schiebe oft benutzte Tabs in die Navigationsleiste (zurücksetzen).

Do it yourself: CSS für Profil und Blog

6.820 Beiträge ▪ Schlüsselwörter: Allmystery, Hilfe, Welt ▪ Abonnieren: Feed E-Mail

Do it yourself: CSS für Profil und Blog

09.08.2012 um 16:46
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


melden

Do it yourself: CSS für Profil und Blog

09.08.2012 um 16:52
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


melden

Do it yourself: CSS für Profil und Blog

09.08.2012 um 18:17
@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/


melden

Do it yourself: CSS für Profil und Blog

09.08.2012 um 18:44
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.


melden

Do it yourself: CSS für Profil und Blog

09.08.2012 um 18:54
@du_selbst

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


melden

Do it yourself: CSS für Profil und Blog

09.08.2012 um 19:00
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


melden

Do it yourself: CSS für Profil und Blog

09.08.2012 um 19:15
@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.


melden

Do it yourself: CSS für Profil und Blog

09.08.2012 um 19:17
hmm, also mit dem background klappt es soweit, nur die schrift ist das problem. @Prof.nixblick


melden

Do it yourself: CSS für Profil und Blog

09.08.2012 um 19:24
@du_selbst

was klappt denn da nicht?


melden

Do it yourself: CSS für Profil und Blog

09.08.2012 um 19:36
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


melden

Do it yourself: CSS für Profil und Blog

09.08.2012 um 19:39
@du_selbst

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

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


melden

Do it yourself: CSS für Profil und Blog

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


melden

Do it yourself: CSS für Profil und Blog

09.08.2012 um 19:43
@du_selbst

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


melden

Do it yourself: CSS für Profil und Blog

09.08.2012 um 19:47
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


melden

Do it yourself: CSS für Profil und Blog

09.08.2012 um 19:47
c.u


melden
tic ehemaliges Mitglied

Link kopieren
Lesezeichen setzen

Do it yourself: CSS für Profil und Blog

10.08.2012 um 18:11
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?


melden

Do it yourself: CSS für Profil und Blog

10.08.2012 um 18:38
@tic

welchen browser nutzt du?


melden
tic ehemaliges Mitglied

Link kopieren
Lesezeichen setzen

Do it yourself: CSS für Profil und Blog

10.08.2012 um 18:41
Chrome @Prof.nixblick .. is wieder für das Stylisch Add-on ^^


melden

Do it yourself: CSS für Profil und Blog

10.08.2012 um 18:42
@tic

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

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


melden
tic ehemaliges Mitglied

Link kopieren
Lesezeichen setzen

Do it yourself: CSS für Profil und Blog

10.08.2012 um 18:44
ja ich probier mal rum @Prof.nixblick ... dankö


melden