• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Ebay Navigation mit CSS

VoLuX

Neues Mitglied
Hallo,

habe jetzt schon einige Beiträge in div. Foren durchgelesen und ausprobiert aber komme leider nicht an mein Ziel :(

Also ich habe folgendes Problem , ich wollte meine Navigationsleiste in meinem Ebay Shop umstellen momentan ist es noch eine 0815 Navigationsleist und sieht nicht gerade einladent aus :grin:

Ich würde dies gerne ändern...mit HTML und CO kenne ich mich Oberfläschlich aus mit CSS habe ich noch nicht viel zu tun gehabt habe mir aber folgenden Code von einem anderem Forum herausgepickt und die Farben etwas angepasst :
Code:
[B][COLOR=DarkRed]/* CSS v_emf_pixel_007*/

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 100.01%;
    background-color: #FFFFFF;
}
#menue {
    width: 173px;
    font-size: 80%;
    border: 1px solid #4D94BE;
    background-color: #F1D2BE;
}
.menuekopf {
    font-weight: bold;
    color: #000000;
    width: 163px;
    padding: 5px;
}
#menue ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
#menue li {
    display: block;
}
#menue li a, #menue li a:link {
    text-decoration: none;
    display: block;
    color: #CCCCCC;
    width: 163px;
    padding: 5px;
}
#menue li a:visited {
    color: #0000CC;
}
#menue li a:hover, #menue li a:active, #menue li a:focus {
    color: #FFFFFF;
    background-color: #5F000D;
}
[/COLOR][/B]

dazu habe ich auch folgenden HTML Code forliegen :

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
       
<html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="content-language" content="de" />
<link rel="stylesheet" type="text/css" href="v_emf_pixel_007.css" />
<title>Vertikales Menue 007-Effekte mit Farben von css-menue.de</title>

</head>

<body>
<div id="menue">
<div class="menuekopf">Men&uuml; 1</div>
<ul>
<li><a href="#">Hyperlink 1.1</a></li>
<li><a href="#">Hyperlink 1.2</a></li>
<li><a href="#">Hyperlink 1.3</a></li>
<li><a href="#">Hyperlink 1.4</a></li>
<li><a href="#">Hyperlink 1.5</a></li>
</ul>
<div class="menuekopf">Men&uuml; 2</div>
<ul>
<li><a href="#">Hyperlink 2.1</a></li>
<li><a href="#">Hyperlink 2.2</a></li>
<li><a href="#">Hyperlink 2.3</a></li>
<li><a href="#">Hyperlink 2.4</a></li>
<li><a href="#">Hyperlink 2.5</a></li>
</ul>
</div>
</body>
</html>

In der Verwaltung meines Ebay-Shops ist mir aufgefallen das ich nur einen HTML Code eingeben kann wie bekomme ich denn so eine Navigation hin muss ich die CSS irgendwo im HTML Code einfügen ??? ( ich glaube ja das die Informationen des Styles aus der CSS gezogen werden oder..?)

Kann mir jemand weiterhelfen ...???
 
Du hast hier zwei Möglichkeiten:
1.: Du schreibst bei Ebay nur den HTML-Code rein, lädst die CSS-Datei woanders hoch und änderst diese Zeile ab:
Code:
<link rel="stylesheet" type="text/css" href="v_emf_pixel_007.css" />
Statt "v_emf_pixel_007.css" nimmst du die URL zu der Stelle, wo du die CSS-Datei hochgeladen hast.

2.: Du fügst den CSS-Code in style-Tags ein:
Code:
<style type="text/css">
DER KOMPLETTE INHALT DEINER CSS-DATEI
</style>
EDIT: <style>bla</style> schreibst du in <head>...</head>.
 
Zurück
Oben