Buttons in Sidebar einbauen

[KleinerFisch.at]

Hallo alle zusammen!

Habe ein für mich unlösbares Problem.

Also ich habe da die üblichen Facebook / Twitter usw Buttons, die ja über HTML code in die index.PHP eingefügt werden. Das hatte ich auch soweit geschafft.
Doch jetzt hätte ich diese Buttons gerne immer fix am Ende meiner rechten Sidebar positioniert,doch ich schaffe es einfach nicht.
Mir wurde jetzt gesagt, ich muss sie direkt ins style.CSS einbauen.
Habe allerdings keinen Plan wo und wie.

Kann mir bitte jemand helfen?

LG Yvonne
- Kleiner Fisch

 

[threadi]

Du hast auf deiner Seite die "Buttons" unten rechts bereits untergebracht. Meinst Du die?

Mit der CSS-Eigenschaft "position: fixed;" kannst Du Elemente mitscrollen lassen.

 

[KleinerFisch.at]

Ja genau diese meine ich, aber dass die jetzt so sind da habe ich ganz schirch geschummelt... (wie willst du gar nicht wissen, echt zum schämen)

Aha ja und gebe ich diesen position fixed code vor oder nach dem hmtl link ein? Und gehört das dann wirklich ins style.css? Denn jetzt habe ichs nach wie vor im index.php:

<?php # includes the sidebar
echo self_service_sidebar();
?>
<div class="fb-like" data-href="http://www.facebook.com/KleinerFisch.Revolution" data-send="true" data-layout="button_count" data-width="500" data-show-faces="false" data-colorscheme="dark"></div><br/>
<nobr><a href="https://twitter.com/KleinerFisch_at" class="twitter-follow-button" data-show-count="false" data-lang="de" data-show-screen-name="false">@KleinerFisch_at folgen</a><a href="https://twitter.com/share" class="twitter-share-button" data-url="www.kleiner-fisch.at" data-lang="de">Twittern</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></nobr><br/>
<a href="//plus.google.com/103538279988576906915?prsrc=3" rel="publisher" style="text-decoration:none;"><img src="//ssl.gstatic.com/images/icons/gplus-16.png" alt="Google+" style="border:0;width:16px;height:16px;"/></a> 
<script type="text/javascript" src="http://apis.google.com/js/plusone.js">{lang: 'de', parsetags: 'explicit'}</script><g:plusone href="http://www.kleiner-fisch.at" size="small"></g:plusone><script type="text/javascript">gapi.plusone.go();</script>
</div><!-- end of sidebar -->

 

[threadi]

Ja, jegliche CSS-Eigenschaften gehören in eine externe CSS-Datei (wenn Du die schon hast solltest Du die auch nutzen). Die Reihenfolge spielt hier nur innerhalb vom CSS eine Rolle, hat aber mit dem HTML-Code nichts zu tun. Wichtig ist nur, dass Du mit der CSS-Eigenschaft das korrekte HTML-Element ansprichst. Beispiele findest Du in zahlreichen Dokumentationen wie z.B. hier:
SELFHTML: Stylesheets / CSS-Formate definieren / Zentrale Formate definieren

 

[KleinerFisch.at]

Hallo!
Sorry, ich kann dir grad gar nicht folgen trotz der Seite.
Also auf gut deutsch solch ich den HTML code aus index.php azsschneiden und ins style.CSS einfügen?
Aber woher weiß das dann wo in der Sidebar es stehen soll??
LG

 

[threadi]

Nein, du sollst CSS-Code nicht in die HTML-Datei rein schreiben sondern in die externe CSS-Datei. HTML-Code hat in der CSS-Datei nichts zu suchen.

Welcher CSS-Code für die Sidebar zuständig ist, musst Du ja selbst wissen - Du hast ihn geschrieben. Die Zuordnung dieser CSS-Eigenschaften zu einem Selektor (also z.B. einem HTML-Element) geschieht ebenfalls in CSS. Beispiel:

div.button_frame {
 position: fixed;
 top: 0;
 right: 0;
}

wobei "button_frame" eine Klasse ist die Du dem HTML-Element gibst, welches diese Eigenschaften haben soll.

Ich würde dir raten die CSS-Grundlagen nochmal anzuschauen, dann würdest Du die Zusammenhänge schnell selbst erkennen.

 

[KleinerFisch.at]

Aha. Nein, ich habe es leider nicht selber geschrieben, ich habe es so gekauft und versuche es so abzuändern das es passt. Bücher haben mir dabei leider nicht geholfen. kannst du mir entsprechende Lektüre empfehlen?
bei mir wars einfach so, dass wir ne Website brauchte, wir aber nur ehrenamtlich dafür arbeiten und wir uns keine Seite um 3000 Euro leisten konnten. Also hieß es selbst probieren und für das, dass ich nullst Vorkenntnisse hatte find ichs gut. Eben das einzige Problem sind diese blöden Buttons. Darum hab ich mich hier angemeldet.
Aha also füge ich den code dann ins css? Und vor meinem code im index.php schreib ich button_frame?

 

[threadi]

Bitte schau dir die Grundlagen an. Alle nötigen Informationen gibt es kostenfrei im Internet. Einen Link habe ich dir ja bereits genannt, hier nochmal:
SELFHTML: Stylesheets / CSS-Formate definieren / Zentrale Formate definieren

Eine weitere interessante Seite wäre:
CSS 4 You - The Finest in Stylesheets

 

[KleinerFisch.at]

Hallo,

danke für deine Hilfe, ich habe jetzt sämtliches probiert: margin, postion:fixed und auch dein button_frame, aber nichts hat geklappt...die Dinger bewegen sich keinen mm oder besser gesagt pixel. Habe auch diese Seiten mit den Postionen gelesen, aber hilft auch nix :-(

Tja blöde Geschichte. Wo kann ich wen vertrauenswürdigen finden, der mir das machen kann?

 

[threadi]

Frag doch in der Jobbörse nach.