PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Flash Logo im xt-Commerce Shop anstatt der jpg Grafik im Header



Michel
19. March 2010, 02:05
Um das Logo im Header gegen ein Flash auszutauschen müssen folgende Dateien angepasst werden:

Schritt 1:
Die header.php im Verzeichnis includes
Ab Line 263 folgenden Code einfügen:




<div align="center">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="1000" height="180">
<param name="movie" value="meinFlashLogo.swf">
<param name="quality" value="high">
<embed src="meinFlashLogo.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="1000" height="180"></embed></object>
</div>


Schritt 2:

Anpassen der stylesheet.css Datei im Verzeichnis templates:




/* WHOLE SITE WRAPPER */
#wrap {

margin-left:auto;
margin-right:auto;
/*margin: 0 auto;*/
width:985px;
background-color:#fff;
border: #fff solid;
border-width:0px 10px 10px 10px;
margin-bottom:10px;
}
/* HEADER WITH LOGO, SEARCH BOX AND LANGUAGE SELECTION
#header {

height:0px;
background: #AD4C79 url(img/top_logo.jpg) no-repeat;

border-top: 10px solid #fff;
border-bottom:1px solid #fff;
}


#header #logo {
float:left
}



#header #search {
width: 230px;
height:75px;
float:right;
color:#fff;
padding:30px 0px 0px 60px
}

*/


/*einfach mal testen hier an dieser stelle*/
#logo {

height: 1px;
float:none;
width:1px;

}

Hier bitte folgenden Code ergänzen. Problem wird die space.gif Datei werden, da diese im float: left; einen Zeilenumbruch erzeugt. Diese Datei einfach löschen. Dann macht sie keinen Ärger mehr!
Die id #Logo im CSS kann so bleiben wird aber ohne die Datei Space keine Wirkung mehr zeigen.

Viel Spass beim Testen.

Ergebnis sieht dann so aus:

www.auftragskieler.de (http://www.auftragskieler.de/nushop)

Michel
25. March 2010, 10:26
Im IE sieht es noch nicht perfekt aus!

In welcher Datei finde ich dieses image?

templates/xtc5/img/spacer.gif

Michel
25. March 2010, 10:42
Eine Lösung des Problems mit der Datei Spacer.gif

Habe Sie jetzt auf die Breite des gesammten Shops vergrößert, die Höhe auf 2px reduziert. Sieht absolut perfekt aus!

Also ein Umbennung wie unten beschrieben sieht im IE nicht gut aus. Der ist einfach nicht so Fehlertollerant wie die Konkurrenz.

Als Anhang hab ich mal die Datei hochgeladen.