Stylish-Stil für Limacity
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
antwortseite
auto
background
beitrag
center
display
erweiterung
extra
festlegung
fuzeile
important
intern display
margin
navigation
none
right
themenseite
ticker
webseite
berschrift
-
Hallo,
ich weiß ja nicht, ob ihr die Firefox-Erweiterung "Stylish" kennt. Diese hilft dabei, das CSS von Webseiten so zu verändern, dass man die unnützen Dinge einfach ausblenden kann, oder aber auch den Stil von Webseiten vollkommen verändern kann.
Ich hab mich dabei gerade an Limacity probiert, habe aber ein paar Probleme:
- kann man den Ticker mit CSS ganz ausblenden? (ich habs bisher nur hinbekommen, den marquee-Tag auszublenden)
- gibt es einen Weg, die Fußzeile ("Datenschutzerklärung | ..." mit "clear: none" zu formatieren?
- Warum funktioniert "width: 100%;" (für .content) bzw. die Festlegung "width: auto;" (für #col-content) nur bei manchen Seiten, also nur bei Themenseiten, aber nicht bei der Start- oder Antwortseite?
Falls es jemanden interessiert, so weit bin ich jetzt:
@namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("www.lima-city.de") { #col-navigation { position: fixed !important; top: 20px !important; left: 0px !important; } #col-navigation > .subtitles, #col-navigation > #menuebottom, #infobottom, marquee, #header { display: none !important; } #col-content { float: left !important; width: auto !important; min-width: 270px !important; max-width: 6000px !important; } .content { width: 100% !important; } #col-extra { float: left !important; margin-right: 10px !important; background-color: #FFF !important; } }
Beitrag geändert: 9.7.2007 21:05:19 von wolfgangmixer -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
also der Ticker lässt sich doch mit einem Klick auf das X auch ausblenden...
Und den Rest müsstest du doch mit display:none wegbekommen. -
Die ersten zwei Sachen verate ich dir ;)
#col-content>.ueberschrift>.intern { display: none !important; } div[align="center"] { clear: none; }
das letzte ist mir zu aufwendig. -
Dankeschön. Hier noch eine aktualisierte Version...
@namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("www.lima-city.de") { #col-navigation { position: fixed !important; top: 20px !important; left: 0px !important; } #col-content>.ueberschrift>.intern { display: none !important; } div[align="center"] { clear: none; } #col-content { float: left !important; width: auto !important; min-width: 270px !important; max-width: 6000px !important; } .content { width: 100% !important; position: relative !important; top: -18px !important; } #col-extra { float: left !important; margin-right: 0px !important; background-color: #FFF !important; position: fixed !important; top: 20px !important; } img[src="images/star_g.gif"], img[src="images/star_o.gif"], img[src="images/star_r.gif"] { display: none; } #techniker { position: relative !important; left: 207px !important; z-index: 4 !important; } #shadow { position: fixed !important; left: 0px !important; top: 0px !important; z-index: 0 !important; } }
Beitrag geändert: 13.7.2007 1:40:29 von wolfgangmixer -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage