Der lustige Lichtschalter

Antworten
  • Seite 2 von 7
#16
27.11.2013 21:19
avatar  Romulus
#16 RE:Der lustige Lichtschalter
avatar
Romulus
Mitglied

Zitat von mario4370 im Beitrag #9
Ich habe es mal ins Testforum Installiert und kann ein und ausschalten.


Ja, es funktioniert tadellos. Wie hast Du es denn gemacht, @mario4370 ? Ich habe das Ganze so in die Fußzeile eingesetzt:
<script>
function toggleLicht(){
switchoff = document.getElementById("switch-off");
if(switchoff.style.display == "none")
switchoff.style.display = "block";
else
switchoff.style.display = "none";
}
</script>
<style>
#switch-off {
background-color: #000000;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 10000;
display: none;
}
#switch {
position: absolute;
right: 35px;
top: 450px;
z-index: 20000;
}
</style>
<div style="display:none;" id="switch-off"></div>
<div id="switch">
<a onClick="toggleLicht()" href="#"><img src="http://www.ins-netz-gehen.de/sites/all/t...chtschalter.png"></a>
</div>


Die head und body Tags sollte man dann ja weglassen.

Ich könnte mir vorstellen, daraus einen schönen Pausenschalter zu machen. An vernünftiger Stelle im Forum eingebaut, könnte das gar nicht mal so verkehrt sein.

www.neverface.com
Liebhaber des Business Templates

 Antworten

 Beitrag melden
#17
27.11.2013 21:24
avatar  TripleM
#17 RE:Der lustige Lichtschalter
avatar
TripleM
Mitglied

Ich habe ihn nur Testweise in die Kopfzeile gesetzt. Was ich richtig gut Finden würde den Schalter mit einen Text Umfassen. "Hier nicht Drücken" nachdem gedrückt wird ist alles Schwarz dann ein Text "Ich habe doch gesagt nicht drücken" Die Gesichter der User möchte ich sehen wenn das Licht aus geht.


 Antworten

 Beitrag melden
#18
27.11.2013 21:26
avatar  Lady of the light
#18 RE:Der lustige Lichtschalter
avatar
Lady of the light
Mitglied

Zitat
Ich habe ihn nur Testweise in die Kopfzeile gesetzt. Was ich richtig gut Finden würde den Schalter mit einen Text Umfassen. "Hier nicht Drücken" nachdem gedrückt wird ist alles Schwarz dann ein Text "Ich habe doch gesagt nicht drücken" Die Gesichter der User möchte ich sehen wenn das Licht aus geht.

Genial...
Sowas sollte ich am ersten April einbauen :D

****************************************************
Bitte nicht anchatten - der Chat ist bei mir ausgeblendet und ich sehe eure Nachrichten teilweise erst 20 Minuten später. Schreibt lieber eine PN.
Bitte außerdem nicht in Themen taggen, in denen ich eh aktiv bin. Ich habe alle Themen, an denen ich mitdiskutiere, aboniert und kriege mit, wenn ihr was schreibt. Danke!

 Antworten

 Beitrag melden
#19
27.11.2013 21:26
avatar  gismo22100
#19 RE:Der lustige Lichtschalter
avatar
gismo22100
Mitglied

das wäre gut würde mir auch gefallen schöner gag-

Tiere sind wie wir,nur besser.
http://gismoskleinewelt.de
http://tharasgnadenhof.de

 Antworten

 Beitrag melden
#20
27.11.2013 21:28
avatar  TripleM
#20 RE:Der lustige Lichtschalter
avatar
TripleM
Mitglied

Und die Position kann man ja bestimmen.



Bei Top und Right mit den werten spielen. Left geht auch.

Habe den Schalter nun mal Umgesetzt nach oben in den Header

http://ig-offroadbagaluten.xobor.de/


 Antworten

 Beitrag melden
#21
27.11.2013 21:30 (zuletzt bearbeitet: 27.11.2013 21:31)
avatar  Romulus
#21 RE:Der lustige Lichtschalter
avatar
Romulus
Mitglied

Das Script ist ja außerdem frei editierbar,wie Mario es auch bereits erwähnt. Auch den Hintergrund könnte man anstatt der Farbe Schwarz sogar gegen ein Hintergrundbild austauschen. Ziemlich vielseitig, dieses kleine Ding.

www.neverface.com
Liebhaber des Business Templates

 Antworten

 Beitrag melden
#22
27.11.2013 21:34
avatar  Bussinchen
#22 RE:Der lustige Lichtschalter
Bu
Bussinchen
Mitglied

Danke mario4370 !

Jetzt konnte ich mir das Ding endlich mal in vivo angucken!

Ey, ich muss so lachen! Dieser Thread hier ist wieder mal total lustig mit euch!


Ho'oponopono

Hinweis: Ich verwende in allen meinen Foren ausschließlich das unveränderte Standard-Template.
Meine Foren: Board-Nr. 17085, 588813, 569659, 608167, 555628

 Antworten

 Beitrag melden
#23
27.11.2013 21:42 (zuletzt bearbeitet: 27.11.2013 21:44)
avatar  Beatricia
#23 RE:Der lustige Lichtschalter
avatar
Beatricia
Mitglied

Wenn ich euch so lese kriege ich auch wieder Lust mich näher damit zu beschäftigen .

Das mit dem "Bitte nicht drücken" ist gut.

Am ersten Tag wird's dunkel ,damit alle andern auch mal kurz erschrecken .Danach kommt mal das eine oder andere Bild oder ein Bilderwitz ..........mir fällt schon noch was ein .Mein Gehirn hat sich erholt von dem Schreck und arbeitet wieder normal

**********************************
Ich frage nach ,damit ich was lerne

 Antworten

 Beitrag melden
#24
27.11.2013 21:56 (zuletzt bearbeitet: 27.11.2013 21:58)
avatar  Romulus
#24 RE:Der lustige Lichtschalter
avatar
Romulus
Mitglied

Na, Deine persönliche Schrecksekunde des Tages kann ich aber durchaus nachvollziehen. Ich muss aber gestehen, dass ich schmunzeln musste, als ich es gelesen habe, liebe Beatrica.

Hier kommen ja in kürzester Zeit die besten Ideen für diesen kleinen Schalter zustande. Wir sind wohl ganz schön gut trainiert im Ideen aushecken, nicht?

www.neverface.com
Liebhaber des Business Templates

 Antworten

 Beitrag melden
#25
27.11.2013 22:05
avatar  eini1971
#25 RE:Der lustige Lichtschalter
avatar
eini1971
Mitglied

ob und wie man solche texte einbauen kann, würde ich auch gerne wissen.

hihi, die ersten anfragen kommen nun schon per chat rein :-)
jetzt tummeln sich die leute und diskutieren was das soll :-)

Gruß
Frank


Boardnr. 621181

www.aquariumzimmer.de
Boardnr. 572886
Business Template

 Antworten

 Beitrag melden
#26
27.11.2013 22:08
avatar  eini1971
#26 RE:Der lustige Lichtschalter
avatar
eini1971
Mitglied

hihi,
ein thema wurde auch schon erstellt.
hab meinem mod per chat erzählt daß bei jedem klick nun 5€ per paypal auf mein konto gehen.
das hat er dann auch gleich gepostet

Gruß
Frank


Boardnr. 621181

www.aquariumzimmer.de
Boardnr. 572886
Business Template

 Antworten

 Beitrag melden
#27
27.11.2013 22:11 (zuletzt bearbeitet: 27.11.2013 22:11)
avatar  Romulus
#27 RE:Der lustige Lichtschalter
avatar
Romulus
Mitglied

Da wäre ich jetzt gerne dabei! Ein toller Schabernack!

www.neverface.com
Liebhaber des Business Templates

 Antworten

 Beitrag melden
#28
27.11.2013 22:15
avatar  Gabriella
#28 RE:Der lustige Lichtschalter
avatar
Gabriella
Mitglied

*gröhl* also ich kann den Schalter jedenfalls an und abschalten bei Dir Frank, immerhin schon etwas.
Lasst mal den Threadersteller erzählen, wofür man den Schalter gebrauchen könnte

Mit freundlichen Grüssen
Gabriella

http://www.musengarten.com/
http://www.garten-der-poesie.de/

Layout: Business

 Antworten

 Beitrag melden
#29
27.11.2013 22:17
avatar  Romulus
#29 RE:Der lustige Lichtschalter
avatar
Romulus
Mitglied

Zitat von Shogun im Beitrag #28

Lasst mal den Threadersteller erzählen, wofür man den Schalter gebrauchen könnte


Der kommt wohl mit dem Lesen der Antworten nicht mehr nach, um die er ursprünglich gebeten hatte. Wir sind eben eine sehr aktive Truppe hier!

www.neverface.com
Liebhaber des Business Templates

 Antworten

 Beitrag melden
#30
27.11.2013 22:20 (zuletzt bearbeitet: 27.11.2013 22:22)
avatar  TripleM
#30 RE:Der lustige Lichtschalter
avatar
TripleM
Mitglied

Shogun den schalter kann man ja Ziemlich frei Umarbeiten. Kann mir jemand sagen wo ich in dem Script ein Bild Fixieren kann das es nicht wiederholt wird. Im Moment wird es andauern wiederholt und ich weiß nicht wo ich ansetzen muß. Ich habe mir überlegt ihn auf meiner Homepage einzubauen wo ich ein Nicht Komplett sichtbares HG Bild habe. Mit dem schalter möchte ich das das Bild komplett sichtbar wird.

Hier mal zur veranschaulichung die Seite wo ich es Einbauen möchte

http://www.offroadbagaluten.de/#

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
 
<html>
    <head>
        <script>
        function toggleLicht(){
            switchoff = document.getElementById("switch-off");
            if(switchoff.style.display == "none")
                switchoff.style.display = "block";
            else
                switchoff.style.display = "none";
        }
        </script>
        <style>
            #switch-off {
               background-image:url("http://up.picr.de/15700203mn.jpg");
                height: 100%;
                left: 0;
                position: fixed;
                top: 0;
                width: 100%;
                z-index: 10000;
                display: none;
            }
                #switch {
                position: absolute;
                right: 35px;
                top: 30px;
                z-index: 20000;
            }
        </style>
    </head>
    <body>
        <div style="display:none;" id="switch-off"></div>
        <div id="switch">
        <a onClick="toggleLicht()" href="#"><img src="https://files.homepagemodules.de/b214495/bhnetfiles-j7a1-29-d1fe.png"></a>
        </div>
    </body>
</html>
 



Zeile 14 ist das Bild und ich denke auch der bereich wo ich es einstellen kann.


 Antworten

 Beitrag melden
Antworten
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!