Hol dir Firefox 3 für ein besseres und moderneres Surf-Erlebnis! Dann siehst du uns auch mit runden Ecken ;-)

Slicen von Layout!

Forum / Grafikbereich / 2D - Programme

reaLfoX am 19.09.2004 um 22:30:39
huhu ...
hab für meinen clan ein design gemacht ...

[url]www.team-fastplay.de/zen.jpg[/url]

so und nu muss ich das slicen aber ich weiß net so richtig wie genau .. sonst hab ich das immer mit der methode von r0ckstar gemacht aber sonst hab ich die design auch immer so gemacht damit es genau so passt. nu ist das design ja nicht mehr so nach der strukur gemacht und ich weiß nich wie ich das nu machen soll ...

hab auch schon das tut auf gizmo-designs.com gemacht aber damit krieg ich es auch net hin .. kann jmd helfen ?

ist extrem wichtig =)

mfg
kai
+ Gruß Kai

+ www.kai9r.info
Markus René Einicher am 20.09.2004 um 19:56:37
Du brauchst nur nachdenken wo späterr mal TExt hinsoll und da ziehst du dann kästchen, den rest erledigt photoshop für dich.

Wenn dein Problem tiefliegenderist, beschreibs mal ein bisschen konkreter, so wüsste ich jetzt nihct wo genau dein Problem liegt.

Meinst du jetzt überhaupt wie du die Slices anordnest?
reaLfoX am 20.09.2004 um 21:09:41
ja ich kann sch0n die slices ziehen aber das soll dann auch dynamisch werden. guck mal auf www.progenic.clanpage.de !!!!!
da zieht sich zB das menu nicht bis nach ganz unten sondern nur soweit wie es sein soll und der content geht ncoh viel weiter runter =/

nu verstanden ?
+ Gruß Kai

+ www.kai9r.info
Markus René Einicher am 21.09.2004 um 08:15:05
das machst du indem du drei spalten machst, und für die beiden navis dann eigene tabellen in deren spalte einfügst.

[code]


//<- da linke navi
<td>//<- da textfeld
<td> // <-da rechte navi
</tr>

[/code]

also

[code]







mit linke nav


mit rechter nav


[/code]

Jetzt zieht der text zwar die beiden spalten der navs nach unten, die nav selber bleibt aber oben, weil sie vollkommen eigenständig in ihrer eigenen tabelle ist. <- der vorteil ist auch das du die nav als eigene tabelle anlegen und dort includen kannst, das lichtet den buchstaben salat ein bisschen.

es kann sein das der browser die tabelle in der spalte beim runterziehen durch den text dann in der mitte anordnet, gib den beiden spalten der navs also vorsichsthalber vertical-align: top mit.

PS: hast um einiges besser gemacht als die vorlage, die hat in den inneren kurven nämlich zacken du nicht (gut gemacht!)

PPS: damit du den content raum weiterlaufen kannst muss du unten ein bisschen mehr freiraum zwischen dieser plastikmasse am boden und dem letzten bogen bringen.
beyox am 21.09.2004 um 20:26:57
es muss ein bild sein in jedem kästchen was sich in dem verlängerten bereich wiederholt, also ein stück rahmen und das von jedem.
greetz gregor`B-Yox
sX am 22.09.2004 um 00:27:01
Vielleicht hat ja Ulf-Theis.de was für dich, bin mir da nicht so ganz sicher. Ich möchte dein Design nicht kritisieren, aber der Style ist doch schon OUT oder? Nur meiner Meinung nach :D Trotzdem, das blau gefällt mir.. ich bin einfach ein Blaufetisch.. (das ist mein Ernst)
[url=http://www.calitrix.de]CalitrixWiki[/url] - Wiki
[url=http://www.phpmyforum.de]phpMyForum[/url] - Kostenlose Forensoftware für jeden Einsatz
Markus René Einicher am 22.09.2004 um 07:28:19
Bei mir sind auch alle Seiten blau^^
reaLfoX am 22.09.2004 um 09:14:24
ich hab gestern das mal gesliced nach der easterdom methode. ... hab header und footer und mitte gemacht. mitte hab ich dann in 3 teile geschnitten und diese wiederum in kleine teile ...

heute nachmittag stell ich mal ein screenshot rein vom slice und dann versuch ich das mal ins html zu schreiben

hoffentlich klappts *hoff*
+ Gruß Kai

+ www.kai9r.info
Pharmazo am 27.09.2004 um 17:23:16
ich kann slicen au net...Oder das slicen is einfach aber die codes :'(
Wer Rechtschreibfehler findet , darf sie behalten!
King_Martin am 27.09.2004 um 18:08:19
Wer will nochmal ein Browsergame coden? *amkopfkratz*
ELA-Interactive Webdesign
ela-interactive.de // coming soon [ design 95 % // code 40 % ]
Pharmazo am 27.09.2004 um 18:26:11
Ja...Wenn ich nur dieses eine Design hinbekommen würde....Das wäre ein durchbruch!
Wer Rechtschreibfehler findet , darf sie behalten!
King_Martin am 27.09.2004 um 20:02:14
Oo

Ich denk du kannst nur net coden?...

ohje
ELA-Interactive Webdesign
ela-interactive.de // coming soon [ design 95 % // code 40 % ]
Pharmazo am 29.09.2004 um 17:34:32
slicen kann ich den code bekom isch net hin!
Wer Rechtschreibfehler findet , darf sie behalten!
Matchstick2 am 20.10.2004 um 21:49:37
Hi!

Wollte keinen neuen Thread aufmachen deshlab schreib ich hier rein. Denke das passt ungefähr... ;-)

Hab mit Photoshop ein Design erstellt und es mit Imageready gesliced. Nun kann man sich ja über Datei/Optimierte Verion speichern die HTML Datei erstellen lassen. Schön und gut aber das schaut dann so aus:

[CODE]
<html>
<head>
<title>ebay1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (bild.psd) -->


































<!-- End ImageReady Slices -->
</body>
</html>
[/CODE]

Kann man nicht irgendwo einstellen dass Imageready die einzelnen Sclices in die Tabellen nicht als "normale" Bilder sondern als "Hintergrundbilder" einfügt, damit man damit was anfangen kann. Also mit background="bild01.gif" usw.

Hoffe ihr könnt mir helfen...

Viele Grüße Matchstick
launcher am 20.10.2004 um 23:22:39
mmh ja irgendwie geht das schon aber kp wie also schreibs halt schnell um ;)
0100110001000001010101010100111001000011010010000100010101010010

na was heists? :D
Matchstick2 am 21.10.2004 um 14:49:16
Naja klar geht das aber ist halt auf die dauer umständlich...
Pharmazo am 21.10.2004 um 22:32:47
Also leude ich weiss ja net ob das alles hier was bringt für newbies die kein HTML beherschen ist hier ein Tutorial der feinsten art^^

: http://nec.server.hans-friends.de/tutorials/tut13.htm

so siehts aus xD
Wer Rechtschreibfehler findet , darf sie behalten!
TFrog am 21.10.2004 um 22:38:36
der link geht nicht ;)
cu,
TFrog
Pharmazo am 21.10.2004 um 22:42:48
Na klar xD LoL einbildung ist auch ne bildung ne?^^ An alle anderen: geht bei euch der link??
Wer Rechtschreibfehler findet , darf sie behalten!
Markus René Einicher am 22.10.2004 um 19:56:26
Bei mir geht er. Image Ready hab ich noch nie benutzt, das tu ich immer austun wenn ich Photoshop installiere, brauch ich nicht.
reaLfoX am 23.10.2004 um 14:53:32
du bist zu low fireblade ... image ready macht das design NICHT dynamisch ... verstehst du das nicht ?


EDIT: kann nicht einer mal ein tutorial schreiben wie man es RICHTIG macht .... damit meine ich dynamisch und einfach so das es passt und keine probleme gibt. kann ja eigentlich net sein das es hier 1000 designer und coder gibt und keiner 100% weiß wie man designs sliced und ins html schreibt oder ?

ich währe hammerfroh ... würde sogar mein zen-design zur verfügung stellen =)
+ Gruß Kai

+ www.kai9r.info
Markus René Einicher am 24.10.2004 um 20:48:30
Was soll das denn heißen? Ich hab dir das Layout ja faktisch fertig vor die Füße gelegt! Wie blöd bist du eigentlich?

JETZT BIN ICH BELEIDIGT!
reaLfoX am 24.10.2004 um 22:59:58
ja du hast es MIR erklärt ... und der rest ?

tick ma nich gleich so aus ^^

ausserdem hab ich auch geschrieben, ob jemand mal ein tutorial schreiben kann ( tutorial = lernbeispiel für ALLE )
+ Gruß Kai

+ www.kai9r.info