standardhintergund

  • hallo leute!

    ich würde gerne wissen ob es irgendwie möglich ist, z.b. durch einen eintrag in die usercontent.css oder unserchrome.css, ein hintergrundbild unten rechts in dem bereich, der die html-seiten anzeigt, zu verankernt. :roll:
    es soll eine art wasserzeichen sein, dass seitenunabhängig immer im hintergrund zu sehen ist.
    auch eine transparenz wäre nett. :wink:

    würde mich freuen, wenn ihr was tüfteln könntet.

    gruss...

  • Nun. Man könnte das problemlos mit

    CSS
    body{
     background:url(../da/wo/die/datei/ist.gif) right bottom no-repeat scroll !important;
    }


    in der usercontent.css regeln... sowas überschreibt aber IMMER den regulären bestehenden hintergrund, was unter umständen zu ungewollten effekten führt.... wie z.B. jemand hat eine weisse hintergrundfarbe mit einem schwarzen hintergrundbild überlagert, auf dem weisse schrift benutzt wird. wenn du das hintergrundbild jetzt überschreibst, hast du weissen hintergrund und weisse schrift... wenig wünschenswert.... also vorsicht beim einsatz.

  • Kleine Verbesserung...

    CSS
    body{
     background-image:url(../da/wo/die/datei/ist.gif) right bottom no-repeat scroll !important;
    }

    Ersetzt nicht die Hintergrundfarbe, sondern nur das Hintergrundbild, falls eines Existiert. Wenn du noch png anstatt gif als Dateiformat nimmst, kannst du sogar halbtransparente Grafiken benutzen.

    EDIT: Scheint wohl doch nicht richtig zu gegen. Ich teste das mal schnell... :wink:
    EDIT: Ichweiß worans liegt. Ich habe versucht auf eine lokale Datei zu Verweisen. Die Sicherheitseinstellungen des Firefox erlauben das aber nicht... :?
    EDIT: Ok, bei mir gehts jetzt. Das Scrollen bei einem großen transparenten Bild aber merklich verlangsamt...

    Einmal editiert, zuletzt von JonHa (8. April 2005 um 19:36)

  • ok, danke erstmal für die antworten!
    habe das gerade mal ausprobiert!

    der erste vorschlag funktioniert auch so weit! :D

    aber der zweite "background-image" leider noch nicht. das bild wird garnicht angezeigt. (eigentlich sollte dabei doch die hintergrundfarbe erhalten bleiben und das bild angezeigt werden, oder?)

    ich habe den text complett kopiert ( in die "userchrome.css" ), und die security.checkloaduri auf false gesetzt.
    mache ich noch etwas falsch???

    ach ja, und es wäre echt cool, 8)
    wenn das bild nicht immer ganz ans ende des dokuments gesetzt würde, sondern auf einer höhe auf dem bildschirm bleibt.
    soll heissen: wenn ich scrolle, bleibt das bild unten rechts an ort und stelle, der rest aber scrollt ganz normal. ein permanentes wasserzeichen quasi!

    danke nochmal, und gruß...

  • vergiss das mit dem -image... :oops:

    Wenn du willst, das das Bild auch beim scrollen rechts unten in der Ecke bleibt, dann ersetze das scroll durch fixed. Dadurch wird das Scrollen aber extrem verlangsamt...

  • hallo, ich nochmal! :D

    habe noch ein bisschen rumgespielt und mit folgendem code:

    CSS
    body{
     background-image:url(firefox.png) !important;
     background-position: right bottom !important;
     background-repeat: no-repeat !important;
     background-attachment:fixed !important; 
    }

    sieht das ganze noch n tick schicker aus, finde ich!
    (die hintergrund farbe bleibt erhalten :wink: )

    jetzt muss ich nur noch rausfinden, wie man
    - das auf den hauptframe beschränkt,
    - im vordergrund liegende bilder,
    - und tabellen transparent macht.
    (ich glaube letzteres funktioniert mit "opacity".
    was das genau ist, muss ich aber noch heraus finden :wink: )

    also, wer noch ne idee hat, oder einfach mal kommentieren möchte: posten, posten, posten... :)

    gruss...

  • Zitat von palama

    habe noch ein bisschen rumgespielt und mit folgendem code:

    CSS
    body{
     background-image:url(firefox.png) !important;
     background-position: right bottom !important;
     background-repeat: no-repeat !important;
     background-attachment:fixed !important; 
    }

    sieht das ganze noch n tick schicker aus, finde ich!


    Ich schreib alles lieber in eine zeile, aber wenns schön macht...

    Zitat von palama

    - das auf den hauptframe beschränkt,


    Dafür ist CSS nicht geeignet.

    Zitat von palama

    - im vordergrund liegende bilder,

    Code
    img{*css-code-hier-hin*}
    Zitat von palama

    - und tabellen transparent macht.
    (ich glaube letzteres funktioniert mit "opacity".
    was das genau ist, muss ich aber noch heraus finden :wink: )


    Opacity ist für halbtransparenzeffekte gedacht. wenn du bloss die hintergrundfarben + grafiken löschen willst:

    Code
    table, tr, td{
     background-color:transparent;
     background-image:url();      (evtl. auch einfach background-image:none;)
    }


    Opacity funktioniert so:
    opacity:1; = keine transparenz
    opacity:0.5; = halb durchsichtig
    opacity:0; = ganz durchsichtig (unsichtbar)

  • ok, mein fehler :lol:
    diese transparenz gefällt mir aber noch nicht ganz!
    also habe ich mir folgendes überlegt:

    Code
    body
    {
      <div id="meinbild" style="position:fixed;right:10;bottom:10;opacity:0.5">
        <img src="firefox.png" border=0>
      </div>
    }

    dass das nicht funktioniert habe ich auch schon rausgefunden...
    in einer normalen html tut es aber genau das was ich möchte.

    also zum ende noch mal:
    wie bekomme ich es hin, dass diese div jedes mal hinzugefügt wird :?:
    egal welche seite ich aufrufe!

    gruss...

  • Code
    body
    {
      <div id="meinbild" style="position:fixed;right:10;bottom:10;opacity:0.5">
        <img src="firefox.png" border=0>
      </div>
    }


    Völliger quatsch. In CSS kann man keine HTML-Tags einbauen. Darum heisst es schliesslich CSS und nicht HTML.

    Ich glaub du solltest lieber mal css-regeln lernen gehen.

    Wenn du um jede grafik ein weitres div bauen willst, dann änderst du nicht den style der elemente, sondern baust neue ein. dafür ist css überhauptnicht gedacht. was du brauchst ist eher ein user-javascript. mit der erweiterung greasemonkey kann man solche scripte einbauen. aber so eines zu schreiben ist mit unter nicht so leicht, wie man sich das denkt. und wenn du mit css schon probleme hast, wirst du an javascript verzeifeln.

  • Zitat
    Code
    body
    {
      <div id="meinbild" style="position:fixed;right:10;bottom:10;opacity:0.5">
        <img src="firefox.png" border=0>
      </div>
    }


    Völliger quatsch. In CSS kann man keine HTML-Tags einbauen. Darum heisst es schliesslich CSS und nicht HTML.

    dass das quatsch ist, ist mir auch klar:

    Zitat


    dass das nicht funktioniert habe ich auch schon rausgefunden...

    du solltest also erstmal lesen lernen, denn auch bei deinem kommentar:

    Zitat


    Ich schreib alles lieber in eine zeile, aber wenns schön macht...

    ...meintest du noch zuvor:

    Zitat


    das mit dem -image fällt mir jetzt erst auf. son quatsch. ; )

    tja, bei meinem beispiel funktioniert es mit "-image" und desshalb tritt der effekt auf:

    Zitat


    die hintergrund farbe bleibt erhalten

    aber sicherlich hast du recht:
    man sollte lieber irgendwelche links vergeben,
    immer schön auf die suchfunktion verweisen,
    und halbfertige code-schnipsel posten.

    denn dann kann man sich hinterher immernoch rausreden,
    wenn irgendwelche schwierigkeiten auftreten,
    und geht so nicht das risiko ein, jemanden wirklich geholfen zu haben.

    wenn ich css könnte, und wüsste wie alles geht, würde ich bestimmt nicht fragen, oder?
    und selbst wenn die frage völliger quatsch ist.
    na und? shit happens! das kann vorkommen.
    dann aber ein doofes kommentar abzugeben, was einem nun wirklich nicht weiterhilft, ist totaler stuss!
    (werde mich mal jetzt mal in einem js-forum umhören...)

    also,entweder hilfst du, oder du lässt es sein.
    schließlich zwingt dich ja keiner zu posten.

    soweit wie ich dass beurteilen kann, scheinst du ja ne menge ahnung zu haben, warum sich also mit halbfertigen post abgeben?

    aber gut, deine sache.

    ich wünsche dir noch nen schönen tag,
    danke nochmal für die früheren posts, (die mir geholfen haben!)
    und hoffe dass du noch viele leute glücklich machst!

  • Zitat von palama

    dass das nicht funktioniert habe ich auch schon rausgefunden...


    Nicht das HTML an sich ist quatsch. Das was du mit CSS vorhast ist es. Und daher vermute ich grundlegende Verständnisprobleme. Das führt mich dazu, dass du das Einführungskapitel über CSS (z.B. bei SelfHTML) ersteinmal durcharbeitest.

    DU meintes "sieht das ganze noch n tick schicker aus, finde ich!" und ich sagte "ich schreibs lieber in eine zeile". Ich finde die einzeilige schreibweise "schicker". Also... wenns schön macht. Ist mir so schnurz egal.

    Zitat von palama

    die hintergrund farbe bleibt erhalten

    CSS
    bachground:url(firefox.png) transparent right bottom no-repeat fixed !important;


    Evtl. in einer etwas anderen sortierung der einzelnen Attributen. Firefox ist da was eigen. alles was du einzelt nachen kannst, kannst du auch in einem einzigen befehl regeln.

    Zitat von palama

    man sollte lieber irgendwelche links vergeben


    Hem. War die Referenzseite zu CSS-Hintergrund überflüssig? Gut, vergiss sie einfach.

    Zitat von palama

    immer schön auf die suchfunktion verweisen,


    Wo? Wann?

    Zitat von palama

    und halbfertige code-schnipsel posten.


    Wo wann? Alles was ich geschrieben hab, war komplett das was du haben wolltest.

    Zitat von palama

    denn dann kann man sich hinterher immernoch ausreden, wenn irgendwelche schwierigkeiten auftreten,
    und geht so nicht das risiko ein, jemanden wirklich geholfen zu haben.


    Rausreden? Ich? Wann? Ist dir was auf den Kopf gefallen, oder so?

    Zitat von palama

    und selbst wenn die frage völliger quatsch ist.
    na und? shit happens! das kann vorkommen.


    Gut. Mach nur weiter. Ich werd ich nichtmehr abhalten Quatsch zu machen.

    Zitat von palama

    dann aber ein doofes kommentar abzugeben, was einem nun wirklich nicht weiterhilft, ist totaler stuss!


    Ich sagt dir, dass du total auf dem Holzweg bist, aber gut.... wenn diese Information für dich stuss ist....

    Zitat von palama

    (werde mich mal jetzt mal in einem js-forum umhören...)


    Brav.

    Zitat von palama

    also,entweder hilfst du, oder du lässt es sein.
    schließlich zwingt dich ja keiner zu posten.


    Dir? Nö. Zu anstregent. Nicht Dein Problem. Deine Mimöschen-Art.

    Zitat von palama

    soweit wie ich dass beurteilen kann, scheinst du ja ne menge ahnung zu haben, warum sich also mit halbfertigen post abgeben?


    Halbfertig? Was ist halb fertig? Wolltest Du das ich dir ein passendes Javascript schreibe? Vielleicht hatte ich keine Zeit?

    Zitat von palama

    aber gut, deine sache.


    Ganz bestimmt. Selbst wenn ich nur Zeit für angeblich "halbe sachen" hab, ist das mein bier, weil du zahlst es nicht.

    und bei so pampigen leuten wie dir, die wegen jedem rotz einen auf böswillig angegriffenes opfer machen, bekomm ich das kotzen. macht euren dreck doch selber weg. auf sowas kann ich überhaupt nicht.

    wer mit meiner flapsigen art nicht klar kommt, hat halt pech.

    so thema beende. zumindest für mich.