Gegen Bilderklau - Das Original » Design, Website, Copyright » Homepagehilfe » Tutorials und FAQ » [Misc] Oyla-Design Coden!

[Misc] Oyla-Design Coden!

Reiterhof.Nevada
es hat geklappt ein wunder!
Mercedes
Ich habe ein kleines Problem mit meinem Design.
Es bleibt immer so ein Stück weiß da. Mit dem Java-Code klappt es irgendwie auch nicht.
Meine HP:
Heartland
Majestix
Hey, ich hoffe die Frage steht noch nicht auf einer der 11 Seiten...
guckt doch mal unter http://lenasfotgalerie.oyla.de und zwar habe ich das Problem das ich im Menü drei verschiedene Kästchen habe für drei Seiten ...mag sich mal jemand dran probieren?
<html>
<head> <title>%titel%</title>
<img border="0" src="http://www.oyla.de/userdaten/435/77105/bilder/lena.png" scroll="no" bgproperties="fixed"
ALIGN="left" STYLE="position: absolute; top: 0; left: 0" width="1022" height="761">
<div style="overflow: auto; position: absolute; width: 550; height: 650; left: 45; top: 45">
<font face="Century Gothic" size="1,2"><font color="#000000">%content%</font></font>
</div>
<div style="overflow: auto; position: absolute; width: 150; height: 45; left: 50; top: 667"> <font face="Gentury Gothic" size="2,0" color="#000000">%navigation_v%</font></div>

Wäre super LG Sophia
Majestix
Kann mir nicht irgendjemand helfen?
Jasmina
Guck mal hier: http://www.oylahomepagehilfe.de dort steht, wie du die Navigation manuell machen kannst, was du in deinem Fall auch tun musst. smile
Sandy01
ich hab es ja auch auf der oyla hilfe homepage gemacht nur habe ich das problem:

http://sheena070.oyla13.de/cgi-bin/hpm_h...i?skip=18406291|||sheena070

der weiße rand rechts wie grig ich den weg?
der code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
<title>%titel%</title>
<style type="text/css">
<!--
body {
position: absolute;
padding: 0;
margin: 0;
top: 0;
left: 0;
background-color: #ffffff;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #808080;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #808080;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #808080;
}
img#design {
position: absolute;
top: 0;
left: 768;
border: none;
}
div.content {
overflow: auto;
position: absolute;
top: 180px;
left: 30px;
width: 585px;
height: 420px;
font-family: Verdana;
font-size: 12px;
color: #000000;
}

div.newsbox {
overflow: auto;
position: absolute;
top: 200px;
left: 200px;
width: 150px;
height: 400px;
font-family: Arial;
font-size: 16px;
color: #000000;
}

div.navigation {
overflow: auto;
position: absolute;
top: 295px;
left: 620px;
width: 166px;
height: 400px;
font-family: Verdana;
font-size: 12px;
color: #000000;
}
a:link, a:active, a:visited {
text-decoration:none;
color:#000099;
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
border:none;
}
a:hover {
text-decoration:none;
color:#000099;
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #000000;
}
-->
</style>
</head>

<body>

<!-- Start Design -->
<img src="http://www.oyla13.de/userdaten/184/06291/bilder/Design_Zarnoch_smartne
ss.png" alt="Designbild" id="design" />
<!-- End Design -->

<!-- Start Content -->
<div class="content">
%content% test<br />
test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />
</div>
<!-- End Content -->

<!-- Start Navigation -->
<div class="navigation">
%navigation_v% test<br />
test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />
</div>
<!-- End Navigation -->

</body>

<!--
Dies ist der Grundcode von http://www.oylahomepagehilfe.de.
Dieser Hinweis darf ohne Genehmigung von einem Betreiber des Internetabgebotes nicht entfernt werden.
-->

</html>
Jasmina
Einfach den Hexwert ändern hier: background-color: #ffffff; denn: ffffff = weiss. Dann ist das rechts nicht mehr weiss.
Sandy01
danke großes Grinsen
Jasmina
Bitte. Manchmal sieht man vor lauter Bäumen eben den Wald nicht mehr.
Pia & Toni
jetzt hab ich es verstanden danke
Schokostern
Ich hätte ne Frage zu meinem Design. Und zwar sieht das viel zu klein aus. Also überall ist ein extremer Rand und dass eigentliche Designbild ist auch normalerweise größer. Ich hab jetzt den Grundcode benutzt. Fehlt da irgendwo vielleicht die Angabe wie groß das Design ist?
Hier der Code. Wäre super wenn mir jemand helfen könnte!

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
<title>%titel%</title>
<style type="text/css">
<!--
body {
position: absolute;
padding: 0;
margin: 0;
top: 0;
left: 0;
background-color: #ffffff;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #ffffff;
}
img#design {
position: absolute;
top: 0;
left: 0;
border: none;
}
div.content {
overflow: auto;
position: absolute;
top: 250px;
left: 250px;
width: 500px;
height: 330px;
font-family: Arial;
font-size: 16px;
color: #636f92;
}
div.navigation {
overflow: visible;
position: absolute;
top: 280px;
left: 90px;
width: 150px;
height: 330px;
font-family: Arial;
font-size: 12px;
color: #000000;
}
a:link {
color: #0000ff;
text-decoration:none;
}
a:visited {
color: #0000ff;
text-decoration:underline;
}
a:active {
color: #ffffff;
text-decoration:overline;
}
a:hover {
color: #000000;
text-decoration:overline;
}
-->
</style>
</head>

<body>

<!-- Start Design -->
<img src="http://www.oyla.de/userdaten/315/79235/bilder/design_meredith.png" alt="Designbild" id="design" />
<!-- End Design -->

<!-- Start Content -->
<div class="content">
%content% test<br
</div>
<!-- End Content -->

<!-- Start Navigation -->
<div class="navigation">
%navigation_v%
</div>
<!-- End Navigation -->

</body>

<!--
Dies ist der Grundcode von http://www.oylahomepagehilfe.de.
Dieser Hinweis darf ohne Genehmigung von einem Betreiber des Internetabgebotes nicht entfernt werden.
-->

</html>
Schokostern
Danke für die schnelle Antwort smile

Gut ich probiers mal so wie du das hast.
Aber mit height und widht einsetzen ist gar nich mal so dumm xD

Dank dir!
-NiNa-
Wo hast du das Designbild hochgeladen? Bei Oyla? Dann lad es nochmals hoch und achte darauf, dass unten das Häckchen nicht steht bei "alle Bilder die grösser als 600x800 sind auf diese Grösse verkleinern oder so irgendwie.
Schokostern
Das war mein fehler gewesen xD Aber habs jetzt hinbekommen. Nur leider gibts da noch ein zweites Problem. Da meine Navigation etwas länger ist, geht sie jetzt über das Design rüber. Also ich würde gerne einen Scrollbalken einfügen, nur leider funktioniert es einfach nicht. Hab schon zig Möglichkeiten versucht.
so siehts aus: http://i29.tinypic.com/2e3wpsm.jpg

Weiß jemand weiter?
Designcode steht ja oben

glg
-NiNa-
Ganz Einfach, du gibst hier eine kleinere Zahl ein:

div.navigation {
overflow: visible;
position: absolute;
top: 280px;
left: 90px;
width: 150px;
height: 330px;
font-family: Arial;
font-size: 12px;
color: #000000;
}
Oli
Zitat:
Original von gestuet_traumpferde
Ganz Einfach, du gibst hier eine kleinere Zahl ein:

div.navigation {
overflow: visible;
position: absolute;
top: 280px;
left: 90px;
width: 150px;
height: 330px;
font-family: Arial;
font-size: 12px;
color: #000000;
}

... Und änderst hier zusätzlich auch auf overflow: auto (bei visible geht der Inhalt einfach über die Maße drüber):

div.navigation {
overflow: auto;
position: absolute;
top: 280px;
left: 90px;
width: 150px;
height: 330px;
font-family: Arial;
font-size: 12px;
color: #000000;
}


LG,
Oli
Schokostern
Hab ich geändert nur es passiert nichts verwirrt
-NiNa-
Darf ich mal die Seite sehen und den geänderten Grundcode?
Schokostern
Hier die Seite
www.fraiceland.oyla.de

Und der Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
<title>%titel%</title>
<style type="text/css">
<!--
body {
position: absolute;
padding: 0;
margin: 0;
top: 0;
left: 0;
background-color: #ffffff;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #ffffff;
}
img#design {
position: absolute;
top: 0;
left: 0;
border: none;
}
div.content {
overflow: auto;
position: absolute;
top: 260px;
left: 330px;
width: 500px;
height: 330px;
font-family: Arial;
font-size: 16px;
color: #636f92;
}
div.navigation {
overflow: auto;
position:absolute;
top: 300px;
left: 90px;
width: 150px;
hight: 100px;
font-family:Arial;
font-size: 12px;
color: #000000;
}
a:link {
color: #0000ff;
text-decoration:none;
}
a:visited {
color: #0000ff;
text-decoration:underline;
}
a:active {
color: #ffffff;
text-decoration:overline;
}
a:hover {
color: #000000;
text-decoration:overline;
}
-->
</style>
</head>

<body>

<!-- Start Design -->
<BODY marginwidth="0" leftmargin="0" marginheight="0" topmargin="0" scroll="auto">
<img src="http://www.oyla.de/userdaten/315/79235/bilder/design3.jpg">
<!-- End Design -->

<!-- Start Content -->
<div class="content">
%content% test<br
</div>
<!-- End Content -->

<!-- Start Navigation -->
<div class="navigation">

%navigation_v%
</div>
<!-- End Navigation -->

</body>

<!--
Dies ist der Grundcode von http://www.oylahomepagehilfe.de.
Dieser Hinweis darf ohne Genehmigung von einem Betreiber des Internetabgebotes nicht entfernt werden.
-->

</html>
Oli
Zitat:
Original von Oli
height: 330px;


In deinem Code steht hight - da fehlt ein E.
vorherige Seite
nächste Seite
Forensoftware: Burning Board, entwickelt von WoltLab GmbH