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)
---- Homepagehilfe - Archiv (https://www.gegen-bilderklau.net/board.php?boardid=139)
----- [HTML] Hilfe zu Design Code (https://www.gegen-bilderklau.net/thread.php?threadid=155561)


Geschrieben von Kysha am 14.05.2009 um 18:57:

  Hilfe zu Design Code

http://schwarzeperle.bplaced.net/


Wer kann mir helfen und mir sagen wieso man das main und menu nicht sieh obwohl es im code drin ist !!!



Hier auch der Code

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:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
  <title>index</title>
</head>
<body>
<head>
<img border="0" src="http://schwarzeperle.bplaced.net/HOFKRAMM/2gwi9lu.png " align="center">

<div id="menu.htm" style="position: absolute;left:70; top:5 ;">
<iframe src="http://schwarzeperle.bplaced.net/menu.html" name="menu" width="10" height="20" frameborder="0" scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</div>
</head


<div id="main.htm" style="position: absolute;left:160; top:6;">
<iframe src="http://schwarzeperle.bplaced.net/main.html" name="main" width="40" height="50" frameborder="0" scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</div>


<div id="pferde.htm" style="position: absolute;left:160; top:6;">
<iframe src="http://schwarzeperle.bplaced.net/pferde.html" name="main" width="40" height="50" frameborder="0" scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</div>



</body>
</html>



Geschrieben von Kimi. am 14.05.2009 um 19:02:

 

Hast du die Positionen falsch angegeben ? Weil ich seh da 2 Fenster aber ganz klein oben Links.



Geschrieben von Golden Hope am 14.05.2009 um 20:14:

 

ich sehe es... vll ist es für FF nicht optimiert



Geschrieben von Kysha am 15.05.2009 um 01:01:

 

ich weiß es nicht jetzt geht es aber die Linsseiten öffnen sich nicht in den jeweiligen bereichen ach so is das wenn man eine pause gemacht hat in den bestimmten bereichen



Geschrieben von Kysha am 15.05.2009 um 11:15:

 

also das design geht !!! Auch Main und menu


alerdings beim Menu wenn man da Impressum anklickt , öffnet sich das impressum auf ner neuen seite anstatt im main !!! Hab auch schon target="main" eingegeben aber nichts immer noch auf ner neuen seite



Geschrieben von Kysha am 15.05.2009 um 13:09:

 

hab den code jetzt so

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:
<html>
<head>
<title>Al Arabian Stables</title>
<BODY marginwidth="0" leftmargin="0" marginheight="0" topmargin="0" scroll="no">
<img src="http://schwarzeperle.bplaced.net/HOFKRAMM/2gwi9lu.png
">

<div id="Layer1" style="position: absolute;  left: 23px; top: 226px;">
  <iframe src="http://schwarzeperle.bplaced.net/pferde.html 
" name="frame" width="258" height="409" frameborder=0 scrolling="no" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
  </iframe>
</div>

<div id="Layer2" style="position: absolute;  left: 311px; top: 140px;">
  <iframe src="http://schwarzeperle.bplaced.net/menu.html
" name="frame2" width="199" height="290" frameborder=0 scrolling="yes" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
  </iframe>
</div>

<div id="Layer3" style="position: absolute;  left: 550px; top: 30px;">
  <iframe src="http://schwarzeperle.bplaced.net/main.html
" name="frame3" width="456" height="561" frameborder=0 scrolling="no" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
  </iframe>
</div>




</body>
</html>



vom design !!! http://schwarzeperle.bplaced.net/



und das ist der vom menu:

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:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

  <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
  <title>menu</title>


</head>


<body>

<small><small><span style="text-decoration: underline; font-family: Comic Sans MS; font-weight: bold;">Allgemein</span><br style="font-family: Comic Sans MS;">

<span style="font-family: Comic Sans MS;">Startseite</span><br style="font-family: Comic Sans MS;">

<a href="http://schwarzeperle.bplaced.net/HOFKRAMM/Seiten/Impressum.html" target="main"><span style="color: rgb(0, 0, 0);"><span style="font-family: Comic Sans MS;">Impressum</span></span></a><br style="font-family: Comic Sans MS;">

<span style="font-family: Comic Sans MS;">Bildernachwei&szlig;</span><br style="font-family: Comic Sans MS;">

<span style="font-family: Comic Sans MS;">Partner</span><br style="font-family: Comic Sans MS;">

<span style="font-family: Comic Sans MS;">Designgalerie</span><br style="font-family: Comic Sans MS;">

<br style="font-family: Comic Sans MS;">

<span style="text-decoration: underline; font-family: Comic Sans MS; font-weight: bold;">Gest&uuml;t</span><br style="font-family: Comic Sans MS;">

<span style="font-family: Comic Sans MS;">Stallungen</span><br style="font-family: Comic Sans MS;">

<span style="font-family: Comic Sans MS;">Anlage</span><br style="font-family: Comic Sans MS;">

<span style="font-family: Comic Sans MS;">Konto</span><br style="font-family: Comic Sans MS;">

<br style="font-family: Comic Sans MS;">

<span style="text-decoration: underline; font-family: Comic Sans MS; font-weight: bold;">Pferde</span><br style="font-family: Comic Sans MS;">

<a style="color: rgb(0, 0, 0);" href="http://schwarzeperle.bplaced.net/HOFKRAMM/Seiten/hengste.html" target="pferde"><span style="font-family: Comic Sans MS;">Hengste</span></a><br style="font-family: Comic Sans MS;">

<span style="font-family: Comic Sans MS;">Stuten</span><br style="font-family: Comic Sans MS;">

<span style="font-family: Comic Sans MS;">Nachzucht</span><br style="font-family: Comic Sans MS;">

<br style="font-family: Comic Sans MS;">

<span style="text-decoration: underline; font-family: Comic Sans MS; font-weight: bold;">Zucht</span><br style="font-family: Comic Sans MS;">

<span style="font-family: Comic Sans MS;">Regeln</span><br style="font-family: Comic Sans MS;">

<span style="font-family: Comic Sans MS;">Deckplan</span><br style="font-family: Comic Sans MS;">

<span style="font-family: Comic Sans MS;">Deckantrag</span><br style="font-family: Comic Sans MS;">

<span style="font-family: Comic Sans MS;">Zucht&uuml;bersicht</span><br style="font-family: Comic Sans MS;">

<br style="font-family: Comic Sans MS;">

<span style="text-decoration: underline; font-family: Comic Sans MS; font-weight: bold;">Verkauf</span><br style="font-family: Comic Sans MS;">

<span style="font-family: Comic Sans MS;">Regeln</span><br style="font-family: Comic Sans MS;">

<span style="font-family: Comic Sans MS;">Verkaufspferde</span><br style="font-family: Comic Sans MS;">

<span style="font-family: Comic Sans MS;">Verkaufte Pferde</span></small></small>
</body>
</html>




und die öffnen sich halt immer auf ne neue seite



Geschrieben von Sidney am 15.05.2009 um 13:15:

 

Naja, du musst als target beim Link den Namen von dem Frame angeben, in dem sich der Link öffnen soll. Da steht bei dir "pferde". deine Frames heißen aber "frame", "frame2" und "frame3"



Geschrieben von Kysha am 15.05.2009 um 13:16:

 

ja richtig aber muss ich nicht die namen der frames angeben also so wie ich sie auh hochlade?



ich versuchs einfach mal


edit: du hattest recht !!!


Tausend dank


Hab aber nen Neues Problem und zwarkann man das Menu nicht so machen das wenn man z.b.:

Allgemein <--anklickt

Impressum <--- das nach dem anklicken von allgemein öffnet
Bildernachweiß <--- das genauso



und wie macht man das muss ich da immer eine neue seite für machen? damit sch das dann dort öffnet oder wie?



Geschrieben von Kruemelletto am 15.05.2009 um 14:17:

 

Ein Klappmenü meinst du?

code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
<a href="" onclick="d=document.getElementById('l1').style;d.display=d.display=='none'?'':'none';return false">Linktext</a>
<br>
<span id="l1" style="display:none">
Was sich öffnen soll	
</span>
<br>
<a href="" onclick="d=document.getElementById('l2').style;d.display=d.display=='none'?'':'none';return false">Linktext</a>
<br>
<span id="l2" style="display:none">
Was sich öffnen soll	
</span>

usw....


So in etwa?



Geschrieben von Sidney am 16.05.2009 um 18:58:

 

Ich hab dir mal einen rausgesucht



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:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:

<html>
<head>
<meta name="Author" content="">
<meta name="Generator" content="Paint Shop Pro 9">
<title>	</title>
<script type="text/javascript"> 

/*********************************************** 
* Switch Menu script- by Martial B of http://getElementById.com/ 
* Modified by Dynamic Drive for format & NS4/IE4 compatibility 
* Visit http://www.dynamicdrive.com/ for full source code 
***********************************************/ 

if (document.getElementById){ //DynamicDrive.com change 
document.write('<style type="text/css">\n') 
document.write('.submenu{display: none;}\n') 
document.write('</style>\n') 
} 

function SwitchMenu(obj){ 
if(document.getElementById){ 
var el = document.getElementById(obj); 
var ar = document.getElementById("masterdiv").getElementsByTagName("span"); //DynamicDrive.com change 
if(el.style.display != "block"){ //DynamicDrive.com change 
for (var i=0; i<ar.length; i++){ 
if (ar[i].className=="submenu") //DynamicDrive.com change 
ar[i].style.display = "none"; 
} 
el.style.display = "block"; 
}else{ 
el.style.display = "none"; 
} 
} 
} 

</script> 


</head>
<body>


<div id="masterdiv"> 
<div class="menutitle" onclick="SwitchMenu('sub1')"><b><a href="#">Allgemein</a></b></div> 
<span class="submenu" id="sub1"> 
<a href="deineunterseite.htm" target="main">.Index</a><br>
<a href="deineunterseite.htm" target="main">.Impressum</a><br>
<a href="deineunterseite.htm" target="main">.Disclaimer</a><br>
<a href="deineunterseite.htm" target="main">.Kontakt</a><br> 
</span> 
<div class="menutitle" onclick="SwitchMenu('sub2')"><b><a href="#">Egal</a></b></div> 
<span class="submenu" id="sub2"> 
<a href="deineunterseite.htm" target="main">.bla</a><br>
<a href="deineunterseite.htm" target="main">.blubber</a><br>
<a href="deineunterseite.htm" target="main">.blubb</a><br>
<a href="deineunterseite.htm" target="main">.etc.</a><br> 
</span> 
</div> 

</body>
</html>


Wenn du jetzt weitere Menükategorien (hier jetzt "Allgemein" und "Egal") haben willst, dann kopier einfach das zwischen das letzte </span> und das letzte </div>

code:
1:
2:
3:
4:
5:
6:
7:
8:
<div class="menutitle" onclick="SwitchMenu('sub2')"><b><a href="#">Kategoriename</a></b></div> 
<span class="submenu" id="sub2"> 
<a href="deineunterseite.htm" target="main">.Linkname</a><br>
<a href="deineunterseite.htm" target="main">.Linkname</a><br>
<a href="deineunterseite.htm" target="main">.Linkname</a><br>
<a href="deineunterseite.htm" target="main">.Linkname</a><br> 
</span> 

Um das Ganze anzupassen, bitte bei "SwitchMenu('sub2') die Zahl fortlaufen lassen. Also bei der dritten Kategorie 3, bei der vierten 4, etc. Beim span-tag "submenu" auch hier die ID anpassen.
Dann nur noch die Unterseiten und die Linknamen eingeben, fertig.



Geschrieben von Sidney am 19.05.2009 um 16:26:

 

Hey Haalim, es würde mich mal interessieren, ob dir mein Code geholfen hat^^



Geschrieben von Kysha am 20.05.2009 um 23:18:

 

weiß ich noch nicht Augenzwinkern aber ich habs jetzt anders gemacht auf meine art und weiße und da hats geklappt Augenzwinkern ich wusst nicht wie und wo ich deinen code einfügen sollte aber danke für dein hilfeversuch



Geschrieben von Sidney am 21.05.2009 um 22:38:

 

Naja, der obere Code wäre die Menu.html gewesen (oder wie du sie genannt hast)


Forensoftware: Burning Board, entwickelt von WoltLab GmbH