Gegen Bilderklau - Das Original

Registrierung Mitgliederliste Teammitglieder Suche Häufig gestellte Fragen Statistik Chat Karte Zur Startseite

Gegen Bilderklau - Das Original » Design, Website, Copyright » Homepagehilfe » Homepagehilfe - Archiv » [HTML] Imagemap- und Div- Layout coden » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag Druckvorschau | Thema zu Favoriten hinzufügen
Zum Ende der Seite springen Imagemap- und Div- Layout coden
Beiträge zu diesem Thema Autor Datum
 Imagemap- und Div- Layout coden yvileinchen 07.03.2010 19:14
 RE: Imagemap- und Div- Layout coden Thorim 07.03.2010 19:51
 RE: Imagemap- und Div- Layout coden yvileinchen 08.03.2010 16:25
 RE: Imagemap- und Div- Layout coden Skadi 08.03.2010 16:35
 RE: Imagemap- und Div- Layout coden Thorim 08.03.2010 17:59

Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
yvileinchen yvileinchen ist weiblich
->Be in a lovely world <3


images/avatars/avatar-51975.png

Dabei seit: 20.02.2007
Beiträge: 774
Herkunft: Raindorf
Imagemap- und Div- Layout coden Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen
Huhu Leute (:


Also ich habs zwar versucht, aber ich kapiers einfach nicht xD Also ich möchte gern ein Imagemap design coden. Ein normales Design habe ich schon gecodet, aber ich komm nicht weiter, weil ichs einfach nicht check.

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:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>Weiberblog</title>
  <style type="text/css">
<!--
body { scrollbar-highlight-color:#ffffff;
scrollbar-arrow-color:#ffffff;
scrollbar-3dlight-color:#92906E;
scrollbar-base-color:#92906E;
scrollbar-darkshadow-color:#92906E;
scrollbar-face-color:#92906E;
scrollbar-shadow-color:#92906E;
background-image:url("http://weiberblog.bplaced.net/grafiken/design2.png");
background-position: top left;
background-repeat: no-repeat;
background-color:url;
-->
  </style>
</head>
<body>
<div style="left: 102px; top: 194px; position: absolute;">
<iframe name="main" src="http://weiberblog.bplaced.net/seiten/main.html" style="" ;="" align="top right" frameborder="0" height="456" scrolling="auto" width="557"> </iframe></div>

<div style="left: 676px; top: 175px; position: absolute;">
<iframe name="menu" src="http://weiberblog.bplaced.net/seiten/menue.html" style="" ;="" align="top right" frameborder="0" height="475" scrolling="auto" width="192"> </iframe></div>


</body>
</html>


So, also ich wäre euch sehr verbunden, wenn mir Jemand noch zu DIESEM DESIGN die 4 Buttons coden könnte. Es soll sich jeweils im target "main.html" öffnen und die links sind folgende:
'http://weiberblog.bplaced.net/seiten/main.html' für HOME
'http://weiberblog.bplaced.net/seiten/weibsbilder.html' für WEIBSBILDER
'http://weiberblog.bplaced.net/seiten/fotogalerie.html' für FOTOGALERIE
'http://weiberblog.bplaced.net/seiten/rechtliches.html' für RECHTLICHES
Wenn ihr noch was braucht, fragt mich bitte.

Dann möchte ich noch gerne, dass das ganze ein Div-Layout ist, also dass wenn viel Text dasteht, sich das Design nach unten zieht. Wenn mir das Jemand coden will und kann, nehmt bitte die unteren 150 Pixel, die sich nach unten ziehen sollen. Ihr könnt mir ja dann erklären, wie ich es einbauen soll.

Wenns Fragen geht oder ich mich unerklärlich ausgedrückt habe, fragt bitte nach (:


GLG & Danke im voraus,
yvonne

__________________
.

wäre die welt eine bank, wäre sie schon längst gerettet.


icon von SaraliebtPferde
.

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von yvileinchen: 07.03.2010 19:15.
07.03.2010 19:14 yvileinchen ist offline E-Mail an yvileinchen senden Beiträge von yvileinchen suchen Nehmen Sie yvileinchen in Ihre Freundesliste auf Fügen Sie yvileinchen in Ihre Kontaktliste ein MSN Passport-Profil von yvileinchen anzeigen
Thorim Thorim ist männlich
Mitglied


images/avatars/avatar-48753.png

Dabei seit: 04.02.2010
Beiträge: 154
Herkunft: Deutschland
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen
so ok? (imagemap geht schlecht, schließlich ist die Grafik als Hintergrund im Body drin, da geht das dann auch nicht)

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:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<title>Weiberblog</title>
	<style type="text/css">
<!--
body {
	scrollbar-highlight-color:#ffffff;
	scrollbar-arrow-color:#ffffff;
	scrollbar-3dlight-color:#92906E;
	scrollbar-base-color:#92906E;
	scrollbar-darkshadow-color:#92906E;
	scrollbar-face-color:#92906E;
	scrollbar-shadow-color:#92906E;
	background-image:url("http://weiberblog.bplaced.net/grafiken/design2.png");
	background-position: top left;
	background-repeat: no-repeat;
	background-color:url;
}

#menu {
	position: absolute;
	top: 145px;
	left: 150px;
	width: 510px;
	height: 40px;
}

#menu a {
	display: block;
	position: absolute;
	top: 0;
	height: 40px;
}
-->
	</style>
</head>
<body>
	
	<div style="left: 102px; top: 194px; position: absolute;">
		<iframe name="main" src="http://weiberblog.bplaced.net/seiten/main.html" style="" align="top right" frameborder="0" height="456" scrolling="auto" width="557"> </iframe>
	</div>

	<div style="left: 676px; top: 175px; position: absolute;">
		<iframe name="menu" src="http://weiberblog.bplaced.net/seiten/menue.html" style="" align="top right" frameborder="0" height="475" scrolling="auto" width="192"> </iframe>
	</div>
	
	<div id="menu">
		<a href="http://weiberblog.bplaced.net/seiten/main.html" target="main" title="Home" style="left: 0; width: 80px"></a>
		<a href="http://weiberblog.bplaced.net/seiten/weibsbilder.html" target="main" title="Weibsbilder" style="left: 90px; width: 130px"></a>
		<a href="http://weiberblog.bplaced.net/seiten/fotogalerie.html" target="main" title="Fotogalerie" style="left: 230px; width: 140px"></a>
		<a href="http://weiberblog.bplaced.net/seiten/rechtliches.html" target="main" title="Rechtliches" style="left: 380px; width: 120px"></a>
	</a>
</body>
</html>



edit: also das sich das bei viel Inhalt verlängert, geht glaub nur gescheit, wenn ihr auf die Frames/Iframes verzichtet und stattdessen mit PHP arbeitet (bin sowiso der Meinung, das Frames ins letzte Jahrtausend gehören...)

Dieser Beitrag wurde 2 mal editiert, zum letzten Mal von Thorim: 07.03.2010 20:00.
07.03.2010 19:51 Thorim ist offline E-Mail an Thorim senden Homepage von Thorim Beiträge von Thorim suchen Nehmen Sie Thorim in Ihre Freundesliste auf
yvileinchen yvileinchen ist weiblich
->Be in a lovely world <3


images/avatars/avatar-51975.png

Dabei seit: 20.02.2007
Beiträge: 774
Herkunft: Raindorf

Themenstarter Thema begonnen von yvileinchen
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen
Heii du (:
Danke, geht super!

Zitat:
Original von Thorim
edit: also das sich das bei viel Inhalt verlängert, geht glaub nur gescheit, wenn ihr auf die Frames/Iframes verzichtet und stattdessen mit PHP arbeitet (bin sowiso der Meinung, das Frames ins letzte Jahrtausend gehören...)


Ich kann kein PHP unglücklich aber wie meinst du dass, auf Frames/IFrames verzichten?

GLG
yvonne

__________________
.

wäre die welt eine bank, wäre sie schon längst gerettet.


icon von SaraliebtPferde
.
08.03.2010 16:25 yvileinchen ist offline E-Mail an yvileinchen senden Beiträge von yvileinchen suchen Nehmen Sie yvileinchen in Ihre Freundesliste auf Fügen Sie yvileinchen in Ihre Kontaktliste ein MSN Passport-Profil von yvileinchen anzeigen
Skadi Skadi ist weiblich
I LIKE ME THE WAY I AM «3


images/avatars/avatar-52573.png

Dabei seit: 20.03.2008
Beiträge: 2.005
Herkunft: Deutschland
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

Ich denke er meint damit, du/ihr solltet mit divs arbeiten. ;D
Sowie er es mit dem Menue gemacht hat und es dann im CSS
definieren.

Mfg; Skadi
08.03.2010 16:35 Skadi ist offline E-Mail an Skadi senden Beiträge von Skadi suchen Nehmen Sie Skadi in Ihre Freundesliste auf
Thorim Thorim ist männlich
Mitglied


images/avatars/avatar-48753.png

Dabei seit: 04.02.2010
Beiträge: 154
Herkunft: Deutschland
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen
jap, das Design nur mit Divs umsetzen, keine Frames verwenden, das bedeutet natürlich, dass Menü, Inhalt etc.. zusammen in einer Datei stehen...

naja damit man dann nicht bei ner kleinen Änderung vom Menü zig Dateien ändern muss, nutzt man dann normalerweise PHP und lässt sich das entsprechend vom Server zusammenstellen großes Grinsen


edit: hab da oben in Zeile 53 nen fehler, da müsste nen </div> statt nem </a> hin

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Thorim: 08.03.2010 18:23.
08.03.2010 17:59 Thorim ist offline E-Mail an Thorim senden Homepage von Thorim Beiträge von Thorim suchen Nehmen Sie Thorim in Ihre Freundesliste auf
Baumstruktur | Brettstruktur
Gehe zu:
Gegen Bilderklau - Das Original » Design, Website, Copyright » Homepagehilfe » Homepagehilfe - Archiv » [HTML] Imagemap- und Div- Layout coden

Impressum

Forensoftware: Burning Board, entwickelt von WoltLab GmbH