Vortlage: wie umsetzen ?

pX*Marcel

Lebende Foren Legende

Dabei seit: 01.08.2003

Beiträge: 1 578

1

Dienstag, 14. Dezember 2004, 22:02

Ich möchte keine feedbacks nur nen vorschlag wie ich das umsetzen kann am besten sogar schon wenn mir einer direkt hilft

das oben is ein ehader das bildchen rechts verändert sich dauernt.darunter das wird mal ein newsticker sein dann links das menu und rechts unten der content bereich.

»pX*Marcel« hat folgendes Bild angehängt:

www.SchalkerTreff.de neu ! Kostenlos S04-Bilder-Hochladen und tolle Preise sichern !

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »pX*Marcel« (14. Dezember 2004, 22:04)

SevenofNine

Foren Gott

Dabei seit: 30.10.2002

Beiträge: 5 219

2

Dienstag, 14. Dezember 2004, 22:43

RE: Vortlage: wie umsetzen ?

Also helfen würde ich sehr gern , nur weiß ich nicht was du wissen möchtest.

Gruß

Seven

Bevor du hier Fragen stellst, lese alle Dokumentationen und klicke die folgenden Links um mehr zu erfahren
WMW Forensuche,
WMW F.A.Q. und/oder
Allgemeine suche

IceThunder

Kaiser

Dabei seit: 05.08.2003

Beiträge: 1 073

3

Mittwoch, 15. Dezember 2004, 07:08

ich denke, er braucht hilfe bei der umsetzung des html/css codes... weil das design hat er ja schon und da er hier postet...

ich hab jetzt nur leider keine zeit... wenn bis heute abend noch niemand geantwortet hat, dann geb ich dir ein paar denkanstöße..

sutadur

Foren Gott

Dabei seit: 03.03.2003

Beiträge: 2 198

4

Mittwoch, 15. Dezember 2004, 11:10

Spontan würde ich sagen, nimm ein Tool um das Layout zu zerschneiden und in einer Tabelle wieder zusammenzusetzen (Slicen, s. Bild). Und die Elemente, die sich ändern (z.B. die Grafik oben rechts) werden einfach für jede Unterseite ausgetauscht.

"Zeitgemäßer" ist das wohl mit einer Umsetzung mit CSS und DIV, das erfordert aber einiges mehr an Aufwand.

»sutadur« hat folgendes Bild angehängt:

pX*Marcel

Lebende Foren Legende

Dabei seit: 01.08.2003

Beiträge: 1 578

5

Mittwoch, 15. Dezember 2004, 16:49

das sind schon gute ideen hab aber kein tool. Deine aufteilung finde ich gut bis auf den header denn den habe ich als ganzes

ansonsten schon mal jetzt danke.

Ja ich möchte das design jetzt in html/css umsetzen bin aber in css schwach akso würde mich freun wenn mir einer den Tabellencode schickt wo dann alle sachen schon an ihrer stelle sind. Danke

www.SchalkerTreff.de neu ! Kostenlos S04-Bilder-Hochladen und tolle Preise sichern !

SevenofNine

Foren Gott

Dabei seit: 30.10.2002

Beiträge: 5 219

6

Mittwoch, 15. Dezember 2004, 17:18

Also die Grafikprogramme die ich kenne können das ...
Wenn du nicht allzuviel ausgeben möchtest dann nimm den PaintShop 9 pro ... den 6er gibt es schon als Freeware .. der kann es meine ich auch schon....
Und die 8er und 9er verson gibt es als 60 tage Trial.

Gruß

Seven

Nachtrag:

Oder aber der hier anwesenden zerteilt dir das Bild und schickt dir den Code zurück .... mit dem HTML code der ja auch von den Programmen erstellt wird.

Bevor du hier Fragen stellst, lese alle Dokumentationen und klicke die folgenden Links um mehr zu erfahren
WMW Forensuche,
WMW F.A.Q. und/oder
Allgemeine suche

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »SevenofNine« (15. Dezember 2004, 17:19)

sutadur

Foren Gott

Dabei seit: 03.03.2003

Beiträge: 2 198

7

Mittwoch, 15. Dezember 2004, 17:22

Ich mach das mit Fireworks 1.0 (gab's mal für lau in einer Zeitschrift) ...

pX*Marcel

Lebende Foren Legende

Dabei seit: 01.08.2003

Beiträge: 1 578

8

Mittwoch, 15. Dezember 2004, 18:33

ich habe photoimpact 8.0SE kann man das damit auch ?

www.SchalkerTreff.de neu ! Kostenlos S04-Bilder-Hochladen und tolle Preise sichern !

SevenofNine

Foren Gott

Dabei seit: 30.10.2002

Beiträge: 5 219

9

Mittwoch, 15. Dezember 2004, 18:58

sollte gehen ... habe zwar auch das Programm (bekam man mal bei 1und1....

naja versuch es mal ...

Zitat

Ufo Datei in PhtotImpact laden.
“Web“ auswählen
“Slicer..“ auswählen
Alles schön slicen
Nun auf das Browser (IE) Bild klicken.
Nun öffnet sich die Homepage schon in HTML
Der Pfad sieht “C:\Lokale Einstellungen\Temp\PhotoImpact\Preview0094\upi0094.htm“ ähnlich. Nun einfach upo0094.htm weglassen und schon öffnet sich der Ordner mit den fertigen Grafiken. Jetzt alles in einen anderen Ordner kopieren und in Html anpassen

Gruß

Seven

Bevor du hier Fragen stellst, lese alle Dokumentationen und klicke die folgenden Links um mehr zu erfahren
WMW Forensuche,
WMW F.A.Q. und/oder
Allgemeine suche

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »SevenofNine« (15. Dezember 2004, 18:58)

pX*Marcel

Lebende Foren Legende

Dabei seit: 01.08.2003

Beiträge: 1 578

10

Mittwoch, 15. Dezember 2004, 22:15

ich find unter "web" keinen slicer hab das auch auf deutsch da steht nur "Gitter und Aufteilung" dann öffnet sich nen fenster wo der das automatisch macht aber ich kann das nicht manuel machen, hat wer ne freeware die 100% funktioniert ?

www.SchalkerTreff.de neu ! Kostenlos S04-Bilder-Hochladen und tolle Preise sichern !

treo

Super Moderator

Dabei seit: 16.09.2002

Beiträge: 3 669

11

Mittwoch, 15. Dezember 2004, 22:26

öhm, du brauchst für dieses design genau 2 bilder....
und zwar die aus dem header, mehr nicht, der rest lässt sich per css machen.

ihre DNS Analyse zeigt eine krankhafte Abneigung gegen jegliche Autorität und einen Charakter der zum Gewaltausbrechen neigt....

pX*Marcel

Lebende Foren Legende

Dabei seit: 01.08.2003

Beiträge: 1 578

12

Mittwoch, 15. Dezember 2004, 22:53

aha und wie ? o0 bin css anfänger.Aber Treo das is bestimmt ne feine idee *help*
----------------
Hab das Design an sich nun ins HTML übersetzt nur was jetzt wie soll ich da was einfügen ? Ich mein das sind keine tabellen besser krieg ich ds net hin ..

also hab es geschnitten und so eingefügt das es am ende wieder aussieht wie ein bild

Zitat

<BODY BGCOLOR="#000000">
<H1>ML-Active</H1>
<P></P>
<TABLE ALIGN=CENTER WIDTH=804 CELLSPACING=0 CELLPADDING=0>
<TR>
<TD VALIGN=TOP>
<IMG SRC="C:\Dokumente und Einstellungen\Marcel\Eigene Dateien\Homepages\ml-active\Image00001.jpg" HSPACE=0 VSPACE=0 BORDER=0></TD>
<TD VALIGN=TOP>
<IMG SRC="C:\Dokumente und Einstellungen\Marcel\Eigene Dateien\Homepages\ml-active\Image00002.jpg" HSPACE=0 VSPACE=0 BORDER=0></TD>
<TD VALIGN=TOP>
<IMG SRC="C:\Dokumente und Einstellungen\Marcel\Eigene Dateien\Homepages\ml-active\Image00003.jpg" HSPACE=0 VSPACE=0 BORDER=0></TD>
<TD VALIGN=TOP>
<IMG SRC="C:\Dokumente und Einstellungen\Marcel\Eigene Dateien\Homepages\ml-active\Image00004.jpg" HSPACE=0 VSPACE=0 BORDER=0></TD>
<TD VALIGN=TOP>
<IMG SRC="C:\Dokumente und Einstellungen\Marcel\Eigene Dateien\Homepages\ml-active\Image00005.jpg" HSPACE=0 VSPACE=0 BORDER=0></TD>
</TR>
<TR>
<TD VALIGN=TOP>
<IMG SRC="C:\Dokumente und Einstellungen\Marcel\Eigene Dateien\Homepages\ml-active\Image00006.jpg" HSPACE=0 VSPACE=0 BORDER=0></TD>
<TD VALIGN=TOP>
<IMG SRC="C:\Dokumente und Einstellungen\Marcel\Eigene Dateien\Homepages\ml-active\Image00007.jpg" HSPACE=0 VSPACE=0 BORDER=0></TD>
<TD VALIGN=TOP>
<IMG SRC="C:\Dokumente und Einstellungen\Marcel\Eigene Dateien\Homepages\ml-active\Image00008.jpg" HSPACE=0 VSPACE=0 BORDER=0></TD>
<TD VALIGN=TOP>
<IMG SRC="C:\Dokumente und Einstellungen\Marcel\Eigene Dateien\Homepages\ml-active\Image00009.jpg" HSPACE=0 VSPACE=0 BORDER=0></TD>
<TD VALIGN=TOP>
<IMG SRC="C:\Dokumente und Einstellungen\Marcel\Eigene Dateien\Homepages\ml-active\Image00010.jpg" HSPACE=0 VSPACE=0 BORDER=0></TD>
</TR>
<TR>
<TD VALIGN=TOP>
<IMG SRC="C:\Dokumente und Einstellungen\Marcel\Eigene Dateien\Homepages\ml-active\Image00011.jpg" HSPACE=0 VSPACE=0 BORDER=0></TD>
<TD VALIGN=TOP>
<IMG SRC="C:\Dokumente und Einstellungen\Marcel\Eigene Dateien\Homepages\ml-active\Image00012.jpg" HSPACE=0 VSPACE=0 BORDER=0></TD>
<TD VALIGN=TOP>
<IMG SRC="C:\Dokumente und Einstellungen\Marcel\Eigene Dateien\Homepages\ml-active\Image00013.jpg" HSPACE=0 VSPACE=0 BORDER=0></TD>
<TD VALIGN=TOP>
<IMG SRC="C:\Dokumente und Einstellungen\Marcel\Eigene Dateien\Homepages\ml-active\Image00014.jpg" HSPACE=0 VSPACE=0 BORDER=0></TD>
<TD VALIGN=TOP>
<IMG SRC="C:\Dokumente und Einstellungen\Marcel\Eigene Dateien\Homepages\ml-active\Image00015.jpg" HSPACE=0 VSPACE=0 BORDER=0></TD>
</TR>
<TR>
<TD VALIGN=TOP>
<IMG SRC="C:\Dokumente und Einstellungen\Marcel\Eigene Dateien\Homepages\ml-active\Image00016.jpg" HSPACE=0 VSPACE=0 BORDER=0></TD>
<TD VALIGN=TOP>
<IMG SRC="C:\Dokumente und Einstellungen\Marcel\Eigene Dateien\Homepages\ml-active\Image00017.jpg" HSPACE=0 VSPACE=0 BORDER=0></TD>
<TD VALIGN=TOP>
<IMG SRC="C:\Dokumente und Einstellungen\Marcel\Eigene Dateien\Homepages\ml-active\Image00018.jpg" HSPACE=0 VSPACE=0 BORDER=0></TD>
<TD VALIGN=TOP>
<IMG SRC="C:\Dokumente und Einstellungen\Marcel\Eigene Dateien\Homepages\ml-active\Image00019.jpg" HSPACE=0 VSPACE=0 BORDER=0></TD>
<TD VALIGN=TOP>
<IMG SRC="C:\Dokumente und Einstellungen\Marcel\Eigene Dateien\Homepages\ml-active\Image00020.jpg" HSPACE=0 VSPACE=0 BORDER=0></TD>
</TR>
<TR>
<TD VALIGN=TOP>
<IMG SRC="C:\Dokumente und Einstellungen\Marcel\Eigene Dateien\Homepages\ml-active\Image00021.jpg" HSPACE=0 VSPACE=0 BORDER=0></TD>
<TD VALIGN=TOP>
<IMG SRC="C:\Dokumente und Einstellungen\Marcel\Eigene Dateien\Homepages\ml-active\Image00022.jpg" HSPACE=0 VSPACE=0 BORDER=0></TD>
<TD VALIGN=TOP>
<IMG SRC="C:\Dokumente und Einstellungen\Marcel\Eigene Dateien\Homepages\ml-active\Image00023.jpg" HSPACE=0 VSPACE=0 BORDER=0></TD>
<TD VALIGN=TOP>
<IMG SRC="C:\Dokumente und Einstellungen\Marcel\Eigene Dateien\Homepages\ml-active\Image00024.jpg" HSPACE=0 VSPACE=0 BORDER=0></TD>
<TD VALIGN=TOP>
<IMG SRC="C:\Dokumente und Einstellungen\Marcel\Eigene Dateien\Homepages\ml-active\Image00025.jpg" HSPACE=0 VSPACE=0 BORDER=0></TD>
</TR>
<TR>
<TD VALIGN=TOP>
<IMG SRC="C:\Dokumente und Einstellungen\Marcel\Eigene Dateien\Homepages\ml-active\Image00026.jpg" HSPACE=0 VSPACE=0 BORDER=0></TD>
<TD VALIGN=TOP>
<IMG SRC="C:\Dokumente und Einstellungen\Marcel\Eigene Dateien\Homepages\ml-active\Image00027.jpg" HSPACE=0 VSPACE=0 BORDER=0></TD>
<TD VALIGN=TOP>
<IMG SRC="C:\Dokumente und Einstellungen\Marcel\Eigene Dateien\Homepages\ml-active\Image00028.jpg" HSPACE=0 VSPACE=0 BORDER=0></TD>
<TD VALIGN=TOP>
<IMG SRC="C:\Dokumente und Einstellungen\Marcel\Eigene Dateien\Homepages\ml-active\Image00029.jpg" HSPACE=0 VSPACE=0 BORDER=0></TD>
<TD VALIGN=TOP>
<IMG SRC="C:\Dokumente und Einstellungen\Marcel\Eigene Dateien\Homepages\ml-active\Image00030.jpg" HSPACE=0 VSPACE=0 BORDER=0></TD>
</TR>
<TR>
<TD VALIGN=TOP>
<IMG SRC="C:\Dokumente und Einstellungen\Marcel\Eigene Dateien\Homepages\ml-active\Image00031.jpg" HSPACE=0 VSPACE=0 BORDER=0></TD>
<TD VALIGN=TOP>
<IMG SRC="C:\Dokumente und Einstellungen\Marcel\Eigene Dateien\Homepages\ml-active\Image00032.jpg" HSPACE=0 VSPACE=0 BORDER=0></TD>
<TD VALIGN=TOP>
<IMG SRC="C:\Dokumente und Einstellungen\Marcel\Eigene Dateien\Homepages\ml-active\Image00033.jpg" HSPACE=0 VSPACE=0 BORDER=0></TD>
<TD VALIGN=TOP>
<IMG SRC="C:\Dokumente und Einstellungen\Marcel\Eigene Dateien\Homepages\ml-active\Image00034.jpg" HSPACE=0 VSPACE=0 BORDER=0></TD>
<TD VALIGN=TOP>
<IMG SRC="C:\Dokumente und Einstellungen\Marcel\Eigene Dateien\Homepages\ml-active\Image00035.jpg" HSPACE=0 VSPACE=0 BORDER=0></TD>
</TR>
<TR>
<TD VALIGN=TOP>
<IMG SRC="C:\Dokumente und Einstellungen\Marcel\Eigene Dateien\Homepages\ml-active\Image00036.jpg" HSPACE=0 VSPACE=0 BORDER=0></TD>
<TD VALIGN=TOP>
<IMG SRC="C:\Dokumente und Einstellungen\Marcel\Eigene Dateien\Homepages\ml-active\Image00037.jpg" HSPACE=0 VSPACE=0 BORDER=0></TD>
<TD VALIGN=TOP>
<IMG SRC="C:\Dokumente und Einstellungen\Marcel\Eigene Dateien\Homepages\ml-active\Image00038.jpg" HSPACE=0 VSPACE=0 BORDER=0></TD>
<TD VALIGN=TOP>
<IMG SRC="C:\Dokumente und Einstellungen\Marcel\Eigene Dateien\Homepages\ml-active\Image00039.jpg" HSPACE=0 VSPACE=0 BORDER=0></TD>
<TD VALIGN=TOP>
<IMG SRC="C:\Dokumente und Einstellungen\Marcel\Eigene Dateien\Homepages\ml-active\Image00040.jpg" HSPACE=0 VSPACE=0 BORDER=0></TD>
</TR>
<TR>
<TD VALIGN=TOP>
<IMG SRC="C:\Dokumente und Einstellungen\Marcel\Eigene Dateien\Homepages\ml-active\Image00041.jpg" HSPACE=0 VSPACE=0 BORDER=0></TD>
<TD VALIGN=TOP>
<IMG SRC="C:\Dokumente und Einstellungen\Marcel\Eigene Dateien\Homepages\ml-active\Image00042.jpg" HSPACE=0 VSPACE=0 BORDER=0></TD>
<TD VALIGN=TOP>
<IMG SRC="C:\Dokumente und Einstellungen\Marcel\Eigene Dateien\Homepages\ml-active\Image00043.jpg" HSPACE=0 VSPACE=0 BORDER=0></TD>
<TD VALIGN=TOP>
<IMG SRC="C:\Dokumente und Einstellungen\Marcel\Eigene Dateien\Homepages\ml-active\Image00044.jpg" HSPACE=0 VSPACE=0 BORDER=0></TD>
<TD VALIGN=TOP>
<IMG SRC="C:\Dokumente und Einstellungen\Marcel\Eigene Dateien\Homepages\ml-active\Image00045.jpg" HSPACE=0 VSPACE=0 BORDER=0></TD>
</TR>
<TR>
<TD VALIGN=TOP>
<IMG SRC="C:\Dokumente und Einstellungen\Marcel\Eigene Dateien\Homepages\ml-active\Image00046.jpg" HSPACE=0 VSPACE=0 BORDER=0></TD>
<TD VALIGN=TOP>
<IMG SRC="C:\Dokumente und Einstellungen\Marcel\Eigene Dateien\Homepages\ml-active\Image00047.jpg" HSPACE=0 VSPACE=0 BORDER=0></TD>
<TD VALIGN=TOP>
<IMG SRC="C:\Dokumente und Einstellungen\Marcel\Eigene Dateien\Homepages\ml-active\Image00048.jpg" HSPACE=0 VSPACE=0 BORDER=0></TD>
<TD VALIGN=TOP>
<IMG SRC="C:\Dokumente und Einstellungen\Marcel\Eigene Dateien\Homepages\ml-active\Image00049.jpg" HSPACE=0 VSPACE=0 BORDER=0></TD>
<TD VALIGN=TOP>
<IMG SRC="C:\Dokumente und Einstellungen\Marcel\Eigene Dateien\Homepages\ml-active\Image00050.jpg" HSPACE=0 VSPACE=0 BORDER=0></TD>
</TR>
</TABLE>
</BODY>

www.SchalkerTreff.de neu ! Kostenlos S04-Bilder-Hochladen und tolle Preise sichern !

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »pX*Marcel« (15. Dezember 2004, 22:55)

sutadur

Foren Gott

Dabei seit: 03.03.2003

Beiträge: 2 198

13

Mittwoch, 15. Dezember 2004, 22:57

Ganz schlecht an Deinem Code ist die Tatsache, dass dort absolute Pfade zu den Grafiken benutzt werden:

C:\Dokumente und Einstellungen\...\Image00049.jpg

So wird es auf dem Webspace nicht klappen ... aber sonst ist das doch schon was.

pX*Marcel

Lebende Foren Legende

Dabei seit: 01.08.2003

Beiträge: 1 578

14

Donnerstag, 16. Dezember 2004, 17:48

n ehrlich ? -_- das is mir schon klar mir gehts jetzt um die umsetzung und nicht um die pfade

aber wie mach ich das denn jetzt soll ich lieber statt das als bild als hintergrund machen also jetzt die einzelnen stücke `??

www.SchalkerTreff.de neu ! Kostenlos S04-Bilder-Hochladen und tolle Preise sichern !

IceThunder

Kaiser

Dabei seit: 05.08.2003

Beiträge: 1 073

15

Donnerstag, 16. Dezember 2004, 18:28

Zitat

Original von pX*Marcel
[...] soll ich lieber statt das als bild als hintergrund machen also jetzt die einzelnen stücke `??

?¿
bitte nochmal auf deutsch

pX*Marcel

Lebende Foren Legende

Dabei seit: 01.08.2003

Beiträge: 1 578

16

Donnerstag, 16. Dezember 2004, 19:43

soll ich lieber alle einzelnen bild stückchen in einzelne Tabellenfächer einordnen ?

www.SchalkerTreff.de neu ! Kostenlos S04-Bilder-Hochladen und tolle Preise sichern !