Do it yourself: CSS für Profil und Blog

@Ciela

was hast Du denn schon an Codes da?

unsere profilgöttin ist weg... nun wird allmy untergehen!

zumindestens was die profile angeht ^^

ach was..wir haben Dr.BT und net.star :D

@Sani

ja zieh ir die ohren lang wenn du mit ihr kontakt hast ^^

@Ciela

Jetzt musste ich mir deinen Quelltext ansehen und weiß was Du willst :D

Is nicht möglich den Textshadow sowohl Links als auch Rechts anzuzeigen.

@rutz

Happy Allmy-Birthday ^^

@Prof.nixblick
danke :)

@Prof.nixblick
Hm, schade :(

@Ciela

Warte Mal....mir is da noch was eingefallen :D

dauert aber n Weng!

@Ciela

tausch dein aktuellen code mal gegen den hier (ich hab nur google chrome, wer moz hat muss den code weiter anpassen)

.profile_info {
position: relative;
color: #000000;
text-shadow: 0px 0px 1px #FF0088;
-webkit-transition-duration: 5s;
-moz-transition-duration: 5s;
left: 200px;
top: 60px;
}

.profile_info:hover {
text-shadow: 100px 0px 0px #FF0088;
color: #FF0088;
-webkit-box-reflect: left 50px
-webkit-gradient(linear, 0 0, 0 50%,from(#FF0088),
color-stop(.100, #000), to(#000));

-webkit-transition-duration: 1.5s;
-moz-transition-duration: 1.5s;
-ms-transition-duration: 1.5s;
-o-transition-duration: 1.5s;
transition-duration: 1.5s;
}

Firefox Reflektion:
http://lea.verou.me/2011/06/css-reflections-for-firefox-with-moz-element-and-svg-masks/

Funktioniert leider nur mit ID und nicht mit Class. Profile_Info hat keine ID.

Hier ein Beispiel mit der header ID "#header". Dort müsste #profile_info rein aber es gibt nur .profile_info.

in den body:


Fürs css:

.refl {
background: -moz-element(#header) no-repeat scroll 0 0 transparent;
border: 1px solid #000000;
height: 300px;
left: 0;
position: absolute;
top: 200px;
width: 400px;
}

Müsste man halt noch anpassen, aber ohne funktionsfähiges "Baumaterial" wäre alles nur blinde rumraterei.

PS. Aber der hier funzt:

.profile_info:hover {
-moz-transition-duration: 1.5s;
text-shadow: 200px 0 0 #FF0088, -200px 0 0 #FF0088;
}

Hilfe !
Ich bekomm es nicht hin

http://schoenerblog.blogspot.de/

Hintergrundbild für meinen Blog

Regenbogen


https://plus.google.com/photos/114508171949719130320/albums/5302689621561437537/5537904125694404594?banner=pwa

<style type="text/css">body {background-image: url("http://lh4.ggpht.com/_sRzpVtQImqk/TNqWdhQvZ_I/AAAAAAAAH_g/Di_qtmvJFhc/regenbogen.JPG"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style>

Das wäre der Code

Wo muss der hin ?

Wenn das nicht klappt, dann hätte ich wenigstens gern das graue weg

Der Code wird hier nichr angezeigt

@Lindsey__

Ah prima hast den Thread schon gefunden. Hoffe doch das dir wer helfen kann, hab darüber schonmal gelesen und es vergessen. :D

http://schoenerblog.blogspot.de/

so ähnlich stell ich es mir vor , wenn es damit nicht zu bunt wird

Ich hab schon fast alle Seiten durchgelesen :(
@jimmybondy

@Lindsey__

Da hilft nur eines. Schau Dir diverse Blogeinträge an und bei dem der diesen grauen Hintergrund nicht hat fragst Du nach und bekommst den richtigen Code. ;) ;)

@Lindsey__



html body {
background: url(hier die adresse des bildes);
background-attachment: fixed;
background-position: -70px -180px;
}


mit den zahlen vor dem px kannst du spielen....

fixed heißt, dass das bild beim scrollen stehen bleibt.