Anmelden | Registrieren | FAQ
Anonymous

Footerzeile, Hilfe..

+ Antwort erstellen

5 Beiträge Seite 1 von 1


Footerzeile, Hilfe..

von sina » Mo Jan 10, 2011 5:53 pm

Hallo,

Ich bräuchte bitte mal Unterstützung, habe mir die gesamten css lektionen angesehen, dennoch stehe ich vor einem Problem: Ich möchte in meine QWebseite eine footerzeile einbauen, so wie hier: http://www.douglas.de/douglas/

Meine erste Frage erst einmal zum Grundsatz: Darf ich diese Befehlszeilen oder wie sich das nennt nutzen, um diese Darstellung in meine webseite zu übernehmen? <Logisch, nicht im Original, deswegen, wenn ja: Was muss ich im code ändern, damit dies bei mir dann wie folgt aussieht: Kontakt/Impressum/AGB/Glossar/sitemap

Alles ist schon vorhanden, aber für ein schmaleres design würde ich diese Felder,. die sich als Buttons auf der Startseite im Menü waagerecht befinden, ebenso wie das eigentliche Angebotsmenu meiner Seite gern nach unten verlegen. So wie es ja auch bei den meisten Seiten gestaltet ist.

Ich wäre dankbar für einen tipp, wo ich was einsetzen muss...Es handelt sich um ein joomlatemplate...und wurde mit cssFalls mehr infos erforderlich sind, bitte melden.
Vielen dank schon mal
Liebe Grüße
Sina
Benutzeravatar

sina

  • Beiträge: 3
  • Registriert: Mo Jan 10, 2011 5:38 pm

Re: Footerzeile, Hilfe..

von HTML.net » Mo Jan 10, 2011 7:24 pm

Hier ist der Code von der Website - war das, was du gesucht hast?

[Here is the code from the site - was that what you were looking for?]

HTML:

Code: Alles auswählen
<div id="pagefooter" class="clearfix">
    <h2 class="skip">Anbieter-Hinweise</h2>
    <p><a href="//data.douglas.de/hybr/popup/hilfe/de/hilfe_ud.htm#Copyright" name="footer.copyright" target="_blank"  onClick="popit('//data.douglas.de/hybr/popup/hilfe/de/hilfe_ud.htm#Copyright','Hilfe','width=720,height=580,screenX=0,screenY=0,menubar=no,resizable=no,scrollbars=no,status=no,toolbar=no'); return false">&copy; 2011 Parf&uuml;merie Douglas GmbH</a></p>

    <ul class="clearfix">
        <li><a href="//data.douglas.de/hybr/popup/hilfe/de/hilfe_agb.htm" name="footer.agb" target="_blank"  onClick="popit('//data.douglas.de/hybr/popup/hilfe/de/hilfe_agb.htm','Hilfe','width=720,height=580,screenX=0,screenY=0,menubar=no,resizable=no,scrollbars=no,status=no,toolbar=no'); return false">AGB</a></li>
        <li><a href="//data.douglas.de/hybr/popup/hilfe/de/hilfe_ip.htm" name="footer.impressum" target="_blank"  onClick="popit('//data.douglas.de/hybr/popup/hilfe/de/hilfe_ip.htm','Hilfe','width=720,height=580,screenX=0,screenY=0,menubar=no,resizable=no,scrollbars=no,status=no,toolbar=no'); return false">Impressum</a></li>
        <li><a href="//data.douglas.de/hybr/popup/hilfe/de/hilfe_ds.htm" name="footer.datenschutz" target="_blank"  onClick="popit('//data.douglas.de/hybr/popup/hilfe/de/hilfe_ds.htm','Hilfe','width=720,height=580,screenX=0,screenY=0,menubar=no,resizable=no,scrollbars=no,status=no,toolbar=no'); return false">Datenschutz</a></li>
        <li><a href="/douglas/index_c2000.html" name="footer.overview">Index</a></li>
        <li><a href="/douglas/index_c2100.html" name="footer.tipps">Themen</a></li>

        <li><a href="//data.douglas.de/hybr/popup/hilfe/de/hilfe_vl.htm" name="footer.versand" target="_blank"  onClick="popit('//data.douglas.de/hybr/popup/hilfe/de/hilfe_vl.htm','Hilfe','width=720,height=580,screenX=0,screenY=0,menubar=no,resizable=no,scrollbars=no,status=no,toolbar=no'); return false">Versand &amp; Lieferung</a></li>
        <li><a href="//data.douglas.de/hybr/popup/hilfe/de/hilfe_za.htm" name="footer.zahlarten" target="_blank"  onClick="popit('//data.douglas.de/hybr/popup/hilfe/de/hilfe_za.htm','Hilfe','width=720,height=580,screenX=0,screenY=0,menubar=no,resizable=no,scrollbars=no,status=no,toolbar=no'); return false">Zahlungsarten</a></li>
    </ul>
</div>



CSS:

Code: Alles auswählen
#pagefooter {
    position: relative;
    left: 0;
    top: -9px;
    z-index: 1010;
    padding-left: 215px;
    color: #666;
}
#pagefooter p {
    float: left;
    margin-right: 6px;
}
#pagefooter ul, #pagefooter li {
    display: inline;
    list-style-type: none;
}
#pagefooter li {
    /*float: left;*/
    padding: 0 3px 0 6px;
    border-left: 1px solid #666;
}
#pagefooter a {
    color: #666;
}


- Andreas, HTML.net
Benutzeravatar

HTML.net
Site Admin

  • Beiträge: 1194
  • Registriert: Sa Sep 11, 2010 11:24 am
--
Show some love for HTML.net on Twitter, Facebook and Google: Use the buttons on top of all pages.

Re: Footerzeile, Hilfe..

von sina » Mo Jan 10, 2011 8:43 pm

Danke Andreas,
Ja ich denke, das ist es , vielen dank.
Jetzt bräuchte ich nur noch die Info, wie ich dann auf 1.: die sichtbare Bezeichnung, z.B Impressum eintrage und 2.: wie ich dieses dann noch zu dem entsprechenden Beitrag/Inhalt in meiner Seite leite, verlinke??? Muss ich da mit href attribut verweisen?

Ich glaub ich lern erst mal das aplhabet;-))

liebe grüße sina
Benutzeravatar

sina

  • Beiträge: 3
  • Registriert: Mo Jan 10, 2011 5:38 pm

Re: Footerzeile, Hilfe..

von HTML.net » Mo Jan 10, 2011 9:03 pm

Sie können einfach nur die Links und Text in den Code:

[You can just change the the links and text in the code:]

Code: Alles auswählen
<div id="pagefooter" class="clearfix">
    <h2 class="skip">Anbieter-Hinweise</h2>
    <p><a href="seite.htm">Einen link</a></p>

    <ul class="clearfix">
        <li><a href="seite1.htm">Seite 1</a></li>
        <li><a href="seite2.htm">Seite 2</a></li>
   <li><a href="seite3.htm">Seite 3</a></li>
   <li><a href="seite4.htm">Seite 4</a></li>
    </ul>
</div>


- Andreas, HTML.net
Benutzeravatar

HTML.net
Site Admin

  • Beiträge: 1194
  • Registriert: Sa Sep 11, 2010 11:24 am
--
Show some love for HTML.net on Twitter, Facebook and Google: Use the buttons on top of all pages.

Re: Footerzeile, Hilfe..

von sina » Di Jan 11, 2011 2:06 am

Danke, Danke.

Ich kann mich nur anschliessen, eine tolle, lehreiche und endlich auch fur dummys verständliche Einführung!!!!
Danke und liebe Grüße
Sina
Benutzeravatar

sina

  • Beiträge: 3
  • Registriert: Mo Jan 10, 2011 5:38 pm


+ Antwort erstellen

Seite 1 von 1