Design fertig, doch wie slicen?

[Iceangel]

Hallöchen!

Ersteinmal hallo von mir Nachdem ich schon vor einigen Jahren auf Jürgens Seite aufmerksam wurde und auch schon einige Templates benutzt habe, habe ich mich mal gewagt ein eigenes Design zu erstellen.

Allerdings weiß ich nun überhaupt nicht weiter. Ich möchte mein eigenes Design gerne zur Homepage für meine Gruppe machen, habe aber meines Wissens nicht das richtige Programm zum Slicen.

Gibt es noch eine andere Möglichkeit das Bild zu slicen und dann per html in eine Seite einzubauen? Oder hätt nicht eventuell jemand Zeit mir so etwas zu machen? ;-)

Würde mich auch revangieren bsp. ein Linktausch oder so *g*



Achja hier mal das Bild: Klick hier



Lieben Gruß

Marina

[Gabi]

Hallo Marina,

erstmal herzlich Willkommen hier im Forum.;-)

, habe aber meines Wissens nicht das richtige Programm zum Slicen

Da stellt sich die Frage mit welchem Programm du arbeitest?

Mit PhotoImpact geht das sehr einfach.

Schau mal HIER

[Iceangel]

Habe leider weder PhotoImpact noch Corel Draw oder so. Ich benutze Fireworks 8.
Mein nächstes Problem wäre dann wie ich die geschnittenen Bilder zusammen codiert zu einer Homepage mache. Oder geht das automatisch?

[Helmut]

Hi,

Mein nächstes Problem wäre dann wie ich die geschnittenen Bilder zusammen codiert zu einer Homepage mache. Oder geht das automatisch?

eher nicht. Da musst Du entweder mit einem Programm wie Frontpage oder Dreamweaver ran, oder einem Quelltextbasierten Editor, Homesite oder Phase5

Zu deinem Bild und dem slicen.
Ich würde das nicht als komplettes Bild slicen, viel zu unhandlich später. Hier reichen ein paar Teile des Bildes und HTML + CSS um das ganze zu realisieren.

Beispiel auf die schnelle http://www.inspire-world.de/boarduploads/Iceangel/

Cu Helmut

[Iceangel]

Wow, sieht gut aus Helmut

Wenn jetzt die Unterseiten verlinkt wären, würde sich die jeweilige Seite unter dem Menü öffnen? Oder muss man da wieder einen Code einfügen?

Das Logo oben "Fahnenschwenken" könnte ich doch problemlos austauschen oder? Könnte man auch später eventuell noch eine Unterseite hinzufügen oder muss man da wieder alles umpacken?



Sorry wenn ich so blöde Fragen stelle

[Kuddl83]

Wenn jetzt die Unterseiten verlinkt wären, würde sich die jeweilige Seite unter dem Menü öffnen? Oder muss man da wieder einen Code einfügen?

Hier kommt der inhalt rein, Beispiel:

[HTML]<tr>
<td><a href="#">&Uuml;ber uns</a></td>
<td><a href="#">Bilder</a></td>
<td><a href="#">Termine</a></td>
<td><a href="#">G&auml;stebuch</a></td>

<td><a href="#">Kontakt</a></td>
</tr>
</table></div>
</div>

dein inhalt ... dein inhalt ...dein inhalt ...dein inhalt ...dein inhalt ...dein inhalt ...

</div>

</div>
</body>
</html>[/HTML]

Dort würd ich aber ein weiteren css befehl hinzufügen ...
Beispiel:

Code:

.inhalt {
font-size: 12px;
color: #000000;
vertical-align: top;
}

.inhalt a {
color: #3F5E88;
padding:0px;
text-decoration: none;
}

.inhalt a:hover {
font-size: 12px;
color: #3F5E88;
text-decoration: underline;
}

[HTML]<div class="inhalt">bla bla bla ...</div>[/HTML]

Das Logo oben "Fahnenschwenken" könnte ich doch problemlos austauschen oder? Könnte man auch später eventuell noch eine Unterseite hinzufügen oder muss man da wieder alles umpacken?

Hier kannst du die daten eines anderen logos angeben (größe etc...)
[HTML]<div class="header"><img src="fslogo.gif" alt="" width="420" height="32" border="0"></div>[/HTML]

Unterseite? Versteh jetzt nicht ganz (ist schon spät )

Ciao Alex

[Iceangel]

Uff uff uff
Da muss ich wohl mal wieder ein paar nächte Opfern und alles ausprobieren!


Ähm ich war jetzt einfach mal so böse und habe den Quelltext und Logos der Seite abgespeichert. Hab die Seite nun Offline geöffnet, aber siehe da, keine Schwarz-Gelb-Grauen Nagano Muster :/

Wie bekomm ich diese denn nun wieder dahin?

[Helmut]

Hi,

aber siehe da, keine Schwarz-Gelb-Grauen Nagano Muster :/

Du hast den Hintergrund nicht mit gespeichert vermute ich...
Klick mal auf die Nagano Muster mit rechts und wähle "Hintergrund speichern unter" oder nimm die URL: http://www.inspire-world.de/boarduploads...gel/bg.gif

Cu Helmut

[Iceangel]

Ah danke *gg*

Nungut, werd mich wohl heute Abend mal ransetzen und rumtüfteln. Vll bekomm ich das ja sogar hin

[Iceangel]

Juhu nach langem tüfteln und hilfe eines Bekannten sowie Jürgens Workshop für nen Iframe hab ichs geschafft

Code:

<tr>
    <td><a href="iframe1.html" target="miau">&Uuml;ber uns</a></td>
    <td><a href="iframe2.html" target="miau">Bilder</a></td>
    <td><a href="iframe3.html" target="miau">Termine</a></td>
    <td><a href="iframe4.html" target="miau">G&auml;stebuch</a></td>
    <td><a href="iframe5.html" target="miau">Kontakt</a></td>
</tr>
</table></div>
</div>
<body>
<center>
<iframe scrolling="yes" frameborder="0" width="700" height="250" src="wilkommen.html" name="miau"></iframe> </center>
</body>


</div>

Jetzt nurnoch alles eintragen ;-)