Deutschsprachiges NOF - Forum

Support und Tutorials rund um das Thema NetObjects Fusion

collapse

* Wichtige Mitglieder-Information

Da immer noch Mails verwunderter "Mitglieder" bei mir ankommen, weil Login und Registrierung nicht funktionieren... das Forum ist seit geraumer Zeit geschlossen und steht ausschließlich als Nachschlagewerk zur Verfügung. Einerseits bin ich froh, diesen Schritt gewagt zu haben... auf der anderen Seite... wenn ich hier manchmal so lese... es war doch "'ne geile Zeit" mit euch! Macht's gut!

Beste Grüße nettesekel

* Friendship

DER Katzenblog – mit tollen Tipps und Ideen für deine Katze(n) <3

Die letzten Beiträge

Autor Thema: Fixierter Hover-Button am Bildschirmrand  (Gelesen 2399 mal)

0 Mitglieder und 1 Gast betrachten dieses Thema.

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8181
Fixierter Hover-Button am Bildschirmrand
« am: 06. Dezember 2012, 18:24:45 »
---------------------------------------------------------------------------------------------------------
Vorschau
---------------------------------------------------------------------------------------------------------





---------------------------------------------------------------------------------------------------------
Schritt 1
---------------------------------------------------------------------------------------------------------

Grafik speichern und als Asset einbinden, bzw. die Grafik in den Ordner assets>>images im Ordner LokalePublizierung und auf dem Server einfügen.

« Letzte Änderung: 06. Dezember 2012, 23:42:05 von nettesekel »

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8181
Re: Fixierter Button am Bildschirmrand
« Antwort #1 am: 06. Dezember 2012, 18:28:45 »
---------------------------------------------------------------------------------------------------------
Schritt 2
---------------------------------------------------------------------------------------------------------
In der Seitenansicht die Taste F10 auf der Tastatur drücken und anschließend auf der Eigenschaftenpalette den html-Button klicken.
Im sich öffnenden Fenster folgenden Code zwischen den Head-Tags einfügen und am unteren Fensterrand OK klicken.

Code: HTML5
  1. <style type="text/css">
  2.       *{margin:0px;padding:0px;}
  3.       #homebutton
  4.       {
  5.         background:transparent url(./assets/images/home-button.png) no-repeat scroll 0px 0px;
  6.         height:170px;
  7.         left:0;
  8.         position:fixed;
  9.         top:150px;
  10.         width:40px;
  11.       }
  12.       div#homebutton:hover
  13.       {
  14.         background-position:-41px 0px;
  15.       }
  16.       #homebutton a
  17.       {
  18.         display:block;
  19.         height:170px;
  20.         width:40px;
  21.       }
« Letzte Änderung: 03. Januar 2014, 23:17:38 von nettesekel »

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8181
Re: Fixierter Button am Bildschirmrand
« Antwort #2 am: 06. Dezember 2012, 18:33:04 »
---------------------------------------------------------------------------------------------------------
Schritt 3
---------------------------------------------------------------------------------------------------------

An einer beliebigen Stelle im Layout ein Textfeld einfügen. Einmal aus dem Textfeld raus klicken dann das Textfeld anklicken (der Cursor darf nicht blinken). Den html-Button auf der Eigenschaftenpalette anklicken und im sich öffnenden Fenster folgende Codeschnipsel eingeben.

Vor dem Tag:
Code: HTML5
  1. <div id="homebutton"><a href="http://www.nof-community.de" ></a>


Nach dem Tag:
Code: HTML5
  1. </div>
« Letzte Änderung: 03. Januar 2014, 17:10:59 von nettesekel »

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8181
Re: Fixierter Button am Bildschirmrand
« Antwort #3 am: 06. Dezember 2012, 18:33:40 »
---------------------------------------------------------------------------------------------------------
Schritt 4
---------------------------------------------------------------------------------------------------------

Publizieren!  :)

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8181
Re: Fixierter Button am Bildschirmrand
« Antwort #4 am: 06. Dezember 2012, 18:33:58 »
---------------------------------------------------------------------------------------------------------
Schritt 5
---------------------------------------------------------------------------------------------------------

Freuen!  (rofl)

« Letzte Änderung: 21. Februar 2014, 18:41:32 von nettesekel »

Deutschsprachiges NOF - Forum

Support und Tutorials rund um das Thema NetObjects Fusion