Cross-Promotion Galerie mit automatischem Bildwechsel in den Angeboten
Diese Galerie ist anpassbar und als Ergänzung zu einem reinen Textlink gedacht
Sie enthält keine links zu den jeweiligen Angeboten aber die Vorschaubilder sind ein Schaufenster
- wenn ihr keinen Shop mit Cross-Promotion habt
- scriptbasierte Lösungen nicht einsetzen könnt oder wollt
- nicht alle Angebote von Hand überarbeiten wollt für eine Galerie mit Links
Die Galerie ist Scriptfrei und kann von jedem benutzt werden
so könnte sie aussehen (meine Bilder sind allerdings etwas zu klein):
Schaut auch in meine anderen Angebote
Und so funktioniert es:
- die Vorschaubilder der Artikel für die Galerie müssen in der richtigen Größe auf eurem Webspace liegen
- der Quelltext besteht aus zwei Teilen - der crosspromo.css und dem HTML Abschnitt (siehe unten)
- der HTML Abschnitt wird in jedes Angebot eingefügt - sichtbar ist hier zunächst nur der Textlink und etwas freier Platz darunter
- den Abschnitt für die crosspromo.css fügt kopiert ihr in einen Texteditor (notepad) und speichert ihn unter dem Namen "crosspromo.css". Hier werden die Bildadressen der aktuellen Angebote eingefügt und auch weitere Formatierungen für das Erscheinungsbild der Galerie gemacht.
- die crosspromo.css ladet ihr ebenso wie die Bilder auf euren eigenen Webspace.
- um jeweils eine Vorschau der aktuellen Angebote in den laufenden Auktionen zu haben müssen nur in der crosspromo.css die Adressen der aktuellen Angebote neu eingetragen werden und die alte Version auf eurem Webspace überschrieben werden.
Eine Überarbeitung der einzelnen Artikel ist nicht erforderlich - dort werden die aktuellen Bilder dann automatisch angezeigt.
der HTML Abschnitt, der in das Angebot kommt
deinen ebay-Namen und die Adresse der crosspromo.css eintragen und eventuell den Text anpassen und den Wert für den Abstand der Tabellenzellen untereinander - sonst muß hier nichts verändert werden.
<h4 align="center"> Schaut auch in meine <a href="http://search.ebay.de/_W0QQsassZdeinEbayname">anderen Angebote</a> </h4> <link rel="stylesheet" href="http://domain/ordner/crosspromo.css" type="text/css"> <table align="center" cellpadding="0" cellspacing="4" border="0" id="crosspromo" > <tr> <td id="bild1"> </td> <td id="bild2"> </td> <td id="bild3"> </td> <td id="bild4"> </td> </tr> <tr> <td id="bild5"> </td> <td id="bild6"> </td> <td id="bild7"> </td> <td id="bild8"> </td> </tr> </table>
der Text, der als crosspromo.css gespeichert werden muß
wenn ein Feld (vorübergehend) nicht benutzt werden soll, dann die Bildadresse weglassen und border auf 0px setzen
#crosspromo {
border: solid 1px #000000; /* Rahmen um die ganze Tabelle: Stil, Dicke, Farbe */
background: #ffffff; /* Hintergrundfarbe der Tabelle */
}
/* ====== erste Zeile ============= */
#bild1 {
background: url(Bildadresse) no-repeat 50% 50%;
width: 120px; /* Breite des ersten Bildfensters */
height: 120px; /* Höhe der oberen Zeile */
border: solid 1px #000000; /* Rahmen um das Bildfenster */
}
#bild2 {
background: url(Bildadresse) no-repeat 50% 50%;
width: 120px; /* Breite des zweiten Bildfensters */
border: solid 1px #000000; /* Rahmen um das Bildfenster */
}
#bild3 {
background: url(Bildadresse) no-repeat 50% 50%;
width: 120px; /* Breite des dritten Bildfensters */
border: solid 1px #000000; /* Rahmen um das Bildfenster */
}
#bild4 {
background: url(Bildadresse) no-repeat 50% 50%;
width: 120px; /* Breite des vierten Bildfensters */
border: solid 1px #000000; /* Rahmen um das Bildfenster */
}
/* ====== zweite Zeile ============= */
#bild5 {
background: url(Bildadresse) no-repeat 50% 50%;
height: 120px; /* Höhe der unteren Zeile */
border: solid 1px #000000; /* Rahmen um das Bildfenster */
}
#bild6 {
background: url(Bildadresse) no-repeat 50% 50%;
border: solid 1px #000000; /* Rahmen um das Bildfenster */
}
#bild7 {
background: url(Bildadresse) no-repeat 50% 50%;
border: solid 1px #000000; /* Rahmen um das Bildfenster */
}
#bild8 {
background: url(Bildadresse) no-repeat 50% 50%;
border: solid 1px #000000; /* Rahmen um das Bildfenster */
}
