Eli.B.
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 ... ?
Peshewa
Zeig mal her! Also Seite und Code! (;
vrhisihof
Gib uns doch mal ein Beispiel, dann können wir besser nachvollziehen was du meinst
lg Tina
Astriiid
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
Eli.B.
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
Astriiid
bei mir stimmts
Coeur
bei mir zwar auch, allederdings sind die Frames nicht Transparent
Astriiid
was habt ihr? ich hab IE
Eli.B.
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>
|
|
Eli.B.
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 ...
Pawie
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.
Pawie
| 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.
Eli.B.
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
Eli.B.
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>
|
|
Eli.B.
Achso *g*
Aber jetzt *hoff*