Startseite about:blank mit eigenem Foto versehen?

vincent001

Tach,

als Startseite nutze ich about:blank. Allerdings finde ich das Weiß der Seite ein bisschen langweilig und hatte die Idee, dort ein Foto aus meiner Sammlung zu plazieren. Eine kurze Suche sagt mir, dass ich zunächst das Addon Stylish installieren soll, aber dann, wie geht es dann weiter? Wie schaffe ich es, ein Foto als Hintergrund einzurichten? Ich habe mich bisher überhaupt nicht mit derlei Dingen beschäftigt und finde nicht so richtig die ersten Schritte. Wer kann helfen?

Danke schon mal.

Boersenfeger

Magst du von mir einen Tipp annehmen?

Wähle ein Bild von dir aus und lasse einen base64 Code generieren..
http://www.motobit.com/util/base64-decoder-encoder.asp
Diesen fügst du dann in den u.a. Stylish-Code ein.. fertig...

CSS

@-moz-document url("about:blank") 
{
body:empty:not([style]):not([text]):not([class]):not([onresize])
{


background:  url("data:image/jpeg; [i]hier kommt der Code rein[/i];
margin:0px;
color: white !important;
background-color:#d3daed;
background-position:center;
background-attachment:fixed;
background-repeat:no-repeat;


}
}

Alles anzeigen

Hier sieht about:blank so aus...
[attachment=0]2013-09-03_195722.jpg[/attachment]

2002Andreas

Hilfe zu Stylish

Der Code für about:blank wäre z.B. so:

CSS

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url("about:blank") {




*:empty:not([style]):not([text]):not([class]):not([onresize]){
background: url("file:///C:/Users/Andreas/Icons/cactus.jpg") no-repeat !important;     
}}

file:///C:/Users/Andreas/Icons/cactus.jpg")

Du musst nur deine Daten mit den obigen austauschen.

Andreas= dein Name
Icons= der Ordner wo dein Bild ist
cactus.jpg= deine Bezeichnung vom Bild

[Blockierte Grafik: http://www7.pic-upload.de/thumb/03.09.13/j27rubw4qxgm.jpg]

Teste es bitte mal und melde dich sollte es Probleme geben.

vincent001

Zitat von Boersenfeger

und lasse einen base64 Code generieren.

Und wie mache ich das? Ich habe die Seite von motobit jetzt geöffnet, aber ich verstehe nichts von dem, was die da schreiben.

Was ich bisher gemacht habe (keine Ahnung, ob das so sein muss): PC durchsuchen nach einem geeigneten Foto, Foto gefunden, Convert the source data. Und dann? Da gibt es noch mehrere Optionen?

2002Andreas

Zitat von vincent001

PC durchsuchen nach einem geeigneten Foto,

Du kannst es auch so machen wie ich es dir beschrieben habe, erspart das umwandeln zu base64.

Boersenfeger

... nutze Andreas Anleitung...
dann darf die Datei aber nicht mehr verschoben werden....

vincent001

Zitat von 2002Andreas

Du kannst es auch so machen wie ich es dir beschrieben habe, erspart das umwandeln zu base64.

Bis jetzt verstehe ich noch nicht wirklich, was ich da tue. Deshalb vielleicht mal Schritt für Schritt:

Ich öffne die Einstellungen von Stylish, dort gibt es die Schaltfläche Stile verwalten, darufklicken, es erscheint die Schaltfläche Neuen Stil erstellen, draufklicken, ein Fenster geht auf. Name für den Style ist logisch, Schlagwörter brauche ich erstmal nicht, dann ein Foto suchen, dann kommt die Abfrage, ob ich das speichern will, klar, will ich speichern. Und wie kann ich das Foto dann nutzen?

vincent001

Zitat von vincent001

wie kann ich das Foto dann nutzen?

Langsam fange ich an zu verstehen. Wenn ich den Style mit Stylish erstelle, dann muss ich in das Fenster, wo ich Name etc. angebe, in das große Feld Deinen Text einsetzen, natürlich entsprechend angepasst durch meine Angaben?

Boersenfeger

Zitat von vincent001

Ich öffne die Einstellungen von Stylish, dort gibt es die Schaltfläche Stile verwalten, darufklicken, es erscheint die Schaltfläche Neuen Stil erstellen, draufklicken, ein Fenster geht auf. Name für den Style ist logisch, ...

hier den Code mit dem Pfad zu deinem Foto, alternativ mit dem erzeugten Base64 Code einfügen, speichern, Firefox neustarten und freuen...

vincent001

Zitat von Boersenfeger

hier den Code mit dem Pfad zu deinem Foto, alternativ mit dem erzeugten Base64 Code einfügen, speichern, Firefox neustarten und freuen...

Gut, dann war ich doch etwas falsch unterwegs. Ich werde das jetzt mal probieren und melde mich später nochmal zurück. Bis hierhin erstmal Danke!

2002Andreas

Im Beitrag Nr. 3 ist ein Link..

Hilfe zu Stylish

da wird alles erklärt.

Und du brauchst auch nur den Code aus dem Beitrag mit deinen Daten, wie beschrieben, ändern.

vincent001

Zitat von 2002Andreas

Im Beitrag Nr. 3 ist ein Link..Hilfe zu Stylish da wird alles erklärt.

Ich habe es mittlerweile hingekriegt mit Hilfe Deines Textes. Jetzt habe ich aber gleich das nächste Problem. Das Foto, das ich dort verwende, ist ca. 5 MB groß, und es erscheint in dem neuen Style, den ich kreiert habe, nur mit einem kleinen Ausschnitt. Ich habe die Idee, dass ich das Foto irgendwie kleiner machen muss, oder nicht?

vincent001

Zitat von 2002Andreas

Und du brauchst auch nur den Code aus dem Beitrag mit deinen Daten, wie beschrieben, ändern.

Habe ich gemacht, hat auch ganz gut geklappt, abgesehen davon, dass ich auf meinem Linux-System ein etwas anderes System bezüglich der Pfade vorfinde, da musste ich etwas suchen. War aber letztendlich kein Problem, wie gesagt, es hat jetzt geklappt.

2002Andreas

Zitat von vincent001

dass ich das Foto irgendwie kleiner machen muss

Ist dieses Bild so groß wie deine Desktopansicht oder kleiner?

Wenn du magst könntest du das Bild auch mal auf einen Hoster hochladen, dann könnte ich es testen.
(auch per PN wenn dir das lieber ist)

http://www.pic-upload.de/index.php?to=upload

2002Andreas

Wenn es kleiner ist musst du es verschieben..

[Blockierte Grafik: http://www7.pic-upload.de/thumb/03.09.13/16e56b3lx3ks.jpg]

CSS

@namespace url(http://www.w3.org/1999/xhtml);
    @-moz-document url("about:blank") {




    *:empty:not([style]):not([text]):not([class]):not([onresize]){
    background: url("file:///C:/Users/Andreas/Icons/kleinepause.4mal.de-lustige-katzen-2-02.jpg") no-repeat !important; 
background-position:center!important;
background-attachment:fixed!important;

    }}

Alles anzeigen

Diese beiden Einträge

Zitat

background-position:center!important;
background-attachment:fixed!important;

müssen dann zusätzlich in den Code.

vincent001

Zitat von 2002Andreas

Ist dieses Bild so groß wie deine Desktopansicht

Ja.

Zitat von 2002Andreas

auch mal auf einen Hoster hochladen, dann könnte ich es testen.

Findest Du es unter diesem Link? [Blockierte Grafik: http://www7.pic-upload.de/thumb/03.09.13/a7j1epk75wcy.jpg]

Endor

Hallo Vincent001
Ich habe Dir mal vier kleinere Versionen davon gemacht:

2000px X 1500px
http://dl.dropbox.com/u/15467633/Fir…y-2000-1500.jpg

1500px X 1125px
http://dl.dropbox.com/u/15467633/Fir…y-1500-1125.jpg

1024px X 768px
http://dl.dropbox.com/u/15467633/Fir…cy-1024-768.jpg

900px X 675px
http://dl.dropbox.com/u/15467633/Fir…wcy-900-675.jpg

Wenn immer noch zu groß gib Bescheid.

Mfg.
Endor

2002Andreas

Das Bild ist zu groß, habe es mal geändert und sieht dann so aus:

[Blockierte Grafik: http://www7.pic-upload.de/thumb/03.09.13/5ablccqoabu.jpg]

Bildgröße dabei:

1024 x 768

Evtl. müsstest du es für dich noch anders anpassen.

Der Code dazu wäre dann:

CSS

@namespace url(http://www.w3.org/1999/xhtml);
    @-moz-document url("about:blank") {




    *:empty:not([style]):not([text]):not([class]):not([onresize]){
    background: url("file:///C:/Users/Andreas/Icons/a7j1epk75wcy.png") no-repeat !important; 
background-position:center!important;
background-attachment:fixed!important;


    
    }}

Alles anzeigen

2002Andreas

Endor...danke :klasse:

vincent001

Zitat von 2002Andreas

Endor...danke :klasse:

Danke auch von mir, und natürlich auch an Dich. Wenn ich es richtig verstehe, muss ich mir die Fotos, die Ihr beiden jetzt gemacht habt, irgendwo auf meinem PC speichern. Den Pfad dorthin setze ich dann in mein schon erstelltes Style ein. Wie ist das jetzt mit diesem Zentrieren, was Du vorhin sagtest, als Du vermutet hattest, mein Foto sei zu klein? Muss ich diesen Text auch noch verwenden?