Gegen Bilderklau - Das Original (https://www.gegen-bilderklau.net/index.php)
- Design, Website, Copyright (https://www.gegen-bilderklau.net/board.php?boardid=80)
--- Homepagehilfe (https://www.gegen-bilderklau.net/board.php?boardid=27)
---- Tutorials und FAQ (https://www.gegen-bilderklau.net/board.php?boardid=45)
----- [Misc] Oyla-Design Coden! (https://www.gegen-bilderklau.net/thread.php?threadid=112102)


Geschrieben von Reiterhof.Nevada am 07.11.2009 um 23:50:

 

es hat geklappt ein wunder!



Geschrieben von Mercedes am 06.02.2010 um 17:53:

 

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



Geschrieben von Majestix am 07.03.2010 um 17:52:

 

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



Geschrieben von Majestix am 10.03.2010 um 18:24:

 

Kann mir nicht irgendjemand helfen?



Geschrieben von Jasmina am 14.03.2010 um 02:57:

 

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



Geschrieben von Sandy01 am 05.04.2010 um 19:22:

 

ich hab es ja auch auf der oyla hilfe homepage gemacht nur habe ich das problem:

http://sheena070.oyla13.de/cgi-bin/hpm_homepage.cgi?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>



Geschrieben von Jasmina am 06.04.2010 um 12:10:

 

Einfach den Hexwert ändern hier: background-color: #ffffff; denn: ffffff = weiss. Dann ist das rechts nicht mehr weiss.



Geschrieben von Sandy01 am 08.04.2010 um 13:33:

 

danke großes Grinsen



Geschrieben von Jasmina am 09.04.2010 um 01:30:

 

Bitte. Manchmal sieht man vor lauter Bäumen eben den Wald nicht mehr.



Geschrieben von Pia & Toni am 30.05.2010 um 21:45:

  RE: Tutorial: Oyla-Design Coden!

jetzt hab ich es verstanden danke



Geschrieben von Schokostern am 12.07.2010 um 12:46:

 

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>



Geschrieben von Schokostern am 12.07.2010 um 12:57:

 

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!



Geschrieben von -NiNa- am 12.07.2010 um 13:51:

 

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.



Geschrieben von Schokostern am 12.07.2010 um 14:54:

 

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



Geschrieben von -NiNa- am 12.07.2010 um 15:01:

 

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;
}



Geschrieben von Oli am 12.07.2010 um 15:03:

 

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



Geschrieben von Schokostern am 12.07.2010 um 15:34:

 

Hab ich geändert nur es passiert nichts verwirrt



Geschrieben von -NiNa- am 12.07.2010 um 15:52:

 

Darf ich mal die Seite sehen und den geänderten Grundcode?



Geschrieben von Schokostern am 12.07.2010 um 15:54:

 

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>



Geschrieben von Oli am 12.07.2010 um 16:15:

 

Zitat:
Original von Oli
height: 330px;


In deinem Code steht hight - da fehlt ein E.


Forensoftware: Burning Board, entwickelt von WoltLab GmbH