Bei 3 Spalten fände ich 3 verschiedene Farben schöner
So?? 
so geht alles kapput^^
Da geht nix kaputt. Du mußt "nur die Spaltenbreite anpassen... 
About Seiten mit CSS Codes anpassen
-
Endor -
10. Mai 2020 um 14:44 -
Erledigt
-
-
So??
Das sieht doch poppig aus
-
Ich hab halt die hervorgehoben, die ich am meisten nutze, bzw. wo noch Anpassungsarbeit wartet...
-
-
Mein Vorschlag dazu:
Was sagt ihr dazu?
Mfg.
Endor -
Was sagt ihr dazu?
Gefällt mir sehr gut so
-
-
Prima, freut mich.
Hier dann der CSS Code dazu:
CSS
Alles anzeigen/* AGENT_SHEET */ @namespace url(http://www.w3.org/1999/xhtml); @-moz-document url("about:about") { html {background: #FFFFFF !important;} ul.columns { column-count: 3 !important; column-gap: 20px !important; margin: 0 !important; } body{ background-color: #fffff0 !important; max-width: 1320px !important; min-height: 600px !important; height: auto !important; margin-top: 70px !important; margin-bottom: 30px !important; margin-left: 80px !important; padding-top: 45px !important; padding-left: 25px !important; padding-right: 25px !important; padding-bottom: 65px !important; border-left-color: lightblue!important; border-top-color: lightblue!important; border-right-color: dodgerblue!important; border-bottom-color: dodgerblue!important; border-radius: 20px !important; border-width: 4px !important; border-style: outset !important;} .container > h1:nth-child(1){ margin-left: 150px !important; color: blue !important; font-size: 24px !important; font-weight: bold !important;} ul{list-style: none !important;} #abouts{ min-width: 1120px !important; background-color: #ffffff !important; margin-left: -200px !important; margin-top: 25px !important; padding-top: 25px !important; padding-left: 25px !important; padding-right: 25px !important; padding-bottom: 25px !important; border-left-color: lightblue!important; border-top-color: lightblue!important; border-right-color: dodgerblue!important; border-bottom-color: dodgerblue!important; border-radius: 20px !important; border-width: 4px !important; border-style: outset !important;} p {margin-left: 160px !important; font-size:15px!important;} h1::before { content: "Endors Firefox: "; font-weight:bold !important; color:red !important; margin-left: 80px !important;} a{ text-decoration:none!important; color:black!important;} /* Breite der Schaltflächen */ #abouts > li:nth-child(n+1){ min-width: 170px !important; max-width: 170px !important; } /* Die ersten 14 */ #abouts > li:nth-child(-n+14){ appearance:none!important; background: #efefef url("..//icons/Bild3.png")no-repeat !important; color:transparent!important; font-size:14px!important; text-decoration:none!important; margin-top:3px!important; margin-bottom: 5px !important; margin-right:20px!important; margin-left: 55px !important; padding-right: 45px !important; padding-left:40px!important; padding-top: 1px!important; padding-bottom: 2px!important; border-left-color: lightblue!important; border-top-color: lightblue!important; border-right-color: dodgerblue!important; border-bottom-color: dodgerblue!important; border-style: outset !important; border-width:2px !important; background-position:14px 2px!important; border-radius:14px!important;} /* Die ersten 14 hover */ #abouts > li:nth-child(-n+14):hover{ appearance:none!important; background: #B2EDFA url("..//icons/Bild3.png")no-repeat !important; color:transparent!important; font-size:14px!important; text-decoration:none!important; border-left-color: #bbddff !important; border-top-color: #bbddff !important; border-right-color: #11508d !important; border-bottom-color: #11508d !important; border-style: outset !important; border-width:2px !important; background-position:14px 2px!important; border-radius:14px!important;} /* Die mittleren 14 */ #abouts > li:nth-child(n+15){ appearance:none!important; background: #efffbf url("..//icons/Bild3.png")no-repeat !important; color:transparent!important; font-size:14px!important; text-decoration:none!important; margin-top:3px!important; margin-bottom: 5px !important; margin-right:5px!important; margin-left: 70px !important; padding-right: 25px !important; padding-left:40px!important; padding-top: 1px!important; padding-bottom: 2px!important; border-left-color: #79d279 !important; border-top-color: #79d279 !important; border-right-color: #009900 !important; border-bottom-color: #009900 !important; border-style: outset !important; border-width:2px !important; background-position:14px 2px!important; border-radius:14px!important;} /* Die mittleren 14 hover */ #abouts > li:nth-child(n+15):hover{ appearance:none!important; background: #B2EDFA url("..//icons/Bild3.png")no-repeat !important; color:transparent!important; font-size:14px!important; text-decoration:none!important; border-left-color: #bbddff !important; border-top-color: #bbddff !important; border-right-color: #11508d !important; border-bottom-color: #11508d !important; border-style: outset !important; border-width:2px !important; background-position:14px 2px!important; border-radius:14px!important;} /* Die letzten 14 */ #abouts > li:nth-child(n+30){ appearance:none!important; background: cornsilk url("..//icons/Bild3.png")no-repeat !important; color:transparent!important; font-size:14px!important; margin-top:3px!important; margin-bottom: 5px !important; margin-right:45px!important; padding-left:40px!important; padding-top: 1px!important; padding-bottom: 2px!important; border-left-color: #ffb2b2 !important; border-top-color: #ffb2b2 !important; border-right-color: #8d0000 !important; border-bottom-color: #8d0000 !important; border-style: outset !important; border-width:2px !important; background-position:14px 2px!important; border-radius:14px!important;} /* Die letzten 14 hover */ #abouts > li:nth-child(n+30):hover{ appearance:none!important; background: #B2EDFA url("..//icons/Bild3.png")no-repeat !important; color:transparent!important; font-size:14px!important; border-left-color: #bbddff !important; border-top-color: #bbddff !important; border-right-color: #11508d !important; border-bottom-color: #11508d !important; border-style: outset !important; border-width:2px !important; background-position:14px 2px!important; border-radius:14px!important;} }Edit: Ich habe bei den Mittleren Schaltfläche noch die Randfarben geändert.
Hatte ich vergessen.Mfg.
Endor -
//
Spielerei
Ich habe den Text oben etwas verkürzt.
Wer mag, der Code muss dann zusätzlich eingefügt werden.
Abstände evtl. noch etwas anpassen.
CSS
Alles anzeigen.container > p:nth-child(2) > em:nth-child(1) { font-size: 0 !important; } .container > p:nth-child(2) > em:nth-child(1)::after { content: "Dies ist eine Übersicht der vorhandenen about:Seiten."!important; font-family: Arial !important; font-style: normal !important; font-size: 19px !important; margin-left: 10px !important; } #abouts { margin-top: 50px !important; } -
Nette Idee!
Ich sag Danke und greife zu...
-
Ich sag Danke
gerne doch
-
Hm, bei mir im Nightly habe ich keine Farbe in den 3 Spalten...
Der Code ist am Ende mit dem von 2002Andreas ergänzt. Einige Abstände wurden von mir abgeändert. Sonst ist nur der Name angepasst worden. Wo ist das Problem?
CSS
Alles anzeigen/* AGENT_SHEET */ @namespace url(http://www.w3.org/1999/xhtml); @-moz-document url("about:about") { html {background: #FFFFFF !important;} ul.columns { column-count: 3 !important; column-gap: 20px !important; margin: 0 !important; } body{ background-color: #fffff0 !important; max-width: 1590px !important; min-height: 620px !important; height: auto !important; margin-top: 70px !important; margin-bottom: 30px !important; margin-left: 80px !important; padding-top: 45px !important; padding-left: 25px !important; padding-right: 25px !important; padding-bottom: 65px !important; border-left-color: lightblue!important; border-top-color: lightblue!important; border-right-color: dodgerblue!important; border-bottom-color: dodgerblue!important; border-radius: 20px !important; border-width: 4px !important; border-style: outset !important;} .container > h1:nth-child(1){ margin-left: 150px !important; color: blue !important; font-size: 24px !important; font-weight: bold !important;} ul{list-style: none !important;} #abouts{ min-width: 1120px !important; background-color: #ffffff !important; margin-left: -200px !important; margin-top: 25px !important; padding-top: 25px !important; padding-left: 25px !important; padding-right: 25px !important; padding-bottom: 25px !important; border-left-color: lightblue!important; border-top-color: lightblue!important; border-right-color: dodgerblue!important; border-bottom-color: dodgerblue!important; border-radius: 20px !important; border-width: 4px !important; border-style: outset !important;} p {margin-left: 160px !important; font-size:15px!important;} h1::before { content: "Boersenfegers Firefox: "; font-weight:bold !important; color:red !important; margin-left: 80px !important; a{ text-decoration:none!important; color:black!important;} /* Breite der Schaltflächen */ #abouts > li:nth-child(n+1){ min-width: 170px !important; max-width: 170px !important; } /* Die ersten 14 */ #abouts > li:nth-child(-n+14){ appearance:none!important; background: #efefef url("..//icons/Bild3.png")no-repeat !important; color:transparent!important; font-size:14px!important; text-decoration:none!important; margin-top:3px!important; margin-bottom: 5px !important; margin-right:20px!important; margin-left: 55px !important; padding-right: 45px !important; padding-left:40px!important; padding-top: 1px!important; padding-bottom: 2px!important; border-left-color: lightblue!important; border-top-color: lightblue!important; border-right-color: dodgerblue!important; border-bottom-color: dodgerblue!important; border-style: outset !important; border-width:2px !important; background-position:14px 2px!important; border-radius:14px!important;} /* Die ersten 14 hover */ #abouts > li:nth-child(-n+14):hover{ appearance:none!important; background: #B2EDFA url("..//icons/Bild3.png")no-repeat !important; color:transparent!important; font-size:14px!important; text-decoration:none!important; border-left-color: #bbddff !important; border-top-color: #bbddff !important; border-right-color: #11508d !important; border-bottom-color: #11508d !important; border-style: outset !important; border-width:2px !important; background-position:14px 2px!important; border-radius:14px!important;} /* Die mittleren 14 */ #abouts > li:nth-child(n+15){ appearance:none!important; background: #efffbf url("..//icons/Bild3.png")no-repeat !important; color:transparent!important; font-size:14px!important; text-decoration:none!important; margin-top:3px!important; margin-bottom: 5px !important; margin-right:5px!important; margin-left: 70px !important; padding-right: 25px !important; padding-left:40px!important; padding-top: 1px!important; padding-bottom: 2px!important; border-left-color: #79d279 !important; border-top-color: #79d279 !important; border-right-color: #009900 !important; border-bottom-color: #009900 !important; border-style: outset !important; border-width:2px !important; background-position:14px 2px!important; border-radius:14px!important;} /* Die mittleren 14 hover */ #abouts > li:nth-child(n+15):hover{ appearance:none!important; background: #B2EDFA url("..//icons/Bild3.png")no-repeat !important; color:transparent!important; font-size:14px!important; text-decoration:none!important; border-left-color: #bbddff !important; border-top-color: #bbddff !important; border-right-color: #11508d !important; border-bottom-color: #11508d !important; border-style: outset !important; border-width:2px !important; background-position:14px 2px!important; border-radius:14px!important;} /* Die letzten 14 */ #abouts > li:nth-child(n+30){ appearance:none!important; background: cornsilk url("..//icons/Bild3.png")no-repeat !important; color:transparent!important; font-size:14px!important; margin-top:3px!important; margin-bottom: 5px !important; margin-right:45px!important; padding-left:40px!important; padding-top: 1px!important; padding-bottom: 2px!important; border-left-color: #ffb2b2 !important; border-top-color: #ffb2b2 !important; border-right-color: #8d0000 !important; border-bottom-color: #8d0000 !important; border-style: outset !important; border-width:2px !important; background-position:14px 2px!important; border-radius:14px!important;} /* Die letzten 14 hover */ #abouts > li:nth-child(n+30):hover{ appearance:none!important; background: #B2EDFA url("..//icons/Bild3.png")no-repeat !important; color:transparent!important; font-size:14px!important; border-left-color: #bbddff !important; border-top-color: #bbddff !important; border-right-color: #11508d !important; border-bottom-color: #11508d !important; border-style: outset !important; border-width:2px !important; background-position:14px 2px!important; border-radius:14px!important;} } .container > p:nth-child(2) > em:nth-child(1) { font-size: 0 !important;} .container > p:nth-child(2) > em:nth-child(1)::after { content: "Dies ist eine Übersicht der vorhandenen about:Seiten!"!important; font-family: Arial !important; font-style: normal !important; font-size: 19px !important; margin-left: 10px !important; } #abouts { margin-top: 20px !important; } -
Du hast den Code aus #868 und #869?
Oder deinen alten mit den Ergänzungen #869?
-
Wo ist das Problem?
In Zeile 65 fehlt am Ende die }
Und in Zeile 202 muss die } raus und ganz ans Ende gesetzt werden
-
Danke für den Hinweis
Gerne doch wie immer
-
In Zeile 65 fehlt am Ende die }
Und in Zeile 202 muss die } raus und ganz ans Ende gesetzt werden
Das wars....
Vielen Dank!
Beide Codes aus diesem Thread, hatte ich auch so beschrieben..
-
Vielen Dank!
-
Gerne.
Mfg.
Endor -
hatte ich auch so beschrieben..
Nicht so ganz, deswegen fragte ich ja.
Aber wenns jetzt funktioniert, ist ja alles gut.
