Avatar billede stamon Nybegynder
09. maj 2008 - 22:13 Der er 8 kommentarer

Udskrvning Billede

Hej :)

Jeg har en hjemmeside hvor mit logo er hvild fordi baggrunden er farvet.

Når man laver en udskrift af hjemmesiden vises logoet ikke, og det er jo ikke så god reklame :D

Jeg ønsker derfor et script der kan gøre sådan, at logoet bliver en anden farve når man udskriver.

Ligesom på http://www.orestad.dk/index/privat.htm

Tak for hjælpen :D
Avatar billede coderdk Praktikant
09. maj 2008 - 22:36 #1
Placér logoet som baggrund i en div... I.e.:

<div id="gfxlogo"></div>

Mellem din <head></head> har du så to stylesheets:

<link rel="stylesheet" type="text/css" media="all" href="normal.css" />
<link rel="stylesheet" type="text/css" media="print" href="print.css" />

I normal.css:

#gfxlogo {
  width: 150px;
  height: 75px;
  background-image: url(/images/logohvid.gif);
  background-repeat: no-repeat;
}

I print.css:

#gfxlogo {
  width: 150px;
  height: 75px;
  background-image: url(/images/logogreen.gif);
  background-repeat: no-repeat;
}

:)
Avatar billede stamon Nybegynder
14. maj 2008 - 17:32 #2
Hej og undskyld at jeg svarer så sent.

Jeg kan desværre ikke få det til at virke.

-Udskrivnings siden: http://www.go2cph.dk/STAMON_Corporation_Produkter.html
-Normal css: http://www.go2cph.dk/normal.css
-Print css: http://www.go2cph.dk/print.css
Avatar billede roenving Novice
15. maj 2008 - 13:56 #3
-- baggrunde udskrives som standard ikke, gør det ved at have to forskellige div'er med hver sit billede i, den ene vises normalt, men skjules ved print, den anden omvendt !-)
Avatar billede coderdk Praktikant
15. maj 2008 - 14:51 #4
Du har da ret, roenvig! Jeg prøver lige igen ;)

Placér logoet som baggrund i en div... I.e.:

<div id="gfxlogo"><img id="printlogo" src="/images/logoprint.gif" alt="logo" /></div>

I normal.css:

#gfxlogo {
  width: 150px;
  height: 75px;
  background-image: url(/images/logohvid.gif);
  background-repeat: no-repeat;
}
#printlogo {
  display:none;
}

I print.css:

#gfxlogo {
  background-image: none;
}
#printlogo {
  display:block;
  width: 150px;
  height: 75px;
}
Avatar billede roenving Novice
15. maj 2008 - 15:01 #5
Virker det så ?-)
Avatar billede stamon Nybegynder
15. maj 2008 - 17:00 #6
Cool!

Super mange gange tak for hjælpen!

Send mig et svar :)

(Ps. kan I lide mit design?)
Avatar billede coderdk Praktikant
15. maj 2008 - 17:16 #7
(c: det da cool nok ;)
Avatar billede roenving Novice
17. maj 2008 - 12:19 #8
-- jeg synes, du har for mange kontraster, og det flytter focus fra indholdet ...

-- og jeg har svært ved at læse dine menupunkter i toppen, hvid på lyseblå er okay i logoet, men teksten er næsten væk i de andre, en mindre kontrast mellem baggrunden og punkterne ville nok hjælpe gevaldigt !-)

-- els velbekomme '-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester