登录 | 注册 | FAQ
Anonymous

Footerzeile, Hilfe..

+ 发表回复

5 篇帖子 分页: 1 / 1


Footerzeile, Hilfe..

sina » 周一 1月 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
头像

sina

  • 帖子: 3
  • 注册: 周一 1月 10, 2011 5:38 pm

Re: Footerzeile, Hilfe..

HTML.net » 周一 1月 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:

代码: 全选
<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:

代码: 全选
#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
头像

HTML.net
Site Admin

  • 帖子: 1194
  • 注册: 周六 9月 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..

sina » 周一 1月 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
头像

sina

  • 帖子: 3
  • 注册: 周一 1月 10, 2011 5:38 pm

Re: Footerzeile, Hilfe..

HTML.net » 周一 1月 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:]

代码: 全选
<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
头像

HTML.net
Site Admin

  • 帖子: 1194
  • 注册: 周六 9月 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..

sina » 周二 1月 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
头像

sina

  • 帖子: 3
  • 注册: 周一 1月 10, 2011 5:38 pm


+ 发表回复

分页: 1 / 1