+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Theme-Diskussionen (https://www.mybb.de/forum/forum-84.html)
+--- Thema: Button Senkrecht des themas (/thread-26094.html)
Seiten: Seiten:
1
2
Button Senkrecht des themas - RyUk. - 17.07.2012
Hallo Leute und allen einen wunderschönen guten morgen.
Kann mir einer sagen wie ich mein Facebook etc Buttons Senkrecht einfügen kann,ich möchte das bei mir auf der rechten Seite angezeigt bekommen aber nicht wie hier waagerecht sondern senkrecht zudem würde ich gerne den Effekt dazu haben, das die sich mit bewegen,also wenn ich die Seite runter scrolle sie mit scrollen.
Kann mir einer sagen wo ich das passende Thema finde und eben den scroll Effekt miteinbau.
Danke jetzt im Vorraus.
RE: Button Senkrecht des themas - Kenny - 17.07.2012
Das Thema ist zwar nicht von hier, könnte aber trotzdem was für dich sein.
KLICK HIER
RE: Button Senkrecht des themas - RyUk. - 17.07.2012
Danke für denn hinweiß, ich hätte vllt dazu sagen sollen das ich das als javascrip habe, mit der Methode kann ich zwar das ganze immer noch einsetzen aber die logig versteht ich dabei nicht ich setze es dort in footer rein und genau da wird er mir am ende auch angezeigt. Mein vorhaben war es aber rechts an denn rand zu setzen.
PHP-Code:
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_floating_style addthis_32x32_style" style="left:50px;top:50px;">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-50054bcc42cddcab"></script>
<!-- AddThis Button END -->
RE: Button Senkrecht des themas - RyUk. - 17.07.2012
edit:
also ok das mit dem footer hat sich erledigt das war mein fehler, wenn ich was dort steht befolge,und das erste mit dem footer mache habe ich das ganze auf der linken Seite(siehe bild) zweck war es aber auf die rechte seite und das an den rand was auf der linken auch nicht zur sehen war aber auf rechts kommt es nicht es wird mir da nicht mehr angezeigt.
RE: Button Senkrecht des themas - MrBrechreiz - 17.07.2012
Schau dir mal dieses Beispiel an. Ist zwar mit einem Menü versehen, kann man aber seinen bedürfnissen anpassen. klick
RE: Button Senkrecht des themas - RyUk. - 17.07.2012
und was soll mir das jetzt zeigen?
also ein münü brauch ich nicht hab ich schon
und auch meinen javascrip nur eben nicht,wie ich diese jetzt rechts oben einbinden kann.
RE: Button Senkrecht des themas - MrBrechreiz - 17.07.2012
In deinem Code ist doch schon die Angabe wo es sein soll "left", ändere es in right und passe die Positionsangaben entsprechent. Fals dies auch nicht gehen sollte, verwende "float:right;" im style tag.
RE: Button Senkrecht des themas - RyUk. - 17.07.2012
ja das mit left hab ich gesehn und bei mir koregiert, das problem ist das er es wie im ersten bild zu sehen nicht ganz an den rand schiebt und wenn ich dann weiter das in der global.css beschreibe es gar weg ist
RE: Button Senkrecht des themas - MrBrechreiz - 17.07.2012
Verwende die Positionierung "top = oben; right = rechts; left = links; bottom = unten" mit den entsprechenden width und height Angaben dazu.
RE: Button Senkrecht des themas - RyUk. - 18.07.2012
also mir gelingt es momentan nicht das anzupassen
PHP-Code:
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_floating_style addthis_32x32_style" style="left:50px;top:50px;">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-50054bcc42cddcab"></script>
<!-- AddThis Button END -->
jetzt zu der css
PHP-Code:
#followTab {
background: linear-gradient(top, rgba(255, 255, 255), rgba(255, 255, 255));
width: 29px;
list-style: none;
position: fixed;
z-index: 5;
right: 0;
top: 300px;
padding: 8px 5px;
border: 2px solid #fff;
border-right: none;
-moz-border-radius: 10px 0 0 10px;
-webkit-border-radius: 10px 0 0 10px;
border-radius: 10px 0 0 10px;
-moz-box-shadow: 0 0 7px rgba(0,0,0,.6);
-webkit-box-shadow: 0 0 7px rgba(0,0,0,.6);
box-shadow: 0 0 7px rgba(0,0,0,.6);
}
#followTab li {
margin:9px 0 0 0;
line-height:0
}
#followTab li:first-child {
margin-top:0
}
#followTab a {
display:block;
width:24px;
}
#followTab a span {
position:absolute;
top:-999em