Gegen Bilderklau - Das Original | Druckvorschau: iFrame Transparenz?

Geschrieben von Eli.B. am 04.03.2007 um 15:47:

iFrame Transparenz?

Hallo!

Also, dank der vielen Tutorials hier habe ich das Prinzip vom Coden eines Designs schon halbwegs verstanden. Allerdings habe ich immer das Problem, dass die ganze Homepage noch einen Scrollbalken hat. Also, auch wenn der HG fixiert ist und ich auf "scrolling: no" gestellt habe, bleibt dieser Balken. Also, irgendwie ist der HG nicht "eingepasst". Hoffe, ihr versteht, was ich meine ... ?

Geschrieben von Peshewa am 04.03.2007 um 17:06:

Zeig mal her! Also Seite und Code! (;

Geschrieben von vrhisihof am 04.03.2007 um 17:07:

Gib uns doch mal ein Beispiel, dann können wir besser nachvollziehen was du meinst smile

lg Tina

Geschrieben von Astriiid am 04.03.2007 um 17:14:

ich glaube, sie meint dass sich die ganze seite zwar nicht scrollen lässt, aber trotzdem der deaktivierte scrollbalken noch vorhanden ist. dadurch veschiebt sich oft was

Geschrieben von Eli.B. am 04.03.2007 um 18:46:

EDIT: Oh, hab den Fehler gefunden! War nicht auf "scroll="no"" gestellt. Trotzdem danke!

Jetzt könntet ihr mir nur noch sagen, ob es bei euch passt oder ob das ganze verschoben ist? Design im Allgemeinen nicht beachten, Menüframe passt auch nicht (kA warum).

http://home.pages.at/lisi8/Design/lay.htm

Geschrieben von Astriiid am 04.03.2007 um 19:56:

bei mir stimmts großes Grinsen

Geschrieben von Coeur am 04.03.2007 um 22:35:

bei mir zwar auch, allederdings sind die Frames nicht Transparent

Geschrieben von .chilli am 04.03.2007 um 23:13:

dito, Coeur

Geschrieben von Astriiid am 05.03.2007 um 14:44:

was habt ihr? ich hab IE

Geschrieben von Eli.B. am 05.03.2007 um 14:50:

Hm ... Dabei hab ich den Filter Chroma verwendet?

Ich poste mal den Code, vielleicht findet ihr den Fehler, bei mir sind sie transparent.

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:

<html>

<head>
<title>Funny</title>

<style>
body { scrollbar-face-color: #3D4129;
  scrollbar-highlight-color: #FFFFFF; 
  scrollbar-3dlight-color: #3D4129; 
  scrollbar-darkshadow-color: #3D4129; 
  scrollbar-shadow-color: #3D4129; 
  scrollbar-arrow-color: #FFFFFF;
  scrollbar-track-color: #3D4129;
  </style>
  
</head>

<body bgcolor="#3D4129" topmargin="0" leftmargin="0" scroll="no">
<img border="0" src="design1.jpg" align="center">

<div id="Layer1" style="position: absolute;  left: 560px; top: 168px;">
  <iframe src="main.htm" name="main" width="427" height="389" frameborder=0 scrolling="yes" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
  </iframe>
</div>

<div id="Layer1" style="position: absolute;  left: 560px; top: 130px;">
  <iframe src="frame.htm" name="frame" width="427" height="29" frameborder=0 scrolling="no" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
  </iframe>
</div>

</body>

</html>

Geschrieben von Eli.B. am 05.03.2007 um 15:20:

Statt dem chroma?

Geschrieben von Eli.B. am 05.03.2007 um 16:21:

Wenn ich das mache, dann ist das ganze kaum transparent, wenn ich statt 50 andere Werte eingebe, dann verblasst die Schrift.

http://home.pages.at/lisi8/Design/lay.htm

EDIT:
habs jetzt nach diesem Tut gemacht. Wie siehts nun aus?

http://home.pages.at/lisi8/Design/lay3.htm

Geschrieben von Eli.B. am 05.03.2007 um 16:47:

Aber, was mache ich nun wegen dem Filter? Mit Alpha wird auch die Schrift transparent, mit Chroma gehts für die Mozilla (und Firefox?) Benutzer nicht. Und das nach dem anderen Tut kann ich nicht gscheit verlinken, da ich keine benannten Frames hab, die ich als Ziel angeben kann ...

Geschrieben von Pawie am 05.03.2007 um 16:52:

Schneid' den Hintergrund des Frames mit einem Grafik-Programm aus und füg' ihn beim Frame ein.

Dann gibt's noch einen Code, der meines Wissens nach bei allen gängigen Browsern funktoniert, den muss ich mal schnell suchen. Einen Moment.
Okay, hab' ihn gefunden. Folgendes in deinen Style einfügen:

code:
1: 2: 3:	body { background-color: transparent; }

Jetzt beim <iframe> in lay.html

code:
1:	allowtransparency="true"

einfügen. Müsste nun gehen ;D

Liebe Grüße
Pawie.

Geschrieben von Pawie am 05.03.2007 um 16:59:

Zitat:

Original von Mordred
Dann kann sie auch direkt die Grafik transparent im Grafik Programm erstellen.

Öhm.. ?? Wieso? Versteh' grad nicht, was du meinst. ^^'

Liebe Grüße
Pawie.

Geschrieben von Eli.B. am 05.03.2007 um 16:59:

Oh, danke!

http://home.pages.at/lisi8/Design/lay1.htm

Und, hats funktioniert?

Geschrieben von Eli.B. am 05.03.2007 um 17:05:

Ich komm nicht ganz mit, was du meinst? Ich hab das Bild auch so gemacht, dass die Frames schon drauf sind und so, wie ichs will. Nur, wie mach ich die Ebene transparent, ohne, dass die Schrift nicht auch verblasst?

http://home.pages.at/lisi8/Design/design1.jpg

Geschrieben von Eli.B. am 05.03.2007 um 17:39:

http://home.pages.at/lisi8/Design/lay4.htm

*daumendrück*

Geschrieben von Eli.B. am 05.03.2007 um 17:51:

Hab ein HG Bild in die Frames eingefügt ... ?

Code für die allgemeine Page:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:

<html>

<head>
<title>Funny</title>

<style>
body { scrollbar-face-color: #3D4129;
  scrollbar-highlight-color: #FFFFFF; 
  scrollbar-3dlight-color: #3D4129; 
  scrollbar-darkshadow-color: #3D4129; 
  scrollbar-shadow-color: #3D4129; 
  scrollbar-arrow-color: #FFFFFF;
  scrollbar-track-color: #3D4129;
  
  </style>
  
</head>

<body bgcolor="#3D4129" topmargin="0" leftmargin="0" scroll="no">
<img border="0" src="design1.jpg" align="center">

<div id="Layer1" style="position: absolute;  left: 560px; top: 168px;">
  <iframe src="main.htm" name="main" width="427" height="389" frameborder=0 scrolling="auto" noresize;>
  </iframe>
</div>

<div id="Layer2" style="position: absolute;  left: 560px; top: 130px;">
  <iframe src="frame.htm" name="frame" width="427" height="29" frameborder=0 scrolling="no" noresize;>
  </iframe>
</div>

</body>

</html>

und mal fürs Frame (dass komischerweiße immer verschoben ist, der Text ist abgeschnitten *grml*):

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:

<html>

<head>
<title>Frame</title>

<style>
body { scrollbar-face-color: #ffffff;
  scrollbar-highlight-color: #ffffff; 
  scrollbar-3dlight-color: #000000; 
  scrollbar-darkshadow-color: #ffffff; 
  scrollbar-shadow-color: #000000; 
  scrollbar-arrow-color: #000000;
  scrollbar-track-color: #ffffff;
  
  </style>
</head>

<body bgcolor="#ffffff" background="hgframe.jpg" bgproperties="fixed">
Frame | <a href="link.htm" target="main">Test</a> | Hallo 
</body>

</html>