Do it yourself: CSS für Profil und Blog

@Frostrubin
Gerne :)

Eseneziri schrieb:Sind die Videos auf Youtube noch da (hat der Uploader sie vielleicht gelöscht oder auf "privat" gesetzt)?

Ja, sie sind noch da. Man musste früher einfach nur den Link einfügen und Allmystery hat das Video automatisch als Player angezeigt. Wie im Forum, wenn man einen YouTube-Link einfügt.

Luminita schrieb:Also dein Player funktioniert bei mir, sogar am Handy.

Darum gehts nicht. :D
Klar, der funktioniert. Aber man konnte vor einigen Monaten noch auf den Player klicken und dann hat sich YouTube geöffnet. So konnte man dann das Video auch auf YouTube sehen.

@Ford

Ford schrieb:Klar, der funktioniert. Aber man konnte vor einigen Monaten noch auf den Player klicken und dann hat sich YouTube geöffnet. So konnte man dann das Video auch auf YouTube sehen.

Ja, schon klar, und das hat bei mir am Handy funktioniert. Hier am PC gehts aber tatsächlich nicht, bei mir auch nicht mehr, das liegt nicht an deinem Profil. Da hat entweder YT oder Allmy was umgestellt.

Wer könnte mir behilflich sein? Ich hab folgende Frage.

Wie kann ich das Schreibfeld für das Gästebuch transparent machen und die Gästebuchanzeige, wo auf mein Profil lila sind, zwar weiterhin in dieser Hintergrundfarbe,aber so, dass man auf das Hintergrundbild hindurch sehen kann (also "farblich transparent" sozusagen, ähnlich wie DocMurks seine Freundesliste.
Mein GB Stylcode sieht Momentan so aus:

.gb_post {
background-color: #2f2942; padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;
-webkit-border-top-left-radius: 8px 8px;
-webkit-border-top-right-radius: 8px 8px;
border-bottom-left-radius: 8px 8px;
border-bottom-right-radius: 8px 8px;
-moz-border-radius: 0 0 8px 8px;
-webkit-border-bottom-left-radius: 8px 8px;
-webkit-border-bottom-right-radius:8px 8px;
.gb_posts & .gb_post{background-color: #000000;}

}



.profile_last_post{display:none;}

.profile_info small{display:none;}
.created_threads{display:none;}
.profile_info, div.profile_pic object{text-align:left;}

Luminita schrieb:Ja, schon klar, und das hat bei mir am Handy funktioniert. Hier am PC gehts aber tatsächlich nicht, bei mir auch nicht mehr, das liegt nicht an deinem Profil. Da hat entweder YT oder Allmy was umgestellt.

Ah ok. Ja gut danke, dann hab ich da wenigstens keinen Mist gebaut. :)

ProjectSerpo schrieb:.gb_posts & .gb_post{

was hast du mit dem & in der Mitte vor?

@QonoS

background-color: rgba(0, 0, 0, 0.1);
background: rgba(0, 0, 0, 0.1);

Der letzte Wert ist opacity und gibt die Transparenz an, 1 ist der Normalwert, also überhaupt nicht transparent.

@QonoS
Wenn du's nach dem Vorbild meiner Freundesliste haben willst, guckstu rosa:

background-color: #2f2942; opacity: 0.6;
padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;
usw ...

Könnte es damit:

ul#gb_posts {
list-style-type: none;
list-style-position: outside;
padding: 0;
width: 650px;
margin: 0 0 10px 5px;
display: block;
}
Klappen?
Wenn man da noch ne Transparenz einbauen kan./könnte...

@Phantom_773
Es wurden ja jetzt schon zwei Vorlagen gepostet, die musst du nur noch einsetzen und anpassen. :)

@Ciela
Es ging wohl um die GB Einträge, deren Hintergrund Durchsichtig sein sollte.
Oder habe ich mich verlesen?

@Phantom_773
Genau. Und was möchtest du machen?

Bishamon schrieb:was hast du mit dem & in der Mitte vor?

Ich hab kein Schimmer,wie das da rein kam. Ich hab den Stylecode nicht entworfen, sondern von irgendjemand mal bekommen und so hatte ich den immer drin,wusste auch nicht,ob der was bedeutet,braucht oder nicht.

Ciela schrieb:Genau. Und was möchtest du machen?

Helfen, wegen der Transparenz.
Habe sicher die Lösung überlesen.

Ciela schrieb:background-color: rgba(0, 0, 0, 0.1);
background: rgba(0, 0, 0, 0.1);

Und wo setzte ich den rein?

@Phantom_773
Achso ich dachte du willst in deinen Code die Transparenz machen. :D
Da ist nämlich nichts.

@QonoS
Ganz normal in die { Klammern

Ciela schrieb:Achso ich dachte du willst in deinen Code die Transparenz machen. :D
Da ist nämlich nichts.

Wie da ist nichts?
Hier ein Bild:
Original anzeigen (0,2 MB)

Und mein Code:

<style> body {color: #00ffff; text-shadow: 0 0 0.2em #000000, 0 0 0.2em #000000, 0 0 0.2em #000000; } a {color: #008888;} a:hover {color: #00FFFF;} .header {background: none; background-color: transparent;} .tabnav a, .tabnav a:hover {background-color: ;} .mcell, .mcell_status, .mcell2, .mcell_inhalt, .mcell_inhalt2 {background-color: transparent;} body { background-image:url("https://www.allmystery.de/i/up_b73609da8e7b7b52_reiseland-titelbild-bora-bora.jpg") ; background-size: 100% 100% ; background-attachment: fixed ; } </style>

@Phantom_773
Und wo ist da im Code jetzt das vom Gästebuch? Das ist doch nur der halbe Code, oder? oO
However, hier

Phantom_773 schrieb:ul#gb_posts {
list-style-type: none;
list-style-position: outside;
padding: 0;
width: 650px;
margin: 0 0 10px 5px;
display: block;
}

ist nix mit transparenz

@Ciela
@Phantom_773
@Eseneziri

Danke für eure Hilfe und für die Tipps. Ich hab alles ausprobiert und hab mich für den Code von DocMurks entschieden.
Das hat geklappt, danke. Nur ist das Problem nun, dass der profil_info normalerweise in der grauen Farbe #797c80 erscheint und angegeben ist. Beim einsetzen des Codes ist die Schrift weiss. Irgendwas stimmt daher dann nicht.
Ich meinte das:

body {color: #797c80 ;}
a {text-decoration: none; color: #797c80;}
a:visited {color: #797c80;}
a:hover {color: #797c80;}


Meine andere Frage wäre, ich habe einen Rahmen um einen Text und hab es damit angegeben:

<p style="width:400px;padding:4px;border: 2px solid #573366;border-radius: 18px">

Kann ich innerhalb des Rahmens auch so "farblich transparent" machen?
Danke nochmal für eure sehr nette Hilfe :)
(Bin dann erstmal off,danke)

ProjectSerpo schrieb:Nur ist das Problem nun, dass der profil_info normalerweise in der grauen Farbe #797c80 erscheint und angegeben ist. Beim einsetzen des Codes ist die Schrift weiss. Irgendwas stimmt daher dann nicht.
Ich meinte das:

body {color: #797c80 ;}
a {text-decoration: none; color: #797c80;}
a:visited {color: #797c80;}
a:hover {color: #797c80;}

Wieso machst du nicht noch extra für .profile_info?