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.817 Beiträge ▪ Schlüsselwörter: Allmystery, Hilfe, Welt ▪ Abonnieren: Feed E-Mail

Do it yourself: CSS für Profil und Blog

25.07.2020 um 19:59
Zitat von EseneziriEseneziri schrieb:Vermutlich hab ich noch irgendwo anders was anders gemacht und krieg's nicht mehr auf die Kette, sorry!
Kein Problem, ich habs noch in meinem Style drin, man sieht noch keine Schrift,ich nehms raus :)


melden

Do it yourself: CSS für Profil und Blog

25.07.2020 um 20:01
@QonoS
Hm, ich seh die Schrift der Freundesnamen, Verwaltung, usw. auf deinem Profil gerade in der dunkleren Farbe. O.O
Edit: Bei den abwesenden und "Nachrichtenverlauf" nicht.

Aber durch Rausnehmen wird mein Chaos natürlich beseitigt. :'D :Y:


1x zitiertmelden

Do it yourself: CSS für Profil und Blog

25.07.2020 um 20:10
Zitat von EseneziriEseneziri schrieb:ch seh die Schrift der Freundesnamen, Verwaltung, usw. auf deinem Profil gerade in der dunkleren Farbe. O.O
Ich kann kein Unterschied wie vorher erkennen, aber macht nichts ^^


melden

Do it yourself: CSS für Profil und Blog

25.07.2020 um 20:15
@QonoS
Okay. ^^
---------------------------------

Sachen gibt's ...
Screenshot 14
Ich wunder mich dann mal weiter.
Weiß jemand anders, wie es zu sowas kommt, das einer die Veränderung sieht und ein anderer nicht? O.o
Zuvor waren "Verwaltung", "Rundschreiben" und "System" hellgrau, also kaum zu sehen.


melden

Do it yourself: CSS für Profil und Blog

25.07.2020 um 20:20
Ich habe das jetzt anhand Deines Profil Codes @QonoS was Du hier gepostet hast ausprobiert.
Und hiermit habe ich den header transparent hinbekommen:

header {
background: none;
backdrop-filter: none;
}


Ob das jetzt allerdings auch allgemein für alle klappt, kann ich nicht sagen.


1x zitiertmelden

Do it yourself: CSS für Profil und Blog

25.07.2020 um 20:23
@-Anna-
Kann es am Browser liegen?


melden

Do it yourself: CSS für Profil und Blog

25.07.2020 um 20:25
@Eseneziri

Hm, weiß nicht. Da kenne ich mich leider zu wenig aus, ob es bei den verschiedenen Browsern auch unterschiedlich angezeigt wird.
Möglich ist es. Hast Du es denn auch ausprobiert? Ich nutze eigentlich immer Chrome.


melden

Do it yourself: CSS für Profil und Blog

25.07.2020 um 20:31
@-Anna-
Jopp, hab unter Linux den Chromium, da klappt's auch.
Hab noch mit dem Palemoon (Abkömmling des Firefox) nachgesehen (wollte dazu das auf meinem Profil nochmal ausprobieren),
aber da krieg ich kaum was vernünftiges zu sehen. Mit dem Firefox wär bestimmt(?) mehr sichtbar, also ... ja, braucht man wohl unterschiedliches CSS-Zeugs für unterschiedliche Browser. O.o
Ich kenn mich auch kaum aus, sondern probier nur rum bis zum Abwinken. :D

Edit: Hab mich selber geättet. :palm:


melden

Do it yourself: CSS für Profil und Blog

25.07.2020 um 20:35
Zitat von -Anna--Anna- schrieb:Und hiermit habe ich den header transparent hinbekommen:

header {
background: none;
backdrop-filter: none;
}
Muss ich den separat,irgendwo in den Style plazieren?


melden

Do it yourself: CSS für Profil und Blog

25.07.2020 um 20:37
@QonoS

Nein eigentlich nicht. Du hattest ja in Deinem ursprünglichem Code ja schon .header - das habe ich nur durch diesen Code ersetzt.


1x zitiertmelden

Do it yourself: CSS für Profil und Blog

25.07.2020 um 20:43
@QonoS

Hier Dein ursprünglicher Code mit der header Änderung, die ich gemacht habe.

Spoiler <style> * {cursor:crosshair}</style>
<style>
<style>
body {color: #12100e;}
a {text-decoration: none; color: #12100e;}
a:visited {color: #12100e;}
a:hover {color: #12100e;}


header {
background: none;
backdrop-filter: none;
}

.tabnav,
.tabnav a,
.tabnav a:hover,
#tabnav-all-opener,
#tabnav-all-opener:hover {
background: none;



}

a, a.man, a:link, a:visited {
color: #12100e;
}

a.attitel{visibility:hidden;}
a.attitel:before{content:"";
color: #12100e;
visibility:visible;
}


.profile_links a img {visibility: hidden; display: block;}

.mcell, .mcell_status {
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;
}
.mcell_inhalt

.mcell2 {background-color: #12100e;}
.mcell_inhalt {
background-color: #12100e;
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_post {
background-color: #12100e; 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;
background-color: #b58e74; opacity: 0.6;
padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;

}

.infoleiste{
background-color: #12100e; 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;
background-color: #b58e74; opacity: 0.6;
padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;

}


.profile_info{
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;
background-color: #b58e74; opacity: 0.6;
padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;

}

.mcell_inhalt{
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;
background-color: #b58e74; opacity: 0.6;
padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;

}



.tabnav a,.topnav{
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;
background-color: #b58e74; opacity: 0.6;
padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;

}

.head_links{
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 4px 4px;
-webkit-border-bottom-left-radius: 4px 4px;
-webkit-border-bottom-right-radius:4px 4px;
background-color: #b58e74; opacity: 0.6;
padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;

}


.tabnav-all{
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 4px 4px;
-webkit-border-bottom-left-radius: 4px 4px;
-webkit-border-bottom-right-radius:4px 4px;
background-color: #b58e74; opacity: 0.6;
padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;

}

.profile_links {
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 4px 4px;
-webkit-border-bottom-left-radius: 4px 4px;
-webkit-border-bottom-right-radius:4px 4px;
background-color: #b58e74; opacity: 0.6;
padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;

}

.infoleiste {
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 4px 4px;
-webkit-border-bottom-left-radius: 4px 4px;
-webkit-border-bottom-right-radius:4px 4px;
background-color: #b58e74; opacity: 0.6;
padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;

}

.profile_last_post{display:none;}

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

.profile_info {width:400px;padding:4px;border: 2px solid #12100e;border-radius: 18px !important

}

.profile_info{color: #12100e;}
.head_links{color: #12100e;}
.h2{color: #12100e;}
.head_links{width:400px;padding:4px;border: 2px solid #12100e;border-radius: 18px !important



}

.profile_links {width:400px;padding:4px;border: 2px solid #12100e;border-radius: 18px !important

}


.gb_post{width:400px;padding:4px;border: 2px solid #12100e;border-radius: 18px !important

}

.tabnav-all{width:400px;padding:4px;border: 2px solid #12100e;border-radius: 18px !important

}

.infoleiste{width:160px;padding:4px;border: 2px solid #12100e;border-radius: 18px !important





a.tab, #tabnav-all-opener {
background-color: #12100e; opacity: 0.6;

}


</style>

<style>

.compact_slider {
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
text-align: center;
box-shadow: inset 0 50px 111px 0 #00000090;
z-index: -1;
}

.compact_slider img {
width: 100vw;
height: 100vh;
position: absolute;
top: 0px;
left: 0px;
}

.compact_slider img {
-webkit-animation-name: compact_slider;
-webkit-animation-timing-function: ease;
-webkit-animation-duration: 64s;
-webkit-animation-iteration-count: infinite;
animation-name: compact_slider;
animation-timing-function: ease;
animation-duration: 64s;
animation-iteration-count: infinite;
}

@-webkit-keyframes compact_slider {
0% {opacity:1;} 20% {opacity:0;} 80% {opacity:0;} 100% {opacity:1;}
}
@keyframes compact_slider {
0% {opacity:1;} 20% {opacity:0;} 80% {opacity:0;} 100% {opacity:1;}
}

.compact_slider img:nth-child(1) { -webkit-animation-delay: 64s; animation-delay: 64s; }
.compact_slider img:nth-child(2) { -webkit-animation-delay: 56s; animation-delay: 56s; }
.compact_slider img:nth-child(3) { -webkit-animation-delay: 48s; animation-delay: 48s; }
.compact_slider img:nth-child(4) { -webkit-animation-delay: 40s; animation-delay: 40s; }
.compact_slider img:nth-child(5) { -webkit-animation-delay: 32s; animation-delay: 32s; }
.compact_slider img:nth-child(6) { -webkit-animation-delay: 24s; animation-delay: 24s; }
.compact_slider img:nth-child(7) { -webkit-animation-delay: 16s; animation-delay: 16s; }
.compact_slider img:nth-child(8) { -webkit-animation-delay: 8s; animation-delay: 8s; }
.compact_slider img:nth-child(9) { -webkit-animation-delay: 0s; animation-delay: 0s; }

</style>

<div class="compact_slider">
<img src="https://www.allmystery.de/i/jhgwsidegigb_IMG_20200718_004305.jpg">
<img src="https://www.allmystery.de/i/jhgwsidegigb_IMG_20200718_004305.jpg">
<img src="https://www.allmystery.de/i/lsisxovgowcy_IMG_20200717_233220.jpg">
<img src="https://www.allmystery.de/i/lsisxovgowcy_IMG_20200717_233220.jpg">
<img src="https://www.allmystery.de/i/jhgwsidegigb_IMG_20200718_004305.jpg">
<img src="https://www.allmystery.de/i/jhgwsidegigb_IMG_20200718_004305.jpg">
<img src="https://www.allmystery.de/i/lsisxovgowcy_IMG_20200717_233220.jpg">
<img src="https://www.allmystery.de/i/lsisxovgowcy_IMG_20200717_233220.jpg">
<img src="https://www.allmystery.de/i/jhgwsidegigb_IMG_20200718_004305.jpg">
</div>

<style>
.profile_pic iframe {
visibility: hidden;
}
</style>



<br><style>
img.opacity {
opacity: 0.01;
1. filter: alpha(opacity=40);-webkit-transition: opacity 2s linear;
2. }

img.opacity:hover {
opacity: 1;
filter: alpha(opacity=100);-webkit-transition: opacity 1,5s linear;}</style>




melden

Do it yourself: CSS für Profil und Blog

25.07.2020 um 20:47
Zitat von -Anna--Anna- schrieb:Nein eigentlich nicht. Du hattest ja in Deinem ursprünglichem Code ja schon .header - das habe ich nur durch diesen Code ersetzt.
Jetzt hat es geklappt, danke dir :)


melden

Do it yourself: CSS für Profil und Blog

25.07.2020 um 20:50
@QonoS

Gerne, ich arbeite noch daran, wegen der schwarzen Schrift in der Infoleiste.
Dauert noch etwas, muss erstmal sehen ob es klappt.


1x zitiertmelden

Do it yourself: CSS für Profil und Blog

25.07.2020 um 20:57
Zitat von -Anna--Anna- schrieb:Gerne, ich arbeite noch daran, wegen der schwarzen Schrift in der Infoleiste.
Da bin ich auch gerade dran, mir ist aufgefallen, dass ich in meinem Style zweimal das drin habe



Kann es vielelicht daran liegen? Ich hab jetzt einmal raus genommen,war doppelt drin

<style> * {cursor:crosshair}</style>
<style>
<style>
body {color: #12100e;}
a {text-decoration: none; color: #12100e;}
a:visited {color: #12100e;}
a:hover {color: #12100e;}


.header {background: none; background-color: transparent;}

.tabnav,
.tabnav a,
.tabnav a:hover,
#tabnav-all-opener,
#tabnav-all-opener:hover {
background: none;



}

a, a.man, a:link, a:visited {
color: #12100e;
}

a.attitel{visibility:hidden;}
a.attitel:before{content:"";
color: #12100e;
visibility:visible;
}


.profile_links a img {visibility: hidden; display: block;}

.mcell, .mcell_status {
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;
}
.mcell_inhalt

.mcell2 {background-color: #12100e;}
.mcell_inhalt {
background-color: #12100e;
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_post {
background-color: #12100e; 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;
background-color: #b58e74; opacity: 0.6;
padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;

}

.infoleiste{
background-color: #12100e; 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;
background-color: #b58e74; opacity: 0.6;
padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;

}


.profile_info{
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;
background-color: #b58e74; opacity: 0.6;
padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;

}

.mcell_inhalt{
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;
background-color: #b58e74; opacity: 0.6;
padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;

}



.tabnav a,.topnav{
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;
background-color: #b58e74; opacity: 0.6;
padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;

}

.head_links{
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 4px 4px;
-webkit-border-bottom-left-radius: 4px 4px;
-webkit-border-bottom-right-radius:4px 4px;
background-color: #b58e74; opacity: 0.6;
padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;

}


.tabnav-all{
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 4px 4px;
-webkit-border-bottom-left-radius: 4px 4px;
-webkit-border-bottom-right-radius:4px 4px;
background-color: #b58e74; opacity: 0.6;
padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;

}

.profile_links {
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 4px 4px;
-webkit-border-bottom-left-radius: 4px 4px;
-webkit-border-bottom-right-radius:4px 4px;
background-color: #b58e74; opacity: 0.6;
padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;

}

.infoleiste {
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 4px 4px;
-webkit-border-bottom-left-radius: 4px 4px;
-webkit-border-bottom-right-radius:4px 4px;
background-color: #b58e74; opacity: 0.6;
padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;

}


.profile_last_post{display:none;}

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

.profile_info {width:400px;padding:4px;border: 2px solid #12100e;border-radius: 18px !important

}

.profile_info{color: #12100e;}
.head_links{color: #12100e;}
.h2{color: #12100e;}
.head_links{width:400px;padding:4px;border: 2px solid #12100e;border-radius: 18px !important



}

.profile_links {width:400px;padding:4px;border: 2px solid #12100e;border-radius: 18px !important

}


.gb_post{width:400px;padding:4px;border: 2px solid #12100e;border-radius: 18px !important

}

.tabnav-all{width:400px;padding:4px;border: 2px solid #12100e;border-radius: 18px !important

}

.infoleiste{width:160px;padding:4px;border: 2px solid #12100e;border-radius: 18px !important





a.tab, #tabnav-all-opener {
background-color: #12100e; opacity: 0.6;

}


</style>

<style>

.compact_slider {
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
text-align: center;
box-shadow: inset 0 50px 111px 0 #00000090;
z-index: -1;
}

.compact_slider img {
width: 100vw;
height: 100vh;
position: absolute;
top: 0px;
left: 0px;
}


melden

Do it yourself: CSS für Profil und Blog

25.07.2020 um 21:18
@QonoS

Grundsätzlich ist es nie falsch doppelte Codes heraus zu nehmen.
Ich habe jetzt herum probiert, mit dem hier Spoiler .mcell_inhalt, .infoleiste {
color: #12100e;
}
bekomme ich fast alles schwarz hin in der Infoleiste. Aber alles was man aufklappt, wie die abwesenden Freunde und den Nachrichten-Verlauf bekomme ich nicht schwarz hin. Das ist alles so eine Fitzelarbeit, wenn man sich nicht gut auskennt. Ich bekomm's nicht besser hin.


4x zitiertmelden

Do it yourself: CSS für Profil und Blog

25.07.2020 um 21:33
@QonoS
die abwesenden Freunde vielleicht hiermit:

.fl-group[data-group="offline"] .fl-header {
color: #12100e;
}


...?


1x zitiertmelden

Do it yourself: CSS für Profil und Blog

25.07.2020 um 21:36
@Eseneziri

Ab hier kannst Du bitte weiter übernehmen, wenn Du Zeit hast.
Für mich ist heut Feierabend an Codes und Zahlen - hab schon eckige Augen bekommen. :)


melden

Do it yourself: CSS für Profil und Blog

25.07.2020 um 21:37
@-Anna-
Die berühmten "eckigen Augen", ich hab sie nie live gesehen. O.o
Oki, ich bin sicher noch 'ne Weile wach und am Läppi. :Y:

-----------------------------------------------

Der Nachrichtenverlauf ist auf meinem Profil gleich "inklusive" gewesen in der Gestaltung, muss das CSS aus meinem ursprünglichen Vorschlag gewesen sein. O.o
Aber ich guck noch, man lernt immer was dazu. o.O

Oh, wie's scheint, ist das mit dem
Zitat von EseneziriEseneziri schrieb:.fl-group[data-group="offline"] .fl-header {
color: #12100e;
}
drinne.


2x zitiertmelden

Do it yourself: CSS für Profil und Blog

25.07.2020 um 21:39
Zitat von EseneziriEseneziri schrieb:Oki, ich bin sicher noch 'ne Weile wach und am Läppi. :Y:
Dankeschön :) wach bin ich auch noch, aber die Augen wollen nimmer. :/
Dann könnt Du und @QonoS ja noch ein Weilchen herum experimentieren. :Y:


melden

Do it yourself: CSS für Profil und Blog

25.07.2020 um 21:47
Bearbeitungszeit abgelaufen:
Zitat von EseneziriEseneziri schrieb:Eseneziri schrieb:
.fl-group[data-group="offline"] .fl-header {
color: #12100e;
}
drinne.
Zumindest die Nachrichten von Usern, die gerade offline sind.
Die Nachrichten derer, die online sind, müssten dann in

a.fl-user

mit eingebunden sein, wenn ich mir da nicht gerade Unsinn zusammenreime. O.o

Wie ist der aktuelle Stand der Bastelei, @QonoS ?


4x zitiertmelden