Gegen Bilderklau - Das Original | Druckvorschau: Scrollbalken meines Designs...

Geschrieben von *ara-appaloosa* am 15.07.2008 um 14:40:

Scrollbalken meines Designs...

Hallo!
-Ich habe schon selber versuch die Scrollbalken meines Desings zur passenden farbe zu machen aber leider haben die Cods vom Tut nicht gewirkt.
-Und das das Design fix ist nicht as ich auch auf der Seite Scrollen muss. Möchte nur bei Menü und Main Scrollen.
Könnte mir einer Helfen?
Würde mich riesig feuen fröhlich

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:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>Sportgest&uuml;t Kaschbach</title>
</head>
<body
 style="background-color: rgb(207, 205, 190); color: rgb(0, 0, 0);"
 alink="#ee0000" link="#ee0000" vlink="#551a8b">
<center><img src="http://sgkaschbach.sg.funpic.de/design.png">
<center>
<div id="Layer1"
 style="position: absolute; left: 160px; top: 229px;"><iframe
 src="http://sgkaschbach.sg.funpic.de/menue.html" name="menue"
 noresize="" style="border: 0px none ;" ;=""
 frameborder="0" height="341" scrolling="auto"
 width="142"></iframe></div>
<div id="Layer2"
 style="position: absolute; left: 428px; top: 142px;">
<iframe src="http://sgkaschbach.sg.funpic.de/home.html"
 name="home" noresize="" style="border: 0px none ;"
 ;="" frameborder="0" height="430" scrolling="auto"
 width="670"></iframe></div>
</center>
</center>
</body>
</html>

mfg appa

Geschrieben von bolop am 15.07.2008 um 16:58:

BODY { SCROLLBAR-BASE-COLOR: #0B6295; SCROLLBAR-ARROW-COLOR: #FFFFFF; }
SELECT {
FONT-SIZE: 12px;
FONT-FAMILY: Verdana,Arial;
COLOR: #000000;
BACKGROUND-COLOR: #CFCFCF;
}

Geschrieben von *ara-appaloosa* am 16.07.2008 um 14:49:

hi, thx
aber leider functioniert das auch nicht. unglücklich

Geschrieben von ~moony~ am 16.07.2008 um 15:41:

Arbeitest du mit einem Stylesheet ?

wenn nein, zum Designcode einfach :

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:

BODY {
color: #628e14; 
text-align : center; 
background-image: url(bg.jpg); /* Hintergrundbild*/
font-family: verdana; 
font-size: 10pt;
background-attachment: fixed; 
background-position:0px 0px; 
background-color: #b0ca83; 
scrollbar-3dlight-color: #b0ca83; 
scrollbar-arrow-color: #628e14;
scrollbar-darkshadow-color: #b0ca83;
scrollbar-face-color: #b0ca83;
scrollbar-highlight-color: #b0ca83;
scrollbar-shadow-color: #b0ca83;
scrollbar-track-color: #b0ca83; }

backround-image -> Die URL zum Design

Ansonsten, Farben anpassen...

Geschrieben von *ara-appaloosa* am 22.07.2008 um 22:15:

irgentwie functioniert das nicht unglücklich

kann mir jemand den ganzen Cod von Design + Scrollbalken reinstellen? unglücklich

Wäre echt super.
lg appa

Geschrieben von *ara-appaloosa* am 22.07.2008 um 23:03:

oki. Aber ich versteh das irgentwie nicht ganz mit diesem code:

BODY {
color: #628e14;
text-align : center;
background-image: url(bg.jpg); /* Hintergrundbild*/
font-family: verdana;
font-size: 10pt;
background-attachment: fixed;
background-position:0px 0px;
background-color: #b0ca83;
scrollbar-3dlight-color: #b0ca83;
scrollbar-arrow-color: #628e14;
scrollbar-darkshadow-color: #b0ca83;
scrollbar-face-color: #b0ca83;
scrollbar-highlight-color: #b0ca83;
scrollbar-shadow-color: #b0ca83;
scrollbar-track-color: #b0ca83; }

das fettgedruckten verstehe ich nicht.Was muss ich den da machen?

im anhang habe ich mal die Homepage mit Design reingegeben, so wie es jetzt aussieht.

Geschrieben von Katharina Weber am 22.07.2008 um 23:09:

code:

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

<html>
<head>
  <title>Sportgest&uuml;t Kaschbach</title>
</head>
<body
 background=http://sgkaschbach.sg.funpic.de/design.png" style="background-color: rgb(207, 205, 190); color: rgb(0, 0, 0); background-repeat: no-repeat; background-attachment: fixed; background-position: center;" bgproperties="fixed"
 alink="#ee0000" link="#ee0000" vlink="#551a8b" scroll="no">
<div id="Layer1"
 style="position: absolute; left: 160px; top: 229px;"><iframe
 src="http://sgkaschbach.sg.funpic.de/menue.html" name="menue"
 noresize="" style="border: 0px none ;" ;=""
 frameborder="0" height="341" scrolling="auto"
 width="142"></iframe></div>
<div id="Layer2"
 style="position: absolute; left: 428px; top: 142px;">
<iframe src="http://sgkaschbach.sg.funpic.de/home.html"
 name="home" noresize="" style="border: 0px none ;"
 ;="" frameborder="0" height="430" scrolling="auto"
 width="670"></iframe></div>
</body>
</html>

Ich hab das mal durchgetestet und bei mir hat es funktioniert. Also wenn du den Code so eingibst, müsste es gehen. Das Hintergrundbild ist fixiert und die Scrollleiste im Hintergrundbild ist ausgeschaltet. Die in den Frames natürlich nicht.

Um die Scrollleisten in den Frames farbig zu gestalten, musst du auf jeder Seite, wo das greifen soll zwischen den Head-Tags die Scrolleiste definieren.
Das sieht dann so aus:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:

<html>
<head>
<STYLE type="text/css">
<!--
BODY {
scrollbar-face-color: #??????
scrollbar-highlight-color: #??????;
scrollbar-3dlight-color: #??????;
scrollbar-darkshadow-color: #??????;
scrollbar-shadow-color: #??????;
scrollbar-arrow-color: #??????;
scrollbar-track-color: #??????;
}
-->
</STYLE></head>
<body>.....

An die Stelle der Fragezeichen setzt du die Farbcodes ein.

Ich hoffe ich konnte dir helfen.
Viele Grüße von Gut Sonnental, Katharina

Geschrieben von *ara-appaloosa* am 22.07.2008 um 23:21:

hi,
ich habe mal den ersten cod, probiert und es kommt volgendes raus, anhang

Geschrieben von Katharina Weber am 22.07.2008 um 23:32:

Ja ich hab das eben auch gesehen, dass da ja ein ganz anderes Hintergrundbild hin sollte.
Änder mal diesen Teil:

code:
1: 2: 3:	<body background="http://sgkaschbach.sg.funpic.de/design.png"

Hinter background= hatte ich das Anführungszeichen vergessen.

Sorry.

Viele Grüße von Gut Sonnental, Katharina

Geschrieben von *ara-appaloosa* am 22.07.2008 um 23:41:

Nein das weis ich leider nicht wie das geht.

mfg appa

Geschrieben von Katharina Weber am 22.07.2008 um 23:53:

Wenn du die Stelle ersetzt hast, die ich in meinen letzten Post reingesetzt habe, dann kannst du dein Design einstellen. Dein Hintergrundbild wird dann angezeigt. Sorry noch mal für den Fehler.

Schau dir deinen Framecode jetzt mal ganz genau an.
In dem Div-Tag siehst du die Position left: 160px; Wenn du diese Zahl veränderst, rückt dein Menüframe entweder nach links, wenn du einen kleineren Wert wählst oder nach rechts, wenn du ihn größer machst.
Die Position top: 229px; definiert den Abstand deines Menüframes zum oberen Bildrand. Größere Zahl = weiter unten, kleinere Zahl = weiter oben.

Die Höhe und Weite des Frames stellst du wie bei einer Tabelle mit width und height ein. Diese beiden Positionen findest du im iframe-Tag

<div id="Layer1"
style="position: absolute; left: 160px; top: 229px;"><iframe
src="http://sgkaschbach.sg.funpic.de/menue.html" name="menue"
noresize="" style="border: 0px none ;" ;=""
frameborder="0" height="341" scrolling="auto"
width="142"></iframe></div>

Wie oben beschrieben stellst du dann auch dein Hauptframe ein.
So kannst du dann alles ein bisschen nach links rutschen und man braucht so nicht mehr nach rechts zu scrollen.

Viele Grüße von Gut Sonnental, Katharina

Geschrieben von *ara-appaloosa* am 22.07.2008 um 23:56:

THX, gibt es nur den cod für die Scrollbalken, wo man auf jeder seite reingeben muss oder kann man das nicht beim design machen?

Geschrieben von Katharina Weber am 23.07.2008 um 00:01:

Da bin ich überfragt. Ich kenne das nur so, dass man das auf jeder Seite neu definieren kann.
Wenn du das direkt im Design definierst, verfärbt sich nur die Scrollleiste ganz rechts am Bildrand.
Schau aber einfach noch mal bei der Suche. Vielleicht hat ja da noch jemand eine Idee.

Viele Grüße von Gut Sonnental, Katharina