E-Cards

[ulli]

habe mir eine E-Cards Versendeseite eingebaut...puuh das was schwer....nun stehe ich auf Kriegsfuss mit den Bildern, wie ich sie reinbekomme weiß ich wohl, allerdings bekomme ich es nur untereinander hin. Ich würde sie gerne in Kategorien aufteilen und wenn man sie anklickt soll die jeweilige Kategorie öffnen und alle anzeigen. Wie bekomme ich es hin das die Bilder als kleine Vorschau angezeigt werden und nicht soooo riesig?? Muss ich da eine Galerie einbauen? Wenn ja...wie geht das??

LG von der Ulli

[vagabund62]

Um das zu erreichen baust Du am besten eine Gallerie ein. Würde aber erst eine Vorschauseite für die Rubriken erstellen. Hier mal nen Bildschirmfoto:

bildschirmfoto_piercing_gallery.jpg

( http://piercer-andreas.npage.de ) Danach für die einzelnen Rubriken eine extra Seite anlegen und die Gallerie dort das Gallerie-Script installieren. Danach nur die Rubriken-Seiten mit der Vorschauseite verlinken...Hab so etwas ähnliches für die Seite eines Freundes gemacht(allerdings verwende ich für die eigentliche Gallerie den Flash-Slideshow-Maker, der für Deine Zwecke nicht passend wäre). Du kannst Dir aber mal folgenden Link ansehen, ist viell nen Script für Dich http://spgm.sourceforge.net/?lg=de

Gruss Jörg

[ulli]

hallo ich war gerade auf deiner Seite gucken, bei Galerien...genau sowas suche ich.....wo ich die Grußkarten in Kategorien einteilen kann....ist das schwer ????

[vagabund62]

Nee, die Vorschauseite hab ich einfach im Npage-Editor mit Tabelle einfügen erstellt und die Bilder dann verlinkt...

[ulli]

das krieg ich doch niiiie gebacken... :JJ

[vagabund62]

Warum denn nicht??? Vielleicht hilft Dir mal der Quellcode meiner Tabelle-.

Code: Alles auswählen

<p style="text-align: center;"><span style="font-size: xx-large;"><span style="font-family: Georgia;"><u><i><b>Piercing-Gallerie&nbsp;</b></i></u></span></span></p>
<p>&nbsp;<br />
<table height="100" cellspacing="5" cellpadding="5" border="0" align="center" width="150">
    <tbody>
        <tr>
            <td style="text-align: center;"><span style="color: rgb(255, 255, 255);"><span style="font-family: Georgia;"><i><b>Andreas arbeitet</b></i></span></span></td>
            <td style="text-align: center;"><span style="color: rgb(255, 255, 255);"><span style="font-family: Georgia;"><i><b>Anker setzen</b></i></span></span></td>
            <td style="text-align: center;"><span style="color: rgb(255, 255, 255);"><span style="font-family: Georgia;"><i><b>B&auml;ndchen</b></i></span></span></td>
            <td style="text-align: center;"><span style="color: rgb(255, 255, 255);"><span style="font-family: Georgia;"><i><b>&nbsp;Bauch</b></i></span></span></td>
        </tr>
        <tr>
            <td><a target="_self" href="andreas_arbeitet_53878817.html"><img border="0" alt="" src="http://file1.npage.de/005191/03/bilder/img_8710_thumb.jpg" /></a></td>
            <td>&nbsp;<a target="_self" href="anker_setzen_19749722.html"><img border="0" alt="" src="http://file1.npage.de/005191/03/bilder/anker_setzen_thumb.jpg" /></a></td>
            <td>&nbsp;<a target="_self" href="b&auml;ndchen_39105577.html"><img border="0" alt="" src="http://file1.npage.de/005191/03/bilder/baendchen2_thumb.jpg" /></a></td>
            <td>&nbsp;<a target="_self" href="bauch_1484212.html"><img border="0" alt="" src="http://file1.npage.de/005191/03/bilder/26.10.04_010_thumb.jpg" /></a></td>
        </tr>
        <tr>
            <td style="text-align: center;"><span style="color: rgb(255, 255, 255);"><i><b><span style="font-family: Georgia;">&nbsp;Braue</span></b></i></span></td>
            <td style="text-align: center;"><span style="font-family: Georgia;"><i><b>&nbsp;</b><span style="color: rgb(255, 255, 255);"><b>Bridge</b></span></i></span></td>
            <td style="text-align: center;"><span style="color: rgb(255, 255, 255);"><span style="font-family: Georgia;"><i><b>&nbsp;Brust</b></i></span></span></td>
            <td style="text-align: center;"><span style="font-family: Georgia;"><i><b>&nbsp;</b><span style="color: rgb(255, 255, 255);"><b>Dermal Anchor</b></span></i></span></td>
        </tr>
        <tr>
            <td>&nbsp;<a target="_self" href="braue_8745339.html"><img border="0" alt="" src="http://file1.npage.de/005191/03/bilder/braue_thumb.gif" /></a></td>
            <td>&nbsp;<a target="_self" href="bridge_73815947.html"><img border="0" alt="" src="http://file1.npage.de/005191/03/bilder/bridge_thumb.gif" /></a></td>
            <td>&nbsp;<a target="_self" href="warnung_brust_75350604.html"><img border="0" alt="" src="http://file1.npage.de/005191/03/bilder/brust_thumb.gif" /></a></td>
            <td>&nbsp;<a target="_self" href="dermal_anchor_67908027.html"><img border="0" alt="" src="http://file1.npage.de/005191/03/bilder/dermal_anchor.gif" /></a></td>
        </tr>
        <tr>
            <td style="text-align: center;"><span style="font-family: Georgia;"><i><b>&nbsp;</b><span style="color: rgb(255, 255, 255);"><b>Lippe</b></span></i></span></td>
            <td style="text-align: center;"><span style="color: rgb(255, 255, 255);"><span style="font-family: Georgia;"><i><b>&nbsp;Nase</b></i></span></span></td>
            <td style="text-align: center;"><span style="color: rgb(255, 255, 255);"><span style="font-family: Georgia;"><i><b>Ohr</b></i></span></span></td>
            <td style="text-align: center;"><span style="color: rgb(255, 255, 255);"><span style="font-family: Georgia;"><i><b>&nbsp;Septum</b></i></span></span></td>
        </tr>
        <tr>
            <td>&nbsp;<a target="_self" href="lippe_54479059.html"><img border="0" alt="" src="http://file1.npage.de/005191/03/bilder/lippe_thumbs.gif" /></a></td>
            <td>&nbsp;<a target="_self" href="nase_51435691.html"><img border="0" alt="" src="http://file1.npage.de/005191/03/bilder/nase_thumb.gif" /></a></td>
            <td>&nbsp;<a target="_self" href="ohr_1813039.html"><img border="0" alt="" src="http://file1.npage.de/005191/03/bilder/ohr_thumbs.gif" /></a></td>
            <td>
            <p>&nbsp;<a target="_self" href="septum_90727578.html"><img border="0" alt="" src="http://file1.npage.de/005191/03/bilder/septum_thumbs.gif" /></a></p>
            </td>
        </tr>
        <tr>
            <td style="text-align: center;"><span style="color: rgb(255, 255, 255);"><span style="font-family: Georgia;"><i><b>Surface</b></i></span></span></td>
            <td style="text-align: center;"><span style="color: rgb(255, 255, 255);"><span style="font-family: Georgia;"><i><b>Zunge</b></i></span></span></td>
            <td style="text-align: center;"><span style="color: rgb(255, 255, 255);"><span style="font-family: Georgia;"><i><b>intim M&auml;nner</b></i></span></span></td>
            <td style="text-align: center;"><span style="font-family: Georgia;"><i><b> </b><span style="color: rgb(255, 255, 255);"><b>intim Frauen</b></span></i></span></td>
        </tr>
        <tr>
            <td><a target="_self" href="surface_6074395.html"><img border="0" alt="" src="http://file1.npage.de/005191/03/bilder/surface_thumb.gif" /></a></td>
            <td><a target="_self" href="zunge_90485621.html"><img border="0" alt="" src="http://file1.npage.de/005191/03/bilder/zunge_thumb.gif" /></a></td>
            <td><a target="_self" href="warnung_94097679.html"><img border="0" alt="" src="http://file1.npage.de/005191/03/bilder/ab_18.jpg" /></a></td>
            <td>&nbsp;<a target="_self" href="warnung_frauenpiercing_56513719.html"><img border="0" alt="" src="http://file1.npage.de/005191/03/bilder/ab_18.jpg" /></a></td>
        </tr>
    </tbody>
</table>
</p>

Brauchst Du nur noch anpassen...

Gruss Jörg

[ulli]

danke da hab ich am WE was zu basteln....