[TuT] Eigene Homepage Templates coden

kikugala · 03/05/2011, 20:37

<center>
<body background="IMG/Bg.png">
<img src="IMG/Menü.png" >
</body>

oder muss ich <html> davor machen ich hab halt des so rauskopiert hab mit php net so viel erfahrung

©ross · 03/06/2011, 00:17

Quote:

Originally Posted by kikugala

<center>
<body background="IMG/Bg.png">
<img src="IMG/Menü.png" >
</body>

oder muss ich <html> davor machen ich hab halt des so rauskopiert hab mit php net so viel erfahrung

du musst vorallem schon bei html lernen den code korrekt einzurücken!

bsp:

PHP Code:


			
<html>

    <head>

        <title>Seitentitle</title>

    </head>

    <body background="IMG/Bg.png">

        <center>

            <img src="IMG/Menü.png" alt=""/>

        </center>

    </body>

</html>

ich weis nicht wie deine page aufgebaut ist, da ich selber gerne bg's via CSS einbinde

am besten währe es wenn du das GRUNDGERÜST des codes posten würdest.

der code setzt natürlich vorraus das im IMG/ ordner eine datei namens Bg.png liegt.

greetz

™Dryad · 03/06/2011, 11:10

Tolles TuT...
Damit kann ich entlich mal zulernen

Thx haste dir 100% verdient xD^^

lg

kikugala · 03/06/2011, 20:08

Danke schön jz gehts

noch ne letzte frage... wie mache ich so boxen wo ich server stat z.b rein machen kannm??

GriveNetwork · 03/07/2011, 09:25

hey,

das machst du mit sogenannten div-Tags,man könnte es auch so beschreiben
ein div ist auch gleich ein box

du kannst diesen so beginnen <div id="serverstat"> und so beenden </div>

da zwischen kannst du dann jeglichen html oder php code rein tun, um diesen box sein style zu geben, also diese zu gestalten musst du in der css datei, falls du eine externe hast, dort definieren und zwar so

#serverstat { background-color: #000000; }

die Route zeichen "#" davor bedeutet das du einen eigene div box definiert hast,
danach kommt der name von dem box, dann die geschweifte klammer auf "{" und den css code rein und zum schluss mit der geschweiften klammer wieder zu "}". Das wäre jetzt ein Beispiel, das der box im hintergrund schwarz ist.

Am besten schaueste dir mal diese seite hier an:

viel spaß und viel Erfolg

Mfg
GriveNetwork

Jay Niize · 03/07/2011, 09:29

#reportet wegen Doppelpost

Mit ner Tabelle...

Ich hatte mal HTML Tutorials hier aufm Board gemacht (dort lernst du sowas) :

NotEnoughForYou · 03/07/2011, 09:31

zwar nette idee, aber vom code her eine katastrophe ^^

GriveNetwork · 03/07/2011, 09:37

sry Jusikid aber die Tutorial von dir wird kikugala überhaupt nicht weiterbringen.

Weil du in keinem Tutorial über Cascading StyleSheets erklärst. Das sind ja nur HTML-Grundlagen.

Mfg
GriveNetwork

|Epic|FaiL| · 03/07/2011, 10:27

Schönes Tutorials für die die eine eigene Hp machen wollen aber
esfählt noch wie man Itemshop etc macht

kikugala · 03/07/2011, 12:42

Doch ich find des tut supper ich brauch immer nurn bissle bis ich alles peil und so xD

ich hab nochn letztes problem und zwar menü...
ich kann des zwar so wie es im tut hier is aber möchte vllt eins machen wo dann so leuc htet wenn man drüber geht xD
sry wenn ich nerv >.<

NotEnoughForYou · 03/07/2011, 13:00

das ist ein rollovereffekt... entweder per css oder direkt mit

HTML Code:

onclick="this.src='bildadresse';"

GriveNetwork · 03/07/2011, 13:03

hey kikugala,

und zwar gibt es zwei verschiedene methoden um das zu realisieren, die eine wäre mit javascript und die andere mit css, ich erkläre dir mal wie du es mit css machen kannst. Bei css benutzt man den Hover-effekt, ein ganz einfaches beispiel wäre dieser hier:

#navi li a {

//Hier kommt z-B. das bild hin, das normal angezeigt wird.
background-image:url("bilder/bild.jpg");

}

#navi li a:hover {

//Hier kommt das bild hin, wo man mit maus drüber fährt.
background-image:url('bilder/bild_hover.jpg");

}

in diesem beispiel habe ich den div navi genommen, da man normalerweise um ein menu zu erstellen ul-Tags auch listen genannt benutzt, greife ich hier auf den li-Tag und sage das der link also "a" eine bestimmte style haben soll.
Mit a:hover sage ich dem browser, das sobald die maus drüber fährt das ausführen soll, was zwischen den geschweiften klammern steht.

Mfg
GriveNetwork

NotEnoughForYou · 03/07/2011, 13:08

grive soweit ich das gesehen habe, wird das ohne css gemacht in dem tut... und es ist eine id und kein div

sonst alles richtig erklärt

kikugala · 03/07/2011, 13:32

ich hab nur 1 problem ich schreibe alles ohne extra css datei wie kann ich des einfach in dein div tag einsetetzen?

NotEnoughForYou · 03/07/2011, 13:59

HTML Code:

<div style="li a {
background:url(bildadresse);
}
li a:hover {
background:url(das andre bild);
}"></div>

das ist der sogenannte inlinestyle