PDA

Vollständige Version anzeigen : hpdesign


Hawkeye
11.11.2003, 20:16
guten abend!

da ich etz weiss wozu dieses forum gut is, will ich doch gleich mal was fragen ;)

also, ich arbeit grad an nem neuen design für meine hp, zu sehen unter http://www.hidin-death.de.vu/v4

hab das design komplett mit gimp erstellt, wollte noch fragen was ihr davon haltet. bitte keine kommentare das es eine zu harte abstufung zwischen bild und html ist, dazu bin ich noch ned gekommen. werd erstmal schauen ob sich auf das design aufbauen lässt. hoffe auf viel kritik ;)

grüsse, hawkeye

eRin
11.11.2003, 20:35
Nabend hawkeye

das Bild ist fett, wie alle Bilder von dir ;) Mit der Abstufung hast Recht, aber hast ja schon gesagt das du daran arbeitest. Bezüglich Design, bevor du weitermachst, schau dir mal CSS an. Mit CSS kannst die Bilder ohne I-Frames und ohne Tabellen Punktgenau anordnen.

only my 2 cents .. :D

Hawkeye
11.11.2003, 20:41
hm.. hast du n link fürn gutes css-tutorial? hab mein wissen aus nem älteren self-html, nutze css bis etz nur zur schriftformatierung. werd mal schauen obs in der neueren self-html version drin is.

ich hab noch ein problem beim header, der name für die page muss iwie noch da rein. aber bei den bisherigen versuchen war der schriftzug zu aufdränglich. irgendwelche ideen?

eRin
11.11.2003, 21:00
Selfhtml hat ne gute Referenz bzgl CSS parat. Aber wenn du gute praktisch-orientierte Artikel suchst schau mal bei drweb.de vorbei. Dort findest unter CSS Praxis/Technik sehr viele gute Artikel. Aber auch sonst ist die Seite meiner Meinungs nach recht hilfreich wenns um Webdesign geht.

Ansonsten sind diese Seiten recht gut wenns um CSS geht:

http://www.css4you.de/
http://www.css-technik.de/
http://www.css-info.de/


Meinst du mit Header das menü?

Chrischan
11.11.2003, 21:22
wow... das sieht ja spitze aus.... aber ich glaub nich das su das HTML mit hand geschrieben hast.... :x

Wulf
11.11.2003, 22:15
Krasse Wolken,
wie ein schwarz-weiss W95.
Nein sieht ganz gut aus, nur noch zu wenig
die Linkleiste würde ich vieleicht in die wolken integrieren am besten die Schrift als Grafik mit 'nem eigenen Wolkenefeckt.
Kriegst die links auch mit css dahin
<img style="position:absolute;left:17px;top:100px"...
usw

Hawkeye
12.11.2003, 14:28
@chrischian

ich schreib grundsäzlich selbst, sonst wüsst ich ned was in der file los is.. :)

das mitn links werd ich mal versuchen, is ne gute idee.

Wulf
12.11.2003, 14:42
Da fällt mir noch ein,
wenn du so was baust:
<div style="position:absolute;left:linke seite px;top:abstand von oben px;">
Wolken.gif
<a href="ziel.html" style="position:absolute;left:0px;top:0px;">
Linkname</a>
</div>
kannst du z.B. ein animiertes GIF hinter die Schrift legen.
Wenn den Link als Bild ohne Text implementierst geht das Layouten für unterschiedliche Browser etwas besser, ausserdem kannst du in dem Bild auch wieder Wolkenefx verwenden.
Ist natürlich alles nochmal auf unterschiedlichen Browsern gegenzuchecken.

Hawkeye
12.11.2003, 22:23
das mit den einzelbildern halt ich in ner tabelle für einfacher, weil ichs gewöhnt bin. werde ich wohl am ehesten realisieren.

browser teste ich ie und opera. mehr hab ich momentan ned. sollte aber zu keinen schwerwiegenden fehlern kommen.

Chrischan
13.11.2003, 10:24
Wenn dus mit Hand gemacht hast bin ich :D .

Hawkeye
13.11.2003, 20:06
dann binsch nomma beruhigt ;)

frage: ich hab etz n art rand für den header gemacht, 2 neue bilder. diese will ich rechts und links vom header positionieren. problem ist, das zwischen den bildern und dem header ein abstand von n par pixel bleibt, was mich sehr stört. wie bekomm ich den weg? hatte gedacht das ich es mit margin machen kann, ging aber ned. andere überlegung wäre, einfach den header mit den 2 bildern zu einem einzigen zu schneiden, mache ich falls ich kein anderen weg finde.

Dookie
13.11.2003, 20:33
Hi Hawkeye,

das musst du mit dem img-Attriubt hspace machen, siehe auch http://de.selfhtml.org/html/referenz/attribute.htm#img


Gruß

Dookie

Hawkeye
13.11.2003, 20:43
funktioniert nich, der abstand is noch da. werds später nomma probieren, wenns ned geht bind ich die bilder einfach in den header ein.

eRin
13.11.2003, 22:02
schau mal mit CSS die Attribute padding und marging, vielleicht helfen die weiter ..

Chrischan
14.11.2003, 15:09
Lol.... CSS habe ich ja total vergessen, ich nutze das als wärs "Deutsch" ;)
Ich werde mich mal an XML ranschmeißen :oops:

Hawkeye
14.04.2004, 19:39
so, ich hab mich heute mal wieder an meine hp gesetzt ( nachdem ich sie eigentlich anfang des jahres fertig haben wollte :) ). jedenfalls is wieder n komplett neues design entstanden. alles natürlich gimp.

http://www.hidin-death.de.vu

eigentlich funktioniert nur die gallerie richtig, der rest braucht noch. wenn ihr irgendwelche fehler seht, einfach schreiben.

gruss, hawkeye

Hawkeye
07.06.2004, 20:34
so, hatte die letzten 2 wochen ferien, und wie's hald so is hab ich nix besseres zu tun gehabt als des design von der hp zu überarbeitn ;)

adresse is immer noch http://www.hidin-death.de.vu , schauts euch ruhig mal an, beisst niemand ;) gb geht hald noch ned, muss ich noch einbauen. is mir abhanden gekommen weil ichn neuen webspace bekommen hab. naja, is auch ned des wichtigste an der seite ;)

gruss, hawkeye