PHP Grundgerüst

Page 2 of 2 1 2
03/20/2012 18:57 Evolutio#16
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...
03/21/2012 15:47 Critone#17
Quote:
Originally Posted by Evolutio View Post
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?
03/21/2012 17:22 Evolutio#18
klar
PHP Code:
<div id="menu"> 
    <img src="pfad/zum/bild.png" alt="Bildname" /> <br />
    Text 1
</div> 
dieses <br /> ist ein Zeilenumbruch (:
03/21/2012 17:31 Critone#19
Quote:
Originally Posted by Evolutio View Post
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.
03/21/2012 17:44 Evolutio#20
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=""
03/21/2012 17:51 Critone#21
Quote:
Originally Posted by Evolutio View Post
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)
03/21/2012 18:16 Evolutio#22
[Only registered and activated users can see links. Click Here To Register...]

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...
03/21/2012 21:44 Critone#23
Quote:
Originally Posted by Evolutio View Post
[Only registered and activated users can see links. Click Here To Register...]

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...
03/22/2012 16:16 Evolutio#24
schick mir mal bitte ein Bild per PN oder Poste das hier, so ganz verstehe ich das noch nicht. :D
Page 2 of 2 1 2