top menü oberhalb header verschieben

[sammar]

Hallo,
ich versuche seit zwei tagen vergebens die top menüs oberhalb vom Header zu Verschieben so, dass diese zentral mit line auseineinander stehen. auf der Startseite von amazon.de kann man das oben schön sehen wo Wunschzettel steht usw. genau so versuche ich es auch hinzubekommen, Danke

Linkback: https://www.modified-shop.org/forum/index.php?topic=20974.0

[sammar]

Hallo,
Hat den keiner eine ahnung wie ich das umsetzen kann? oder event. eine Anleitung für mich, habe wirklich wie verrückt gesucht und nichts gefunden.

[jannemann]

Hallo sammar,

was hast du denn bis jetzt geschafft?
Hast du mal einen Link zum Shop?

Schöne Grüße,
Jan

[sammar]

Hallo, also ich habe etwas mit fireburg Rum gespielt, doch ohne großen Erfolg, es ist alles so geblieben wie immer, Shop ist offline gestellt, weil noch in Bearbeitung. Wenn sie sich nochmal melden werde ich für eine Stunde online stellen, Danke.

[sammar]

Hallo,
habe ich was falsches gefragt, oder weiß wirklich niemand wie es geht, wenn jemand einen Link hat wo ich es verwirklichen kann wäre auch in Ordnung, Danke

[cannewitz]

Hallo Sammar.

Meinst du's so , ungefähr??
Beispiel

Gruß.

[sammar]

Hallo, ja so ungefähr, nur ohne hintergrund und line getrennt. Wie kann ich es umsetzen? Danke

[cannewitz]

Hallo sammar.

Versteh nicht ganz ... "line getrennt" ???  Was meinst du damit .. den senkrechten Strich zwischen den Links? Hintergrund und Verhalten wird in der Style.css festgelegt.
Zeige doch mal den Quellcode deiner index.html aus dem Ordner deines Templates.

Gruß.

[sammar]

Hallo,
ja genau ich meine mit Linien dazwischen getrennt, wie bei amazon.de, oben wo steht Mein Amazon | Angebot | Wunschzettel usw., genau so stelle ich es mir auch vor, Danke

[cannewitz]

Hallo sammar.
Dann sollte an entsprechender Stelle in deiner index.html deines Templates <li> | </li> eingefügt werden. Etwa so:

Code: PHP  [Auswählen]

        <ul id="topmenu">
            <li><a href="{$index}">{#link_index#}</a></li>
          <li> | </li>
            <li><a href="{$cart}">{#link_cart#}</a></li>
          <li> | </li>
            {if $account}
            <li><a href="{$account}">{#link_account#}</a></li>
          <li> | </li>
            {/if}
            {if $smarty.session.customers_status.customers_status_id == '1'}            
            <li><a href="{php}echo xtc_href_link(FILENAME_CREATE_ACCOUNT, '', 'SSL');{/php}">{#new_customer#}</a></li>
          <li> | </li>            
            {/if}
            <li><a href="{$checkout}">{#link_checkout#}</a></li>
          <li> | </li>
            {if $smarty.session.customer_id}
            <li><a href="{$logoff}">{#link_logoff#}</a></li>
          <li> | </li>
            {else}
            <li><a href="{$login}">{#link_login#}</a></li>
           {/if}
        </ul>

Gruß.

[sammar]

Hallo, Danke für den code, kann man die zwischen linien größer machen oder mittig einsetzen. Danke

[cannewitz]

Hallo sammar.
Das machste über die Style.css ...
Also in der index.html schreibe so:

Code: PHP  [Auswählen]

<li><span class="ca-li"> | </span></li>

und in der Style:

Code: PHP  [Auswählen]

.ca-li {font-weight:bold;font-size: 14px;padding:0 4px 0 4px}

also Schrift fett und auf 14px groß ... padding steht für den inneren Abstand: Wert in Reihenfolge OBEN Rechts Unten Links ... also hier rechts und links 4px Abstand.
Musst warscheinlich ein bisschen mit den Werten spielen bis es passt 

Gruß.

[sammar]

Hallo,
Danke für deine Antwort, nun habe soweit alles vorbereitet, ich muss nur noch den kompletten topmenu nach oben Verschieben, also oberhalb Header ganz oben. hat jemand vielleicht eine Idee? Danke

[cannewitz]

Hallo sammar.

Ich habe es mal für dich geändert. Zu sehen hier.

Verschiebe den Code in der index.html

Code: PHP  [Auswählen]

    <div id="topmenuwrap">
        <ul id="topmenu">
            <li><a href="{$index}">{#link_index#}</a></li>
           <li><a href="{$cart}">{#link_cart#}</a></li>
           {if $account}
            <li><a href="{$account}">{#link_account#}</a></li>
           {/if}
            {if $smarty.session.customers_status.customers_status_id == '1'}            
            <li><a href="{php}echo xtc_href_link(FILENAME_CREATE_ACCOUNT, '', 'SSL');{/php}">{#new_customer#}</a></li>            
           {/if}
            <li><a href="{$checkout}">{#link_checkout#}</a></li>
           {if $smarty.session.customer_id}
            <li><a href="{$logoff}">{#link_logoff#}</a></li>
           {else}
            <li><a href="{$login}">{#link_login#}</a></li>
           {/if}
        </ul>
        <div id="languages">{$box_LANGUAGES}</div>
    </div>

direkt unter

Code: PHP  [Auswählen]

{config_load file="$language/lang_$language.conf" section="index"}
<div id="wrap">

den unteren Abstand vom Menü solltes du in der css unter -> #topmenuwrap ändern können.

Gruß.