Seite die Bilder anzeigt ändern ?

MozillaFreund

Hallo

Ich wollte 'mal fragen, wie ich das Layout bzw. den Quellcode ändern kann, wenn man z.B. auf LINK oder LINK geht, wie das dann angezeigt wird.
Ich möchte ein Hintergrund als Style reinschieben und ich weiss nicht wo ich was ändern kann.
Ich will auch, dass das Bild dann zentriert ist.
Gibt es dafür eine Erweiterung oder ein bestimmtes Theme oder muss ich da in den Quellcode eingreifen?
Lieber wär es mir, wenn ich selber in den Quellcode eingreifen könnte, weil ich da dann den ganzen HTML Quellcode abändern kann, wie ich will.
Wäre cool, wenn mir jemand sagt, welche Datei ich ändern muss.

L.G. MozillaFreund

[Edit by Wawuschel]
nach Anpassungen verschoben

pcinfarkt

Noch nicht so richtig verstanden was du warum meinst. Sei es. Dein spezielles Beispiel:

CSS

@namespace url(http://www.w3.org/1999/xhtml);


@-moz-document domain("firefox-browser.de"),
	domain("firefox.uni-duisburg.de"),
	url-prefix(http://www.camp-firefox.de/forum),
	url-prefix(http://www.camp-firefox.de/)	{




	html	{
		background:#0d334b	!important;
		}
}

Alles anzeigen

Sowas - in der Art?

PS. Quellcode kannst du temporär bspw.mit Firebug ändern. Anzeigen (Webseiten!) kannst du mit Platypus /GM od. mit css-Schnipsel für die userContent.css ändern!

MozillaFreund

Nein nein

Ich will so wenn ich ein Bild aufrufe, also ein reines bild (IRGENDWAS.png oder .gif oder ...), dann soll sich der Huntergrund ändern. Ich will den Hintergrund ganz schwarz bekommen und margin und padding auf 0 stellen und dann noch HTML Tags reinstellen.
Z.B. will ich um das Bild eine Tabelle machen, die das Bild dann Vertikal und Horizontal zentriert.
Ich will einfach das HTML nicht nur das Style ändern!

L.G. MozillaFreund

pcinfarkt

Nächster Schritt: :-???

CSS

@namespace url(http://www.w3.org/1999/xhtml);


   html   {
      background:black   !important;
      }

MozillaFreund

Oh mann ey -.-
Gehe ich auf ein Bild bzw. ein anderes Bild erscheind doch dieser Code:

HTML

<html>
<head>
<title>BILD.png (PNG-Grafik, ***x*** Pixel)</title>
</head>
<body>
<img src="http://BLABLABLA.com/BILD.png" alt="http://BLABLABLA.com/BILD.png">
</body>
</html>

Ich will aber dass dann dieser Code kommt:

HTML

<html>
<head>
<title>Bild "BILD.png" ist eine PNG-Grafik die *** Pixel hoch und *** Pixel breit ist</title>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" style="height: 100%; width: 100%;">
<tr><td>
<img src="http://nethoster.tk/v2/download.php?id=7" alt="Das Bild http://BLABLABLA.com/BILD.png kann nicht angezeigt werden!">
</td></tr>
</table>
</body>
</html>

Alles anzeigen

Geht das irgendwie ?

boardraider

Zitat

Geht das irgendwie ?

pcinfarkt wies dich bereits auf Greasemonkey hin. Damit kannst du den Code beliebig ändern.

MozillaFreund

Hab jetzt GM installiert.
Wie bekomm ich den Code nun so hin?

boardraider

In dem du unter Verwendung von JavaScript ein entsprechendes Skript schreibst, das dir den DOM wie gewünscht umbaut.

MozillaFreund

Ich kann kein Javascript!
Nur PHP und HTML und so

boardraider

Vpn PHP zu JavaScript ist kein weiter Weg.

aborix

Das Forum von Userscripts.org ist vielleicht hilfreich, bes. Ideas and script requests

Mithrandir

Als erster Ansatz jetzt doch ein paar Codes für userContent.css:

http://userstyles.org/styles/17961
http://userstyles.org/styles/4045 oder "das Original": http://userstyles.org/styles/220

Ansonsten kannst du hier weiterstöbern:
http://userstyles.org/styles/browse?…_direction=desc

Soll der HTML-Text tatsächlich dermaßen verändert werden, dann muss sicherlich Greasemonkey herhalten (dazu fehlt mir aber nun die Muße). Als Inspiration sei http://userscripts.org/scripts/show/47917 genannt.

ReVox

Zitat von MozillaFreund

Nein nein
Ich will so wenn ich ein Bild aufrufe, also ein reines bild (IRGENDWAS.png oder .gif oder ...), dann soll sich der Huntergrund ändern. Ich will den Hintergrund ganz schwarz bekommen und margin und padding auf 0 stellen und dann noch HTML Tags reinstellen.
Z.B. will ich um das Bild eine Tabelle machen, die das Bild dann Vertikal und Horizontal zentriert.
Ich will einfach das HTML nicht nur das Style ändern!
L.G. MozillaFreund

vieleicht hiermit?

oder/und in verbindung mit diesem script*: in Stylish
*wurde schon von Mithrandir erwähnt.

CSS

/* =¤=¤=¤=¤=¤=¤=¤=¤=¤=¤=¤=¤=¤=¤=¤=¤=¤=¤=¤=¤=¤= */
/* BEGINN                                      */
/*         Center images (+ background)        */
/*  based on http://userstyles.org/styles/220  */
/*                                             */
/*  Geändert: ReVox                            */
/*     Datum: 05.03.2008                       */
/* =¤=¤=¤=¤=¤=¤=¤=¤=¤=¤=¤=¤=¤=¤=¤=¤=¤=¤=¤=¤=¤= */


@namespace url(http://www.w3.org/1999/xhtml);


/* based on http://userstyles.org/styles/220 */


html > body > img:only-child {
  display:block !important;
  margin:0 auto !important;
  padding: 03px !important; 
  background-color: #eee;
  background-image:
url(data:image/png;base64,R0lGODlhCgAKAIAAAAAAAP///yH5BAEAAAAA
LAAAAAAKAAoAAAIRhB2ZhxoM3GMSykqd1VltzxQAOw==) 
!important;
  background-attachment:fixed !important;


   border: 3px solid #079 !important;
   -moz-border-radius: 3px !important;
   -moz-box-shadow: 0 0 9px !important;


}


html > body:first-child {
  background-color: #eee;
  background-image:
url(data:image/png;base64,R0lGODlhCgAKAIAAAAAAAP///yH5BAEAAAAA
LAAAAAAKAAoAAAIRhB2ZhxoM3GMSykqd1VltzxQAOw==);
  background-attachment:fixed;
}
/*
 ENDE
       Center images (+ background)
 based on http://userstyles.org/styles/220
/* =¤=¤=¤=¤=¤=¤=¤=¤=¤=¤=¤=¤=¤=¤=¤=¤=¤=¤=¤=¤=¤= */

Alles anzeigen