GFX-Sector - HTML, CSS

Es soll sich nur der Content ändern?
Geht soweit ich weis nur mit Iframe, oder Flash^^.

Aber wenn du dein Design gut mit html und css codest, dann läd es im normalfall so schnell, dass man nur den content neu laden muss. Bzw dass nur auffält, dass der content neu geladen wird.

Grunsätzlich bekomme ich Augenkrebs wenn ich lese "hab das Design nun mit Image Ready gecodet". Das ist nicht gecodet sondern ist ein billiges (nichts persönliches gell) Tabellenlayout. Wenn du diesen Code nütz kannst du es nur über Iframe lösen. Am besten codest du das Design schön mit html und css damit du mit Divs den Content einfügen kannst.

Danach kannst du jeweils den Code kopieren und musst nur den Inhalt des einen Divs ändern.

This post has been edited 1 time(s), it was last edited by c22: 19.05.2008 13:57.

Dir jetzt alles zu erklären würde zu lange gehen sprich ich müsste hier einen Roman schreiben. Aber ich probiers mal mich kurz zu fassen. Zudem lernst du es am besten wenn du dir einiges zum Thema anschaust. (Links hat'es unten). Generell kannst du mit css deine divs genau positionieren. Die versch. Tags zum positionieren findest du hier . Diese Angaben kommen dann in den Header Bereich ...

1:
2:
3:
4:

#box1, { float: left; 
    padding: 10px;  
    border: 1px solid silver; }

1:
2:
3:

<div id="box1" >
test
</div>

iframes pfui!!!

imho koenntest du es so realisieren:

• mit php:
  n php script des dir je nach get parameter n anderen content retourniert
  
• ohne php:
  x verschiedene html seiten, die NUR den content beinhalten, also ohne header, nav und footer
  

1:

<script type="text/javascript" src="jquery.js"></script> 

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:

	<script type="text/javascript">

		$(document).ready(function(){
			$("#content").load("home.html");

			$("#home").click(function(){
				$("#content").html(" ");
				$("#content").load("home.html");
				return false;
			});
			
			$("#about").click(function(){
				$("#content").html(" ");
				$("#content").load("about.html");
				return false;
			});
			
			$("#contact").click(function(){
				$("#content").html(" ");
				$("#content").load("contact.html");
				return false;
			});

		});

	</script>

This post has been edited 1 time(s), it was last edited by izak.stern: 19.05.2008 17:33.

If you were enjoying this post and if you keen on reading more interesting stuff then do not hesitate to complete the free sign up.

After the free registration you will gain access to all areas and you will be able to communicate with other artists from all over the world.

In addition you will benefit from our Photoshop and coding section as well as from our huge (hundreds of gigabytes) free resource section where you can find everything you will need to be a successful (web) designer/artist.

Sign up now and enjoy the advantages as a registered member.

(This website will be ad-free after a complete free sign up.)