Question

#1 | Test Forum die zweite datum

13.07.2011 08:42

Test.

Answer 1

#2 | RE: Test Forum die zweite datum

22.07.2011 22:13

Test msn online anzeige

Diese Antwort wurde noch nicht kommentiert
Neuer Kommentar

0

Answer 2

#3 | RE: Test Forum die zweite datum

06.11.2011 07:56

test test

Diese Antwort wurde noch nicht kommentiert
Neuer Kommentar

0

Answer 3

#4 | RE: Test Forum die zweite datum

26.11.2011 17:30

test

Diese Antwort wurde noch nicht kommentiert
Neuer Kommentar

0

Answer 4

#5 | RE: Test Forum die zweite datum

27.11.2011 15:17

test

Diese Antwort wurde noch nicht kommentiert
Neuer Kommentar

0

Answer 5

#6 | RE: Test Forum die zweite datum

04.01.2012 20:28

Diese Antwort wurde noch nicht kommentiert
Neuer Kommentar

0

Answer 6

#7 | RE: Test Forum die zweite datum

24.08.2014 12:36

Mario1970

BEZEICHNUNG 1

BEZEICHNUNG 2

Informationen anzeigen

Beitr�ge:	173
Registriert seit:	01.06.2011
Blog:	Mario1970s Blog

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
38
39
40
 
{{plugin_erstell1_config_rechte==true.start}}
 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script> 
$(document).ready(function(){
  $("#flip").click(function(){
    $("#panel").slideToggle("slow");
  });
});
  
</script>
 
<style> 
#panel,#flip
{
padding:5px;
text-align:center;
color:#ffffff;
background-color:#80581D;
border:solid 1px #c3c3c3;
}
#panel
{
padding:50px;
display:none;
}
</style>
<body>
 
<div id="flip">Locales Wetter Hier Klicken.</div>
<div id="panel"><a href="http://www.accuweather.com/en/de/nordenham/26954/weather-forecast/174023" class="aw-widget-legal">
<!--
By accessing and/or using this code snippet, you agree to AccuWeather�s terms and conditions (in English) which can be found at http://www.accuweather.com/en/free-weather-widgets/terms and AccuWeather�s Privacy Statement (in English) which can be found at http://www.accuweather.com/en/privacy.
-->
</a><div id="awtd1408869405999" class="aw-widget-36hour"  data-locationkey="" data-unit="c" data-language="de" data-useip="true" data-uid="awtd1408869405999" data-editlocation="true"></div><script type="text/javascript" src="http://oap.accuweather.com/launch.js"></script></div>
 
</body>
    
 
{{plugin_erstell1_config_rechte==true.end}}
 

Diese Antwort wurde noch nicht kommentiert
Neuer Kommentar

0

Answer 7

#8 | RE: Test Forum die zweite datum

13.09.2014 10:46

Videobeschreibung

Mario1970 hat folgende Dateien an diesen Beitrag angeh�ngt

Videobeschreibung.txt

Diese Antwort wurde noch nicht kommentiert
Neuer Kommentar

0

Answer 8

#9 | RE: Test Forum die zweite datum

13.09.2014 19:07

Der jquery code

Mario1970 hat folgende Dateien an diesen Beitrag angeh�ngt

workshop jquery.txt

Diese Antwort wurde noch nicht kommentiert
Neuer Kommentar

0

Answer 9

#10 | RE: Test Forum die zweite datum

13.09.2014 19:09

Mario1970

BEZEICHNUNG 1

BEZEICHNUNG 2

Informationen anzeigen

Beitr�ge:	173
Registriert seit:	01.06.2011
Blog:	Mario1970s Blog

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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
<div id="sidePanel">
        <div id="panelContent">
		&nbsp;<a href="http://friends-of.xobor.de/t190f39-Mein-erstes-Plugin.html">Das einfachste Plugin</a><br>
		&nbsp;<a href="http://friends-of.xobor.de/t201f39-Das-erste-Plugin-mit-HTML.html">Das erste Plugin mit HTML</a><br>
		&nbsp;<a href="http://friends-of.xobor.de/t212f39-Das-erste-Plugin-mit-Variablen.html">Das erste Plugin mit Variablen</a><br>
      	&nbsp;<a href="http://friends-of.xobor.de/t471f19-div-Container.html">DIV Container</a><br>
		&nbsp;<a href="http://friends-of.xobor.de/t576f21-Wat-is-en-Dampfmaschin.html">Wat is en Dampfmaschin</a><br>
       	&nbsp;<a href="http://friends-of.xobor.de/t248f43-Erstellung-einer-Variablen-vom-Typ-boolean.html">Erstellen einer Variablen vom Typ boolean</a><br>
       	&nbsp;<a href="http://friends-of.xobor.de/t267f43-Erstellung-einer-Variablen-vom-Typ-select.html">Erstellen einer Variablen vom Typ select</a><br>
		&nbsp;<a href="http://friends-of.xobor.de/t524f51-Versteckt-euch-bis-wir-euch-rufen.html">Versteckt euch bis wir euch rufen</a><br>
		&nbsp;<a href="http://friends-of.xobor.de/t569f35-localStorage-die-Alternative-zu-Cookies.html">Local Storage die Alternative zu Cookies</a><br>
		&nbsp;<a href="http://friends-of.xobor.de/t217f11-Koennen-wir-hovern.html">Können wir Hovern?</a><br>
		&nbsp;<a href="http://friends-of.xobor.de/t469f43-Ich-brauche-mehr-Platz.html">Ich brauche mehr Platz</a><br>
 
  		</div>
        <div id="panelHandle"><p>Workshop</p></div>
        
      	</div>
 
<div id="sidePanel1">
        <div id="panelContent1">
		<a href="http://friends-of.xobor.de/t376f40-Plugin-Merkbox-Workshop-Teil-Schritte-bis.html"> 1.1 Plugin Merkbox | Workshop Teil 1 | Schritte 1 bis 3</a><br>
        <a href="http://friends-of.xobor.de/t227f40-Plugin-Merkbox-Workshop-Teil-Schritte-bis.html"> 2.1 Plugin Merkbox | Workshop Teil 2 | Schritte 4 bis 7</a><br>
        <a href="http://friends-of.xobor.de/t232f40-Plugin-Merkbox-Workshop-Teil-Schritte-und.html"> 3.1 Plugin-Merkbox | Workshop Teil 3 | Schritte 8 und 9</a><br>
        <a href="http://friends-of.xobor.de/t273f40-Plugin-Merkbox-Workshop-Teil-Schritte-und-Ende.html"> 4.1 Plugin-Merkbox | Workshop Teil 4 | Schritte 10 und 11 (Ende)</a><br>
 
  		</div>
        <div id="panelHandle1"><p>Seminar</p></div>
        
      	</div>
 

<style>
  
 
#sidePanel{
    width:245px;
    position:fixed;
    left:-202px;
    top:25%;
    z-index:900000;
    
}
 
#sidePanel1{
    width:245px;
    position:fixed;
    left:-202px;
    top:50%;
    z-index:900000;
    
}  
 
#panelHandle{
    background-image: -webkit-linear-gradient(top,#333,#222);
    background-image: -moz-linear-gradient(center top , #333333, #222222);
    background-image: -o-linear-gradient(center top , #333333, #222222);
    background-image: -ms-linear-gradient(center top , #333333, #222222);
    background-image:linear-gradient(center top , #333333, #222222);
 
    height:150px;
    width:40px;
    border-radius:0 5px 5px 0;
    float:left;
    cursor:pointer;
}
#panelHandle1{
    background-image: -webkit-linear-gradient(top,#333,#222);
    background-image: -moz-linear-gradient(center top , #333333, #222222);
    background-image: -o-linear-gradient(center top , #333333, #222222);
    background-image: -ms-linear-gradient(center top , #333333, #222222);
    background-image:linear-gradient(center top , #333333, #222222);
 
    height:150px;
    width:40px;
    border-radius:0 5px 5px 0;
    float:left;
    cursor:pointer;
}
#panelContent{
    float:left;
    border:1px solid #333333;
    width:200px;
    height:300px;
    background-color:#EEEEEE;
}
#panelContent1{
    float:left;
    border:1px solid #333333;
    width:200px;
    height:300px;
    background-color:#EEEEEE;
}
#panelHandle p {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    color: #FFFFFF;
    font-size: 24px;
    font-weight: bold;
    left: -4px;
    margin: 0;
    padding: 0;
    position: relative;
    top: 26px;
}
#panelHandle1 p {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    color: #FFFFFF;
    font-size: 24px;
    font-weight: bold;
    left: -4px;
    margin: 0;
    padding: 0;
    position: relative;
    top: 26px;
}
 
</style>
<script>
  jQuery(function($) {
    $(document).ready(function() {
        $('#panelHandle').hover(function() {
            $('#sidePanel').stop(true, false).animate({
                'left': '0px'
            }, 900);
        }, function() {
            jQuery.noConflict();
        });
 
        jQuery('#sidePanel').hover(function() {
            // Do nothing
        }, function() {
 
            jQuery.noConflict();
            jQuery('#sidePanel').animate({
                left: '-201px'
            }, 800);
 
        });
    });
});
</script>
 

 