Toon posts:

[html/CSS/iets?] transparent background

Pagina: 1
Acties:

Verwijderd

Topicstarter
hallo, ik heb een nieuwe site in elkaar gezet, hier.

Nou wil ik dus de achtergrond van dat pop-up transparent maken.... dus, dat je de randen van de plaatjes als de randen van de site ziet *D Netzoiets bij bvb trillian.
Hoe zou ik dit het beste kunnen doen? ook qua browser gericht? Met CSS? en zo ja.. hoe?
En dat is geen Iframe, maar een Ilayer. Ik wil de site namelijk zo cross-browser gericht maken als mogelijk.


/Atar

ps. hij wordt nog groter, ongeveer zo groot datie goed gezien kan worden op een 800x600 reso.

  • Dennis
  • Registratie: Februari 2001
  • Nu online
Volgens mij kan dat niet.

Verwijderd

Topicstarter
hmm, ik heb nog ff verder gezocht op GoT, kan het misschien met Flash? ik heb hier nog nooit mee gewerkt, maar zou dat misschien kunnen?

  • Jorick
  • Registratie: November 2001
  • Laatst online: 09:53
als je ff geduld hebt zal ik ff iets in mekaar knutselen :7

  • Willem
  • Registratie: Februari 2001
  • Laatst online: 15-09 20:28
mieren-neuk-modus
Jorick:
als je ff gedul t d hebt zal ik ff iets in mekaar knutselen :7
/mieren-neuk-modus

Motor (of auto) onderhoud bijhouden


  • Jorick
  • Registratie: November 2001
  • Laatst online: 09:53
sorry :P

  • Cyphax
  • Registratie: November 2000
  • Laatst online: 11:13

Cyphax

Moderator LNX/AI
Da's nieteens zo heel moeilijk, edoch zit daar één "maar" aan.
Je kan een van de filters van IE gebruiken.
Die geef je aan in een stylesheet bijvoorbeeld.
Ik geef je een voorbeeld van hoe je het kan doen:
code:
1
<style>DIV {width:100%; filter: alpha(opacity=50);}</style>

Alle DIV's die jij maakt worden transparant, alsmede de inhoud ervan. Dus ook images enzo!

Dit werkt iig in IE 5 of hoger, ik weet niet of 4 het ook slikt. Maar Mozilla heeft niet dezelfde filters.
Het ziet er wel mooi uit trouwens.

Ik heb een vage (niet op letten verders, is draft) pagina online staan waar ik deze code uit heb. Probeer maar of ie werkt bij je.

Tip: zorg dat je pagina niet afhankelijk wordt van die transparancy, design 'm zo dat ie er solid ook goed uitziet :)

Saved by the buoyancy of citrus


  • Jorick
  • Registratie: November 2001
  • Laatst online: 09:53

  • Cyphax
  • Registratie: November 2000
  • Laatst online: 11:13

Cyphax

Moderator LNX/AI
Op zondag 13 januari 2002 23:04 schreef Jorick het volgende:
En jawel:
http://members.home.nl/joricksaaltink/layer
;)
:D
Ja da's wel eenvoudiger ja :D

Bedoelt ie meer van dattum? Hmmmm nouja goed. :)
IIG wel mooi gemaakt. :)

Saved by the buoyancy of citrus


Verwijderd

Topicstarter
hmmm, allebei cool, maar als ik in de bron kijk van jorick z'n script zie ik een heleboel code waar ik dan weer geen kont van snap... maar goed, ik kijk het wel ff door, en laat het weten als ie gelukt is :P


/Atar

  • Jorick
  • Registratie: November 2001
  • Laatst online: 09:53
Het is misschien wat lastig als je de broncode niet snapt. Maar je kunt dit easy maken met Dreamweaver dmv behaviors, die ken je downloaden op http://www.macromedia.com.
Dan heb ik gewoon ff met Show/Hide layers zitten klote
En als je er niet uit komt, dan meel je maar ;)

Verwijderd

Topicstarter
ik zal er aan denken, maar ik schrijf liever html met m'n eigen handen, leer je meer van en ik vind het beter (zie bovenstaand resultaat :9~)

  • Jorick
  • Registratie: November 2001
  • Laatst online: 09:53
Op dinsdag 15 januari 2002 11:38 schreef Atar het volgende:
ik zal er aan denken, maar ik schrijf liever html met m'n eigen handen, leer je meer van en ik vind het beter (zie bovenstaand resultaat :9~)
Html documentjes maak ik vaak in Kladblok, maar javascript niet echt, want dat is het voor een groot gedeelte. Dan is het toch wel makkelijk zo'n editor ;)

  • Karp
  • Registratie: Augustus 2001
  • Laatst online: 10:51
Op zondag 13 januari 2002 23:04 schreef Jorick het volgende:
En jawel:
http://members.home.nl/joricksaaltink/layer
;)
Voor my is daar anders nix transparants aan

Ik weet alles over digitale toegankelijkheid, of ik weet wie het wel weet.


  • Jorick
  • Registratie: November 2001
  • Laatst online: 09:53
Misschien is ut niet echt transparant, maar dit is wel het effect wat hij zo ongeveer wou :)

2 minuten later-------------------------------------------

http://members.home.nl/joricksaaltink/layer/index.htm
Ben je nou blij :?

Verwijderd

Topicstarter
:? is wel een leuk idee hoor, maar ik bedoelde het meer in de zin van: je krijgt die pop-up, en dan zie je gewoon die vierkante randen niet. Niet half doorzichtig (ook al is het heel cool :P)

hoe verander ik het nou om van dit layer een html pop-up te maken? In een nieuw scherm dus, als het kan....

Verwijderd

Je kan die layer toch ook als "nieuw scherm" gebruiken???

  • Jorick
  • Registratie: November 2001
  • Laatst online: 09:53
Ja dat weet ik niet, maar ben een beetje creatief geweest en kwam dit er uit, het is niet wat je bedoeld, maar wel het effect. Als dat mogelijk was geweest dan was je dat al wel veel vuldig tegen gekomen. En kijk hier eens: http://www.groninger-museum.nl , is ook wel grappig gedaan

  • Karp
  • Registratie: Augustus 2001
  • Laatst online: 10:51
bedoel je nou gewoon een popup zonder randjes?!

Ik weet alles over digitale toegankelijkheid, of ik weet wie het wel weet.


Verwijderd

Topicstarter
hmm, das wel een coole site ja

en nee, ik wil een site waar je het plaatje in de pop-up (die layout) alleen ziet, dus helemaal geen randen er om heen.

  • Blaise
  • Registratie: Juni 2001
  • Niet online
Kijk ff in de source van groninger museums website :P

Verwijderd

Topicstarter
nee, want ik weet al wat die groningse website is, dat zijn chromeless pop-ups. Kijk maar als je die hoogste versie start, dan krijg je honderd-en-een pop-ups....

  • Oefening
  • Registratie: November 2000
  • Niet online
Op donderdag 17 januari 2002 15:18 schreef Jorick het volgende:
En kijk hier eens: http://www.groninger-museum.nl , is ook wel grappig gedaan
:r |:( Hoe jaag je je bezoekers weg?! |:( :r

Sorry, moest ff :)

Verwijderd

Topicstarter
ja, ik vond het ook nogal overdreven :r

wel mooi gedesigned, maar niet echt functioneel...
Pagina: 1