Suche im Forum:
Suchen


Autor Nachricht
Beitrag26.08.2012 um 16:21 (UTC)    
Titel: Leiste u. a. mit Top-Button
Antworten mit Zitat
Hallo,

hat jemand ein Code wie ich eine Leiste unten "am Boden" hinbekomme und die immer mit der Seite mitläuft (beim scrollen). In der man etwas rein schreiben kann und wo man einen Top-Button (damit man zum Seitenanfang kommt) reinfügen kann.
Vielen Dank!

Gruß
Philipp


Zuletzt bearbeitet von philipp-richter am 03.09.2012, 11:07, insgesamt einmal bearbeitet
↑
Beitrag26.08.2012 um 17:21 (UTC)    
Titel:
Antworten mit Zitat
Bei Text über dem Design einfügen:
Zitat:
<style type="text/css">
#fixedFooter {
width: 100%;
height: 50px;
position: fixed;
color: #FFFFFF;
background-color: #000000;
bottom: 0px;
}
</style>
<div id="fixedFooter"><a href="#">nach oben</a>Bla, bla, bla</div>

50: Höhe des Footers in Pixel
FFFFFF: Farbe des Textes im Footer (Klick)
000000: Hintergrundfarbe (Klick)
<a href="#">nach oben</a>: "nach oben"-Link
Bla, bla, bla: Text im Footer

Wenn du noch andere Sachen ändern möchtest, sag bitte was genau.

mfg Philipp
______________
Forenregeln, FAQ, Suchfunktion


Zuletzt bearbeitet von philipp7 am 26.08.2012, 18:21, insgesamt einmal bearbeitet
↑
Beitrag02.09.2012 um 09:49 (UTC)    
Titel: Danke!
Antworten mit Zitat
Danke! Hat funkoniert, habe nur noch ein Problem. Ich will links und rechts den Top Button nur der Button rechts hält sich nicht immer am Rand (je nach Auflösung). Wie kann man das ändern?

Code:
<style type="text/css">
#fixedFooter {
width: 100%;
height: 30px;
position: fixed;
color: #FFFFFF;
bottom: 0px;
filter:alpha(opacity=100); -moz-opacity: 1.00; opacity: 1.00;
}
</style>
<div id="fixedFooter"><table width="100%">
    <tbody>
        <tr>
            <td width="93%" class="leftb"><a href="#"><img src="http://img.webme.com/pic/b/bahn-pics/totop_18-19.png" alt="" /><span style="color: rgb(255, 255, 255);"> nach oben</span></a></td>
            <td width="7%" class="rightb"><a href="#"><span style="color: rgb(255, 255, 255);">nach oben </span><img src="http://img.webme.com/pic/b/bahn-pics/totop_18-19.png" alt="" /></a></td>
        </tr>
    </tbody>
</table></div>


Gruß
Philipp


Zuletzt bearbeitet von philipp-richter am 03.09.2012, 11:07, insgesamt einmal bearbeitet
↑
Beitrag02.09.2012 um 12:44 (UTC)    
Titel:
Antworten mit Zitat
Das liegt daran, dass die 7% je nach Auflösung unterschiedlich groß sind, aber dein Top-Button nur eine bestimmte Größe hat und sich innerhalb diesen 7% immer links platziert. Ich habe mal alles grün makiert, das ich ergänzt oder verändert habe:

Zitat:
<style type="text/css">
#fixedFooter {
width: 100%;
height: 30px;
position: fixed;
color: #FFFFFF;
bottom: 0px;
filter:alpha(opacity=100); -moz-opacity: 1.00; opacity: 1.00;
}
</style>
<div id="fixedFooter"><table width="100%">
<tbody>
<tr>
<td width="50%" class="leftb"><a href="#"><div style="text-align: left;"><img src="http://img.webme.com/pic/b/bahn-pics/totop_18-19.png" alt="" /><span style="color: rgb(255, 255, 255);"> nach oben</span></a></div></td>
<td width="50%" class="rightb"><a href="#"><div style="text-align: right;"><span style="color: rgb(255, 255, 255);">nach oben </span><img src="http://img.webme.com/pic/b/bahn-pics/totop_18-19.png" alt="" /></a></div></td>
</tr>
</tbody>
</table></div>


Liebe Grüße


Zuletzt bearbeitet von vui am 02.09.2012, 13:49, insgesamt 2-mal bearbeitet
↑
Beitrag02.09.2012 um 14:48 (UTC)    
Titel:
Antworten mit Zitat
Vielen Dank!

Gruß
Philipp
↑
Beiträge der letzten Zeit anzeigen:   
  • Seite 1 von 1

  •  
    • Gehe zu:  


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de

© 2024 webme GmbH, Deutschland. Alle Rechte vorbehalten.