Rotating Top-Button / Rotation entfernen und Farbe ändern?

[cc]

Ich habe alles gemacht bis Antwort #3

Code noch nicht eingebaut
weil ich den Button zwar praktisch finde, also dass er erst am Seitenende erscheint
aber ich möchte eine andere farbe und er soll sich nicht drehen

jetzt weiss ich nicht weiter
was ich wo einbauen soll

[nettesekel]

Hier ist jetzt etwas durcheinander. Der Social-Slider ist das Ding mit den Socialmedia-Buttons die links am Seitenrand erscheinen.

Die Garfik kannst du gegen jede beliebige Grafik austauschen oder färbe sie einfach in einem geeigneten Programm nach deinen  Wünschen ein.

Wenn du die Rotation nicht wünschts, entfernst du einfach in der eingebundenen Styledatei diesen Code-Absatz:

Code: HTML5

1. #smoothup:hover {
2.    rotate(360deg);
3.    -moz-transform: rotate(360deg);
4.    -ms-transform: rotate(360deg);
5.    -webkit-transform: rotate(360deg)
6. }

[cc]

ja klar, mein fehler, ich dachte ich sollte einen neuen beitrag dazu schreiben

kannst du den titel ändern, damit die verwirrung aufgelöst ist
es muss ja heissen Top Button oder so

[cc]

alles gemacht
erledigt, da ist er !

[cc]

den Code 'am Ende' einfügen sollte heissen am Seitenende oder am Ende des Haupttextes ?

Ich habe es wahrscheinlich falsch gemacht weil da oben jetzt etwas steht
http://communicanis.de/html/webinare.html

[nettesekel]

Du hast die Verlinkung zum jquery-Script nicht zwischen den Head-Tags eingefügt, sondern im Body-Tag. Aus dem body-Tag rausnehmen und zwischen den Head-.Tags wieder einfügen.

Code: HTML5

1. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

Der andere Code kommt ans Body-Ende, nicht ans Seiten-Ende... also auch da nochmal ein wenig "Verschieben". Dann klappts auch mit dem Button. 

[cc]

ich habe auf 'zwischen den Head Tags geklickt' und da steht es
gelöscht und nochmal gemacht
siehe Screenshot

[cc]

Du hast die Verlinkung zum jquery-Script nicht zwischen den Head-Tags eingefügt, sondern im Body-Tag. Aus dem body-Tag rausnehmen und zwischen den Head-.Tags wieder einfügen.

Code: HTML5

1. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

Der andere Code kommt ans Body-Ende, nicht ans Seiten-Ende... also auch da nochmal ein wenig "Verschieben". Dann klappts auch mit dem Button. 

Der Pfeil ist nicht zu sehen.
Habe ich etwas vergessen einzufügen ?
Code gelöscht, neu eingefügt
und nur nochmal sicherheitshalber, ist das der richtige Weg:
Masterrahmen - Eigenschaften HTML - 2. Reiter zwischen den Head Tags einfügen:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

[nettesekel]

Im Moment sehe ich weder nen Button noch den Code den es braucht. 

[cc]

Ich verstehe es nicht, aber es gibt vieles was ich nicht verstehe, so beginne ich einfach noch einmal von vorn:

zwischen den HEAD TAGS


    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
     
    <style type="text/css">
    #smoothup {
       height: 40px;
       width: 40px;
       position:fixed;
       bottom:50px;
       right:100px;
       text-indent:-9999px;
       display:none;
       background: url("../assets/images/gototop.png");
       -webkit-transition-duration: 0.4s;
       -moz-transition-duration: 0.4s;
       transition-duration: 0.4s;
    }
    </style>


Body-Ende, nicht ans Seiten-Ende

    <script type="text/javascript">
    jQuery(document).ready(function($){
            $(window).scroll(function(){
            if ($(this).scrollTop() < 200) {
                            $('#smoothup') .fadeOut();
           } else {
                            $('#smoothup') .fadeIn();
           }
       });
            $('#smoothup').on('click', function(){
                    $('html, body').animate({scrollTop:0}, 400);
                    return false;
                    });
    });
    </script>


ZUSÄTZLICHES TEXTFELD

<a href="#top" id="smoothup" title="Back to top">[/url]

[nettesekel]

Ja genau...

[cc]

gemacht
kein Button
http://www.communicanis.de/html/abschied_trauerbewaeltigung.html

[nettesekel]

Die Buttongrafik soll laut deiner Angabe hier liegen: http://www.communicanis.de/assets/images/gototop.png Bei Klick auf den Link wirst du sehen, dass sie das aber nicht tut... und kann demnach auch nicht angezeigt werden.

[cc]

lag in Assets und in Images
aber 'nie publiziert'
jetzt aber !

danke für die Nerven.

[nettesekel]

Na siehste, geht doch. Ein bisschen nörgeln muss ich aber trotzdem noch.  Verstehe das aber bitte immer als Anregung, nicht als Pflicht es umzusetzen.

Dein Button mit dem roten Rand um den Pfeil wirkt recht unklar /unsauber... manchmal ist weniger mehr. Ich würde auf diesen Rand verzichten. Ich hänge dir mal eine Grafik an. Lege sie mal beide auf deinen gelben Hintergrund und vergleiche. Dann entscheide selbst, was dir besser gefällt.