PHP Grundgerüst

Evolutio · 03/20/2012, 18:57

PHP Code:


			
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8-8859-1" />

<title>TestSite</title>

<style>

#header {

    width: 1200px;

    height: 130px;

    background-color: grey;

    margin-right: auto;

    margin-left: auto;

}



#footer {

    width: 1200px;

    height: 130px;

    background-color: grey;

    margin-right: auto;

    margin-left: auto;

}



#content {

    width: 782px;

    height: 597px;

    margin-right: auto;

    margin-left: auto;

    background-color: #123456;

}



#menu {

    width: 200px;

    height: 300px;

    background-color: #234567;

    margin-left: 360px;

    float: left;

}



#login {

    width: 200px;

    height: 215px;

    background-color: #234567;

    margin-right: 360px;

    float: right;

}



</style>

</head>

<body>

    <div id="header">

    </div>

    

    <div id="menu">

    </div>

    

    <div id="login">

    </div>

    

    

    <div id="content">

    </div>

    

    <div id="footer">

    </div>

</body>

</html>

Da bitte, farben anpassen und den rest solltest du ohne probleme schaffen...

Critone · 03/21/2012, 15:47

Quote:

Originally Posted by Evolutio

PHP Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8-8859-1" /> <title>TestSite</title> <style> #header { width: 1200px; height: 130px; background-color: grey; margin-right: auto; margin-left: auto; } #footer { width: 1200px; height: 130px; background-color: grey; margin-right: auto; margin-left: auto; } #content { width: 782px; height: 597px; margin-right: auto; margin-left: auto; background-color: #123456; } #menu { width: 200px; height: 300px; background-color: #234567; margin-left: 360px; float: left; } #login { width: 200px; height: 215px; background-color: #234567; margin-right: 360px; float: right; } </style> </head> <body> <div id="header"> </div> <div id="menu"> </div> <div id="login"> </div> <div id="content"> </div> <div id="footer"> </div> </body> </html>

Da bitte, farben anpassen und den rest solltest du ohne probleme schaffen...

Year danke danke danke

Geht das vllt das man die boxen wie z.b die linke in 3 hälften aufteilt?
Und jede der 3 hälften ein bild zugewiesen bekommt?

Evolutio · 03/21/2012, 17:22

klar

PHP Code:


			
<div id="menu"> 

    <img src="pfad/zum/bild.png" alt="Bildname" /> <br />

    Text 1

</div>

dieses <br /> ist ein Zeilenumbruch (:

Critone · 03/21/2012, 17:31

Quote:

Originally Posted by Evolutio

klar

PHP Code:

<div id="menu"> <img src="pfad/zum/bild.png" alt="Bildname" /> <br /> Text 1 </div>

dieses <br /> ist ein Zeilenumbruch (:

Das weiß ich

Kapier aber das script nicht.
Da ist nur ein Bildpfad angegeben und ich hab echt kp wie ich das ind ie html einbauen soll.

Evolutio · 03/21/2012, 17:44

nehmen wir mal an, deine index.html liegt in einem ordner(Name egal).
Der ordner ist so aufgebaut
>Index.html
>Images(Ordner)
>>Images/logo.png (die logo.png liegt im Ordner images)
Dann musst du das so machen:

PHP Code:


			
<img src="http://www.elitepvpers.com/forum/images/logo.png" alt="Bildname" /> <br />

Der Link kommt von alleine -.- mach dann einfach /images/logo.png als src=""

Critone · 03/21/2012, 17:51

Quote:

Originally Posted by Evolutio

nehmen wir mal an, deine index.html liegt in einem ordner(Name egal).
Der ordner ist so aufgebaut
>Index.html
>Images(Ordner)
>>Images/logo.png (die logo.png liegt im Ordner images)
Dann musst du das so machen:

PHP Code:

<img src="http://www.elitepvpers.com/forum/images/logo.png" alt="Bildname" /> <br />

Der Link kommt von alleine -.- mach dann einfach /images/logo.png als src=""

Ja das weiß ich, ein wenig HTML kann ich.

ich will aber z.b die linke box in 3 hälften aufteilen (bzw 3 bilder)

Evolutio · 03/21/2012, 18:16

PHP Code:


			
<div id="menu">

        <img src="einstellungen.png" alt="einstellungen" style="width: 200px;" />

            <p style="margin: 1px; background-color: #123456;">Was geht ab ?</p>

        <img src="einstellungen.png" alt="einstellungen" style="width: 200px;" />

            <p style="margin: 1px; background-color: #123456;">Was geht ab ?</p>

        <img src="einstellungen.png" alt="einstellungen" style="width: 200px;" />

            <p style="margin: 1px; background-color: #123456;">Was geht ab ?</p>

    </div>

Meinst du das ?

mache drei bilder
breite: 200px
höhe: 100px
Dann ist die Box mit 3Bildern voll...

Critone · 03/21/2012, 21:44

Quote:

Originally Posted by Evolutio

PHP Code:

<div id="menu"> <img src="einstellungen.png" alt="einstellungen" style="width: 200px;" /> <p style="margin: 1px; background-color: #123456;">Was geht ab ?</p> <img src="einstellungen.png" alt="einstellungen" style="width: 200px;" /> <p style="margin: 1px; background-color: #123456;">Was geht ab ?</p> <img src="einstellungen.png" alt="einstellungen" style="width: 200px;" /> <p style="margin: 1px; background-color: #123456;">Was geht ab ?</p> </div>

Meinst du das ?

mache drei bilder
breite: 200px
höhe: 100px
Dann ist die Box mit 3Bildern voll...

Die Box soll aus 3 Bildteilen bestehen. D.h oben der Header wo die überschrift rein kommt. Ind er mitte der Main-Bereich wo die Schrift rein kommt und der sich bei längeren Texten austomatisch verändert. Und das End-Teil wo nichts drin ist. Der Main Teil sollte natürlich so 60% der Header 25% und das Ende 15% einnehmen

Und auf den Main-Bild soll man halt was schreiben können

Wenn du mich da nicht ganz verstehen kanst. Geh in den Metin2-Bereich, da habe ich ganz viele HP's mit dem Prinzip gesehen wo die Boxen an der Seite in Bildabschnitte aufgeteilt sind...

Evolutio · 03/22/2012, 16:16

schick mir mal bitte ein Bild per PN oder Poste das hier, so ganz verstehe ich das noch nicht.