weitere Rubriken
PhilosophieTräumeOrteEsoterikLiteraturHelpdeskAstronomieGruppenSpieleGamingFilmeMusikClashVerbesserungenAllmysteryWillkommenEnglishGelöscht
Diskussions-Übersichten
BesuchtTeilgenommenAlleNeueGeschlossenLesenswertSchlüsselwörter
Schiebe oft benutzte Tabs in die Navigationsleiste (zurücksetzen).

Do it yourself: CSS für Profil und Blog

6.265 Beiträge, Schlüsselwörter: Allmystery, Hilfe, Welt, Bilder, Frieden, Profil, Farbe, Design, Html, Schrift, DIE + 18 weitere

Do it yourself: CSS für Profil und Blog

14.05.2013 um 23:23
Wenn du damit nicht klar kommst, kann ich dir das auch morgen nochmal genauer erklären, aber im Moment schreibe ich mit dem Handy, da ist das zu viel Arbeit.

Und sorry für den Doppelpost.


melden
Anzeige
Salami
ehemaliges Mitglied

Lesezeichen setzen

Do it yourself: CSS für Profil und Blog

15.05.2013 um 12:57
@Ciela

Oh, ich habe zwar die Suchfunktion genutzt, die Suchwörter die ich verwendet habe, haben mich jedoch nicht zum Ziel gebracht.
Mit dem Code und dem Wiki komm ich schon klar - ich bedanke mich für die Hilfe! :)


melden

Do it yourself: CSS für Profil und Blog

15.05.2013 um 12:58
@Salami
Bitte. ;)


melden

Do it yourself: CSS für Profil und Blog

17.05.2013 um 19:18
Ich weiss,das hat hier zwar nicht direkt etwas zu suchen, aber es wäre trotzdem super nett, wenn mir jemand sagen könnte, wie man Youtube Videos dazu bringt, das sie automatisch laufen,sobald man das Profil besucht.
Vielen Dank :)


melden
du_selbst
ehemaliges Mitglied

Lesezeichen setzen

Do it yourself: CSS für Profil und Blog

18.05.2013 um 22:35
[youtube]xhHoJnob094[/youtube]
@Rabengeschrei
Versuch mal diesen hier.


melden
du_selbst
ehemaliges Mitglied

Lesezeichen setzen

Do it yourself: CSS für Profil und Blog

18.05.2013 um 22:37
@all

wie mach ich das, das ich einen Soundeffekt kriege bei a:hover? Brauchts dazu Java oder geht das mit css? ich hät gern ein einfaches Pling oder Plong oder ein hühö wie bei den Nachrichten ... sowas in der art ...


melden
du_selbst
ehemaliges Mitglied

Lesezeichen setzen

Do it yourself: CSS für Profil und Blog

18.05.2013 um 22:58
@Rabengeschrei
PS: Der Code funktioniert aber nur im Profil automatisch, nicht im Blog. anmerk

@YaaCool
@Ciela
Beitrag von du_selbst, Seite 196


melden
du_selbst
ehemaliges Mitglied

Lesezeichen setzen

Do it yourself: CSS für Profil und Blog

19.05.2013 um 04:07
Noch ne Kleinigkeit:


Ich hab da im Style zwei Schönheitsfehler:

Zum einen kommt das div.tabnav a immer zuerst in diesem graublau und fadet dann anstatt von anfang an schwarz zu sein, ich versteh das nicht.

div.tabnav a {
background-color:#000000;

div.tabnav a:hover {
background-color:#000000;




Das Zweite ist die Umrandung der textarea bei Chrome ist die so golden, das hätte ich gerne weg

textarea {background-color:#000;color:#666;border:none;}

Hab ich versucht aber die kommt erst wenn man drauf klickt ...


Bin für jede Hilfe dankbar.




img, a.voteup, div.tabnav a {
background-color:transparent;
-moz-transition: all 3s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-o-transition: all 3s ease-in-out;
-ms-transition: all 3s ease-in-out;
transition: all 1s ease-in-out;
}

img:hover, a.voteup:hover, div.tabnav a:hover {
background-color:#000000;
-moz-transition: all 3s ease-in-out;
-moz-transform: scale(-1, 1) rotate(2deg) skew(0deg) translate(5px);

-webkit-transition: all 1s ease-in-out;
-webkit-transform: rotate(2deg) scaleY(1) scaleX(-1) skew(0deg) translate(5px);


-o-transition: all 3s ease-in-out;
-o-transform: scale(-1, 1) rotate(2deg) skew(0deg) translate(5px);

-ms-transition: all 3s ease-in-out;
-ms-transform: scale(-1, 1) rotate(2deg) skew(0deg) translate(5px);

transition: all 1s ease-in-out;
transform: scale(-1, 1) rotate(2deg) skew(0deg) translate(5px);
}









img, div.tabnav a {
color:#666;
-moz-transition: all 3s ease-in-out;
-webkit-transition: all 3s ease-in-out;
-o-transition: all 3s ease-in-out;
-ms-transition: all 3s ease-in-out;
transition: all 3s ease-in-out;
}


img:hover, div.tabnav a:hover {
color:#fff;
-moz-transition: all 3s ease-in-out;
-moz-transform: rotate(-175deg) scaleY(-1) scaleX(-1) skew(0deg) translate(5px);

-webkit-transition: all 3s ease-in-out !important;
-webkit-transform: rotate(-175deg) scaleY(-1) scaleX(-1) skew(0deg) translate(5px) !important;


-o-transition: all 3s ease-in-out;
-o-transform: scale(-1, -1) rotate(-175deg) skew(0deg) translate(5px);

-ms-transition: all 3s ease-in-out;
-ms-transform: scale(-1, -1) rotate(-175deg) skew(0deg) translate(5px);

transition: all 3s ease-in-out;
transform: rotate(-175deg) scaleY(-1) scaleX(-1) scaleZ(-1) skew(0deg) translate(5px);
}




.postbox1:hover {
-moz-transition: all 3s ease-in-out;
-moz-transform: rotate(-175deg) scaleY(-1) scaleX(-1) skew(0deg) translate(5px);

-webkit-transition: all 3s ease-in-out !important;
-webkit-transform: rotate(-0deg) scaleY(1) scaleX(1) skew(0deg) translate(5px) !important;


-o-transition: all 3s ease-in-out;
-o-transform: scale(-1, -1) rotate(-175deg) skew(0deg) translate(5px);

-ms-transition: all 3s ease-in-out;
-ms-transform: scale(-1, -1) rotate(-175deg) skew(0deg) translate(5px);

transition: all 3s ease-in-out;
transform: rotate(-175deg) scaleY(-1) scaleX(-1) scaleZ(-1) skew(0deg) translate(5px);
}


.postbox2:hover {
-moz-transition: all 3s ease-in-out;
-moz-transform: rotate(-0deg) scaleY(1) scaleX(-1) skew(0deg) translate(-5px);

-webkit-transition: all 3s ease-in-out;
-webkit-transform: rotate(-0deg) scaleY(1) scaleX(1) skew(0deg) translate(-5px);


-o-transition: all 3s ease-in-out;
-o-transform: scale(-1, -1) rotate(-175deg) skew(0deg) translate(5px);

-ms-transition: all 3s ease-in-out;
-ms-transform: scale(-1, -1) rotate(-175deg) skew(0deg) translate(5px);

transition: all 3s ease-in-out;
transform: rotate(-175deg) scaleY(-1) scaleX(-1) scaleZ(-1) skew(0deg) translate(5px);
}




.a, .postbox1 {
position: relative;
-webkit-animation-name: bounce;
-webkit-animation-duration: 5s;
-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: #666;}
to { top: 0px; color: #666;}
}

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



.postbox2 {
position: relative;
-webkit-animation-name: bounce;
-webkit-animation-duration: 8s;
-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: #666;}
to { top: 0px; color: #666;}
}

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





a.attitel, .page_selector a, a.pl.pl_selected {color:#666;}

textarea {background-color:#000;color:#666}



.sufu {
background-color:#000;
border-color: #fff;
font-size: 11px;
color:#333;
height: 25px;
padding-left: 0px;
padding-top: 0px;
width: 100px;
border-radius: 3px;
}

body {
margin left:10%;
padding-top:10px;
background-color:#000000;
color:#666;
font-size:15px;
font-family:Calibri,Verdana,Arial,sans-serif;
}

textarea {
font-family:Tahoma;
font-size:16px;
}

input {
font-family:Tahoma;
font-size:16px;
margin:0;
}

select {
margin:0;
}


#moreMenu {
background-color: rgba(00,00,00,0.85) !important;
box-shadow: 2px 2px 10px #000 !important;
-webkit-border-bottom-left-radius: 5px !important;
-webkit-border-bottom-right-radius: 5px !important;
-moz-border-radius: 0 0 5px 5px !important;
}
#moreMenu a {
background: transparent !important;
}




div.finfo, div.paginator.fh, div.topnav {display:none!important;}

div, threads, td, tr, tbody {background-color:black;}

div.header, .postbox1, .postbox2 {background-image:url('http://static.allmystery.de/upics/9e9a30_schwarz.png');

background-color:black;

background-size:100% 100%;

background-repeat:no-repeat;

background-attachment:fixed;

background-position:right bottom;

}

img.heart {display:none!important;}





.infoleiste, .mcell_status, .mcell, .mcell_inhalt, .mcell2, .mcell_inhalt2 {display: none;background-color:#000000!important;border:1px;color:#333333;}



a, #mstatus_content, .mstatus {font-size:16px;color:#666666;text-align:justify;}




body

{

background-image:url('http://static.allmystery.de/upics/9e9a30_schwarz.png');

background-color:black;

background-size:100% 100%;

background-repeat:no-repeat;

background-attachment:fixed;

background-position:right bottom;

}





.blog-entry, .blog-entries {background-color:#000000;border:none;color:#000000;font-family:none;font-size:16px;color:#666666;text-align:justify;}











.lost, .found { visibility: visible;}



melden

Do it yourself: CSS für Profil und Blog

19.05.2013 um 08:09
du musst klammern auch wieder zu machen


melden
du_selbst
ehemaliges Mitglied

Lesezeichen setzen

Do it yourself: CSS für Profil und Blog

19.05.2013 um 09:19
hab ich vergessen, aber das war nur ein Beispiel, im Code sind sie zu.

@YaaCool


melden
du_selbst
ehemaliges Mitglied

Lesezeichen setzen

Do it yourself: CSS für Profil und Blog

19.05.2013 um 09:32
Ich fasse nochmal zusammen:

3 Punkte:

Erstens. Soundeffekt bei Hover brauchts dazu Java?

Punkt 2. kommt das div.tabnav a immer zuerst in diesem graublau und fadet dann anstatt von anfang an schwarz zu sein, was ist da falsch?

Und Drittens. die Umrandung der textarea bei Chrome ist die so golden, das hätte ich gerne weg. Ich hab versucht .selected border none aber nützt nichts.


<style>


.page_selector a, a.pl.pl_selected {color:#666;}


.attitel {visibility:hidden;margin-left:-100px;}
.attitel:after{content:"Im Spiegel schwarzen Labyrinth - Spiegelschriften - Nachricht an dich selbst - Zum Karussell der Ewigkeit";visibility:visible;}
a.attitel {font-family: Calibri; font-size: 13pt;color:#666;}



textarea, .content, .message {background-color:#000;color:#666;}

#reklame {display:none!important;}

.selected {border:none;}

.sufu {
background-color:#000;
border-color: #fff;
font-size: 11px;
color:#333;
height: 25px;
padding-left: 0px;
padding-top: 0px;
width: 100px;
border-radius: 3px;
}

body {
margin left:10%;
padding-top:10px;
background-color:#000000;
color:#666;
font-size:15px;
font-family:Calibri,Verdana,Arial,sans-serif;
}

textarea {
font-family:Tahoma;
font-size:16px;
}

input {
font-family:Tahoma;
font-size:16px;
margin:0;
}

select {
margin:0;
}


#moreMenu {
background-color: rgba(00,00,00,0.85) !important;
box-shadow: 2px 2px 10px #000 !important;
-webkit-border-bottom-left-radius: 5px !important;
-webkit-border-bottom-right-radius: 5px !important;
-moz-border-radius: 0 0 5px 5px !important;
}
#moreMenu a {
background: transparent !important;
}




div.finfo, div.paginator.fh, div.topnav {display:none!important;}

div, threads, td, tr, tbody {background-color:black;}

div.header, .postbox1, .postbox2 {background-image:url('http://static.allmystery.de/upics/9e9a30_schwarz.png');

background-color:black;

background-size:100% 100%;

background-repeat:no-repeat;

background-attachment:fixed;

background-position:right bottom;

}

img.heart {display:none!important;}




.mcell_status {display: none;background-color:#000000!important;border:1px;color:#333333;}


.infoleiste, .fl, .mcell, .mcell2, .mcell_inhalt, .mcell_inhalt2 {background-color:#000000!important;border:1px;color:#333333!important;}


a, #mstatus_content, .mstatus {font-size:16px;color:#666666;text-align:justify;}




body

{

background-image:url('http://static.allmystery.de/upics/9e9a30_schwarz.png');

background-color:black;

background-size:100% 100%;

background-repeat:no-repeat;

background-attachment:fixed;

background-position:right bottom;

}





.blog-entry, .blog-entries {background-color:#000000;border:none;color:#000000;font-family:none;font-size:16px;color:#666666;text-align:justify;}











.lost, .found { visibility: visible;}





img, a.voteup, div.tabnav a {
background-color:#000;
-moz-transition: all 3s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-o-transition: all 3s ease-in-out;
-ms-transition: all 3s ease-in-out;
transition: all 1s ease-in-out;
}

img:hover, a.voteup:hover, div.tabnav a:hover {
background-color:#000000;
-moz-transition: all 3s ease-in-out;
-moz-transform: scale(-1, 1) rotate(2deg) skew(0deg) translate(5px);

-webkit-transition: all 1s ease-in-out;
-webkit-transform: rotate(2deg) scaleY(1) scaleX(-1) skew(0deg) translate(5px);


-o-transition: all 3s ease-in-out;
-o-transform: scale(-1, 1) rotate(2deg) skew(0deg) translate(5px);

-ms-transition: all 3s ease-in-out;
-ms-transform: scale(-1, 1) rotate(2deg) skew(0deg) translate(5px);

transition: all 1s ease-in-out;
transform: scale(-1, 1) rotate(2deg) skew(0deg) translate(5px);
}









img, div.tabnav a {
color:#666;
-moz-transition: all 3s ease-in-out;
-webkit-transition: all 3s ease-in-out;
-o-transition: all 3s ease-in-out;
-ms-transition: all 3s ease-in-out;
transition: all 3s ease-in-out;
}


img:hover, div.tabnav a:hover {
color:#fff;
-moz-transition: all 3s ease-in-out;
-moz-transform: rotate(-175deg) scaleY(-1) scaleX(-1) skew(0deg) translate(5px);

-webkit-transition: all 3s ease-in-out !important;
-webkit-transform: rotate(-175deg) scaleY(-1) scaleX(1) skew(0deg) translate(5px) !important;


-o-transition: all 3s ease-in-out;
-o-transform: scale(-1, -1) rotate(-175deg) skew(0deg) translate(5px);

-ms-transition: all 3s ease-in-out;
-ms-transform: scale(-1, -1) rotate(-175deg) skew(0deg) translate(5px);

transition: all 3s ease-in-out;
transform: rotate(-175deg) scaleY(-1) scaleX(-1) scaleZ(-1) skew(0deg) translate(5px);
}




.postbox1:hover {
-moz-transition: all 3s ease-in-out;
-moz-transform: rotate(-175deg) scaleY(-1) scaleX(-1) skew(0deg) translate(5px);

-webkit-transition: all 3s ease-in-out !important;
-webkit-transform: rotate(-0deg) scaleY(1) scaleX(1) skew(0deg) translate(5px) !important;


-o-transition: all 3s ease-in-out;
-o-transform: scale(-1, -1) rotate(-175deg) skew(0deg) translate(5px);

-ms-transition: all 3s ease-in-out;
-ms-transform: scale(-1, -1) rotate(-175deg) skew(0deg) translate(5px);

transition: all 3s ease-in-out;
transform: rotate(-175deg) scaleY(-1) scaleX(-1) scaleZ(-1) skew(0deg) translate(5px);
}


.postbox2:hover {
-moz-transition: all 3s ease-in-out;
-moz-transform: rotate(-0deg) scaleY(1) scaleX(-1) skew(0deg) translate(-5px);

-webkit-transition: all 3s ease-in-out;
-webkit-transform: rotate(-0deg) scaleY(1) scaleX(1) skew(0deg) translate(-5px);


-o-transition: all 3s ease-in-out;
-o-transform: scale(-1, -1) rotate(-175deg) skew(0deg) translate(5px);

-ms-transition: all 3s ease-in-out;
-ms-transform: scale(-1, -1) rotate(-175deg) skew(0deg) translate(5px);

transition: all 3s ease-in-out;
transform: rotate(-175deg) scaleY(-1) scaleX(-1) scaleZ(-1) skew(0deg) translate(5px);
}




.a, .postbox1 {
position: relative;
-webkit-animation-name: bounce;
-webkit-animation-duration: 5s;
-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: #666;}
to { top: 0px; color: #666;}
}

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



.postbox2 {
position: relative;
-webkit-animation-name: bounce;
-webkit-animation-duration: 8s;
-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: #666;}
to { top: 0px; color: #666;}
}

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


</style>


melden

Do it yourself: CSS für Profil und Blog

19.05.2013 um 10:50
@du_selbst

Geht nicht,dein Code startet nicht automatisch


melden
du_selbst
ehemaliges Mitglied

Lesezeichen setzen

Do it yourself: CSS für Profil und Blog

19.05.2013 um 11:29
@Rabengeschrei

sorry der schluckt das autoplay dann eben so

setz einfach noch eckige klammern darum, kriegste das hin?

oh mist nicht schon wieder lach

der frisst mir hier den code xD

ich versuch mal ne pm zu schicken vielleicht geht das


melden
du_selbst
ehemaliges Mitglied

Lesezeichen setzen

Do it yourself: CSS für Profil und Blog

19.05.2013 um 11:41
@Rabengeschrei

guck einfach bei mir im Profil nach dem Source Code.


melden
du_selbst
ehemaliges Mitglied

Lesezeichen setzen

Do it yourself: CSS für Profil und Blog

19.05.2013 um 11:57
@Rabengeschrei
na hats geklappt?


melden
du_selbst
ehemaliges Mitglied

Lesezeichen setzen

Do it yourself: CSS für Profil und Blog

19.05.2013 um 12:09
@Rabengeschrei
wenn du soweit bist gib bitte bescheid, damit ich das video wieder aus meinem Profil nehmen kann. Danke.


melden
du_selbst
ehemaliges Mitglied

Lesezeichen setzen

Do it yourself: CSS für Profil und Blog

19.05.2013 um 12:32
@Rabengeschrei
Da ich nichts mehr von dir höre ...

hier nun der Code auf ner externen Seite:

Damit Youtube Videos automatisch starten.
Funktionieren tuts allerdings nur im Profil.

http://www.spin.de/hp/du_selbst/blog/id/24764554


melden

Do it yourself: CSS für Profil und Blog

19.05.2013 um 15:05
@du_selbst

Sorry, bin nicht immer on gewesen.
Danke für den Code, hat geklappt :)


melden

Do it yourself: CSS für Profil und Blog

27.05.2013 um 17:52
Ich habe (schon wieder ^^) ein Problem mit dem Einbetten von Youtube Videos im Profil. Mittlerweile werden die gar nicht mehr angezeigt, auch nicht mit dem Einbettungscode von Youtube.
I.was mache ich falsch, ich weiß aber nicht was ^^
Schon mal vielen Dank :D


melden
Anzeige

Do it yourself: CSS für Profil und Blog

27.05.2013 um 20:29
O.O
Ich habe an meinem Profil herumgebastelt und jetz ist das Gästebuch weg! Hilfe wie bekomme ich es wieder dorthin wo es hingehört? Ich habe auch an meinem Blog gebastelt, kann das was damit zu tun haben?


melden
385 Mitglieder anwesend
Konto erstellen
Allmystery Newsletter
Alle zwei Wochen
die beliebtesten
Diskussionen per E-Mail.

Themenverwandt
Musik im Profil291 Beiträge
Anzeigen ausblenden