[FF / CSS] Google logo vervangen*

[HyperBart]

Hallo, ik werk met Firefox, dit trucje heb ik uitgeprobeerd, het heeft ook een tijdje gewerkt

http://www.spreadfirefox.com/node/20676

Mijn bedoeling was om het volgende logo: http://www.graphicsguru.com/googleFFSmall.jpg

ipv van het logo op de zoekpagina's van Google te laten komen (je kan de screenshots bekijken). Ik weet niet waar deze post thuishoort, ik dacht hier, omdat ik ergens las dat dit java code is. Ik hoop dat iemand mij kan helpen.

[Rowanov]

Je bedoelt vast dit stukje code:

Cascading Stylesheet:

@-moz-document url(http://www.google.com/) {
  img[src*="/logos/"] {
    width: 0 !important;
    padding-left: 276px !important;
    background-image: url(http://www.spreadfirefox.com/files/galleries/gfox.gif);
    background-position: center center;
    background-repeat: no-repeat;
  }
}

Dat heeft niets met java, javascript of whatever te maken. Dit is css en dat hoor je toe te voegen aan een css bestand genaamd userContent.css in je firefox map op je eigen computer.

Voor het geval je het nog niet doorhad; de url bij background-image moet je dan vervangen door die van je eigen plaatje.

[ Voor 12% gewijzigd door Rowanov op 28-05-2006 15:51 ]

[HyperBart]

Allereerst dan mijn excuses, ik ben niet bepaald skilled in webtalen/codes.

Hetgeen op die site staat heb ik al meermaals geprobeerd, en (maar dank je toch voor de tip) ik was al op de hoogte van het feit dat je die url([je link naar de afb]) moest vervangen door je eigen link. Maarre, vreemd genoeg werkt het nog steeds niet.
Weet je waarom ?

[Rowanov]

Het scriptje werkt alleen voor google.com en niet voor andere landgebonden sites. Er staat overigens een oplossing voor dat probleem vermeld op de link die je gaf.

Oh, en btw, als ik zoiets zou doen, zou ik het altijd in ua.css neerzetten ipv userContent.css.

[ Voor 24% gewijzigd door Rowanov op 28-05-2006 16:40 ]

[HyperBart]

Oké dan, ik heb je advies opgevolgd en ben (nogmaals !) op de site gaan kijken. Ik heb ALLE codes geprobeerd. En weet je wat ? geen enkele werkte, dommage natuurlijk. Uiteindelijk ben ik zelf wat gaan zoeken (missch benoem ik een taal verkeerd, of had ik dit kunnen weten aangezien in de bestandsnaam CSS staat , uiteindelijk kwam ik op dit uit:

@-moz-document domain("google.com") {
img[src*="/intl/en/images/"] {
width: 0 !important;
padding-left: 400px !important;
background-image: url(http://www.graphicsguru.com/googleFFSmall.jpg);
background-position: center center;
background-repeat: no-repeat;
}
}

Dat werkt dus perfect *JEEUJ*, maar als ik 'm nu bekijk heb ik zo vanboven en vanonder een randje dat precies weggesneden is, enig idee hoe dat komt ?


OT: Hoe doe je dat met die code ? Zodat die opgemaakt weergegeven wordt ?

[BtM909]

Code kan je tussen [plain]

Cascading Stylesheet:

[/] zetten

[Rowanov]

HyperBart schreef op zondag 28 mei 2006 @ 19:53:
Dat werkt dus perfect *JEEUJ*, maar als ik 'm nu bekijk heb ik zo vanboven en vanonder een randje dat precies weggesneden is, enig idee hoe dat komt ?

Neem een plaatje met precies dezelfde afmetingen als het plaatje dat je vervangt

OT: Hoe doe je dat met die code ? Zodat die opgemaakt weergegeven wordt ?

Hier op tweakers bedoel je? met [code] tags. Zie ook de Faq over ubb codes.

[BtM909]

En dit is overigens geen probleem voor in WEB, maar meer voor Client Software Algemeen, aangezien je je Firefox applicatie probeert aan te passen

[HyperBart]

Oké, maar nu heb ik het probleem, dat afbeeldingkje moet vervangen worden door DIE image, dat is me ook gelukt, de randjes zijn nu ook weg.

Cascading Stylesheet:

@-moz-document domain("google.com") {
  img[src*="/intl/en/images/"] {
    width: 0 !important;
    padding-left: 400px !important;
    padding-bottom: 30px !important;
    background-image: url(http://www.graphicsguru.com/googleFFSmall.jpg);
    background-position: center center;
    background-repeat: no-repeat;
  }
}

Maar nu nog om het helemaal af te maken !
Als ik nu die site laat laden, komt zo alle google-links erop, maar die afbeelding komt pas een paar seconden later (aangezien hij van een andere site wordt afgehaald), beetje balen natuurlijk voor die visuele "pracht". Nu dacht ik, als ik die eens lokaal laat verwijzen, en ik gebruik het volgende url'letje:

file:///C:/Documents%20and%20Settings/enzovoort/enzovoort/bestand.jpg

Want als je eens een afbeelding opent in firefox zal je zien dat hij dat zo verwijst.
Ik heb dit geprobeerd, maar dat lukt niet, heeft er nu nog iemand een oplossing voor ?

[ Voor 18% gewijzigd door HyperBart op 28-05-2006 20:29 ]

[BtM909]

Je zet je code tussen deze blokken, dus

[plain]

Cascading Stylesheet:

@-moz-document domain("google.com") {
img[src*="/intl/en/images/"] {
width: 0 !important;
padding-left: 400px !important;
padding-bottom: 30px !important;
background-image: url(http://www.graphicsguru.com/googleFFSmall.jpg);
background-position: center center;
background-repeat: no-repeat;
}
}

[/]

Wordt automagisch:

Cascading Stylesheet:

@-moz-document domain("google.com") {
img[src*="/intl/en/images/"] {
width: 0 !important;
padding-left: 400px !important;
padding-bottom: 30px !important;
background-image: url(http://www.graphicsguru.com/googleFFSmall.jpg);
background-position: center center;
background-repeat: no-repeat;
}
}

[HyperBart]

OffT: Hartelijk bedankt, echt waar, ik voel me al minder n00bish

OnT: Nog iemand een suggestie ? Het is ook vreemd vind ik, die afbeelding is normaal gecached, en mijn cache wordt bij het afsluiten niet geleegd, dus ik vraag me af waarom ie niet sneller tevoorschijn komt. Nu ja, als ie lokaal geladen wordt dan moet ik me daar ook nix van aantrekken he.

[ Voor 70% gewijzigd door HyperBart op 28-05-2006 20:31 ]