kostenloser Webspace werbefrei: lima-city


Stylish-Stil für Limacity

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    w***********r

    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
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. 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.

  4. 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. :slant:
  5. Autor dieses Themas

    w***********r

    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
  6. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!