[TuT] Eigene Homepage Templates coden

Page 2 of 5 1 2 34 Last »
03/05/2011 20:37 kikugala#16
<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
03/06/2011 00:17 ©ross#17
Quote:
Originally Posted by kikugala View Post
<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
03/06/2011 11:10 ™Dryad#18
Tolles TuT...
Damit kann ich entlich mal zulernen

Thx haste dir 100% verdient xD^^

lg
03/06/2011 20:08 kikugala#19
Danke schön jz gehts :D

noch ne letzte frage... wie mache ich so boxen wo ich server stat z.b rein machen kannm??
03/07/2011 09:25 GriveNetwork#20
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:
[Only registered and activated users can see links. Click Here To Register...]

viel spaß und viel Erfolg

Mfg
GriveNetwork
03/07/2011 09:29 Jay Niize#21
#reportet wegen Doppelpost

Mit ner Tabelle...

Ich hatte mal HTML Tutorials hier aufm Board gemacht (dort lernst du sowas) :
[Only registered and activated users can see links. Click Here To Register...]
[Only registered and activated users can see links. Click Here To Register...]
[Only registered and activated users can see links. Click Here To Register...]
03/07/2011 09:31 NotEnoughForYou#22
zwar nette idee, aber vom code her eine katastrophe ^^
03/07/2011 09:37 GriveNetwork#23
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
03/07/2011 10:27 |Epic|FaiL|#24
Schönes Tutorials für die die eine eigene Hp machen wollen aber
esfählt noch wie man Itemshop etc macht ;)
03/07/2011 12:42 kikugala#25
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 >.<
03/07/2011 13:00 NotEnoughForYou#26
das ist ein rollovereffekt... entweder per css oder direkt mit
HTML Code:
onclick="this.src='bildadresse';"
03/07/2011 13:03 GriveNetwork#27
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
03/07/2011 13:08 NotEnoughForYou#28
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 :)
03/07/2011 13:32 kikugala#29
ich hab nur 1 problem ich schreibe alles ohne extra css datei wie kann ich des einfach in dein div tag einsetetzen?
03/07/2011 13:59 NotEnoughForYou#30
HTML Code:
<div style="li a {
background:url(bildadresse);
}
li a:hover {
background:url(das andre bild);
}"></div>
das ist der sogenannte inlinestyle
Page 2 of 5 1 2 34 Last »