Adventskranz Plugin erstellt

30.11.2014 15:08 (zuletzt bearbeitet: 30.11.2014 15:09)
#1 Adventskranz Plugin erstellt
avatar
Mitglied

Hallo zusammen,

Ich habe mir ein Adventskranz Plugin erstellt, etwas daran passt mir aber nicht! Bitte hier schauen: http://www.tsdv.de/

Ich frage mich, warum der Adventskranz soweit nach unten geht? Ich habe ja nur noch einen Bildlink oben angefügt, aber der Kranz ist auch ohne diesen Link viel zu weit unten. Das heisst genau soweit unten, wie der Abstand zwischen der zuoberst eingefügten Linkzeile.

Hier mal das Script:

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
 
<center><img src="https://files.homepagemodules.de/b591222/pictures_u247_sdgVynNa.png"/></center>
<center><script language="JavaScript" type="text/javascript">
<!--
/* Hier Adventsbilder festlegen */
var adventpics = new Array();
adventpics[0] = 'https://files.homepagemodules.de/b591222/pictures_u247_sdgVynNa.png'; // Bild wenn Adventszeit vorbei ist
adventpics[1] = 'http://www.meine-erste-homepage.com/firstimage.png'; // 1. Advent
adventpics[2] = 'http://www.meine-erste-homepage.com/secondimage.png'; // 2. Advent
adventpics[3] = 'http://www.meine-erste-homepage.com/thirdimage.png'; // 3. Advent
adventpics[4] = 'http://www.meine-erste-homepage.com/forthimage.png'; // 4. Advent
/* !!! Ab hier nichts mehr ändern !!! */
adventpics[0] = "<img src='"+adventpics[0]+"' alt='keine Adventszeit' title='keine Adventszeit' border='0'>";
adventpics[1] = "<img src='"+adventpics[1]+"' alt='1. Advent' title='1. Advent' border='0'>";
adventpics[2] = "<img src='"+adventpics[2]+"' alt='2. Advent' title='2. Advent' border='0'>";
adventpics[3] = "<img src='"+adventpics[3]+"' alt='3. Advent' title='3. Advent' border='0'>";
adventpics[4] = "<img src='"+adventpics[4]+"' alt='4. Advent' title='4. Advent' border='0'>";
var today = new Date();
var monthoftoday = today.getMonth();
var dateoftoday = today.getDate();
var yearoftoday = today.getFullYear();
var xmas = new Date(yearoftoday,11,24,0,0,0);
var xmasday = xmas.getDay();
var datefourthadvent = 24;
 
for (var i=xmasday; i>0; i--){
datefourthadvent-=1;
}
 
var datethirdadvent = datefourthadvent-7;
var datesecondadvent = datethirdadvent-7;
 
if ((datesecondadvent-7) > 0) {
var datefirstadvent = datesecondadvent-7;
var monthfirstadventdez = 11;
}
 
else {
var datefirstadvent = 30+datesecondadvent-7;
var monthfirstadventnov = 10;
}
 
if ((monthoftoday == monthfirstadventdez) && (dateoftoday >= datefirstadvent) && (dateoftoday < datesecondadvent)){
document.write(adventpics[1]);
}
 
else if ((monthfirstadventnov == 10) && (monthoftoday == 10) && (dateoftoday >= datefirstadvent)) {
document.write(adventpics[1]);
}
 
else if ((monthfirstadventnov == 10) && (monthoftoday == 11) && (dateoftoday < datesecondadvent)) {
document.write(adventpics[1]);
}
 
else if ((monthoftoday == 11) && (dateoftoday >= datesecondadvent) && (dateoftoday < datethirdadvent)){
document.write(adventpics[2]);
}
 
else if ((monthoftoday == 11) && (dateoftoday >= datethirdadvent) && (dateoftoday < datefourthadvent)){
document.write(adventpics[3]);
}
 
else if ((monthoftoday == 11) && (dateoftoday >= datefourthadvent) && (dateoftoday <= datefourthadvent+6)){
document.write(adventpics[4]);
}
 
else {
document.write(adventpics[0]);
}
 
//-->
 
</script></center>
 



Gibt es da eine Möglichkeit zu machen, dass der Kranz nicht soweit nach unten geht? Das ist doof, wenn der soviel Headerplatz wegnimmt.
Mir ist das letztens schon aufgefallen, als ich ein Plugin von Mario eingebaut habe, im Footer passt es, aber sobald man es in den Header nimmt, passt es blöderweise nicht. ?

Hat jemand vielleicht eine Idee, woran das liegt und ob es eine Möglichkeit gibt, den Kranz an eine Position zu zwingen?

Mit freundlichen Grüssen
Gabriella

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

Layout: Business

 Antworten

 Beitrag melden
30.11.2014 15:37
avatar  TripleM
#2 RE: Adventskranz Plugin erstellt
avatar
Mitglied

Der Arbeitet mit DokumentWrite was ich Vermeide. Ich selber habe eine andere Version eventuell ist das ja auch was für dich

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
 
Ist allerdings kein Kranz wie der deinige sondern eben Advents Kerzen
 

<div id="candles">
<div class="candle noFlame">
<div class="flamegroup">
<div class="flame" id="fl1"></div>
<div class="flame" id="fl2"></div>
<div class="flame" id="fl3"></div>
</div>
</div>
<div class="candle noFlame">
<div class="flamegroup">
<div class="flame" id="fl1"></div>
<div class="flame" id="fl2"></div>
<div class="flame" id="fl3"></div>
</div>
</div>
<div class="candle noFlame">
<div class="flamegroup">
<div class="flame" id="fl2"></div>
 
<div class="flame" id="fl1"></div>
<div class="flame" id="fl3"></div>
</div>
</div>
<div class="candle">
<div class="flamegroup ">
<div class="flame" id="fl1"></div>
<div class="flame" id="fl2"></div>
<div class="flame" id="fl3"></div>
</div>
</div>
</div>
 

<style>


#candles {
position:absolute;
top: 88%;
left: 50%;
margin-left: -0px;
}

 
.candle {
position:relative;
background: #f2f2f2;
height:40px;
width: 20px;
float: left;
margin: 0 12px;
border-radius: 2px;
}
.candle.noFlame {
height: 65px !important;
margin-top: -25px !important;
}
 
.candle:first-child,
.candle:nth-child(3) {
height: 60px;
margin-top: -20px;
}
 
.candle:nth-child(4) {
height: 50px;
margin-top: -10px;
}
 
.candle:nth-child(3) {
height: 40px;
}
 
.candle:nth-child(4) {
height: 25px;
margin-top: 15px;
}
 

.candle.noFlame .flamegroup .flame {
display: none;
}
.flamegroup {
margin:0 auto;
position:relative;
top:-156px;
width:120px;
height:156px;

}
.flamegroup:before {
content: '';
position: absolute;
width: 2px;
height: 7px;
bottom: 0;
left: 10px;
background: #333;
}
.candle.noFlame .flamegroup:before {
background: #ddd;
}
.flame {
margin:0 auto;
margin-left: -50px;
position:absolute;
width:100px;
top: 25px;
left: 10px;
height:136px;
background:url(http://wp.agens.no/smakebit/wp-content/themes/smakebiten/img/flamess.png) 0px 0px no-repeat;
}
 
#fl1 {
animation: flicker 1.3s steps(1) infinite;
-webkit-animation: flicker 1.3s steps(1) infinite;
}
#fl2 {
animation: flicker .7s steps(1) infinite;
-webkit-animation: flicker .7s steps(1) infinite;

}
#fl3 {
animation: flicker 1.1s steps(1) infinite;
-webkit-animation: flicker 1.1s steps(1) infinite;
 
}
 
@keyframes flicker { /* flame pulses */
0%,
100%{background-position:0px 0px; opacity:.8 }
25% {background-position:-100px 0px;}
50% {background-position:-200px 0px;; opacity:.4;}
75% {background-position:-100px 0px;}
}
@-webkit-keyframes flicker { /* flame pulses */
0%,
100%{background-position:0px 0px; opacity:.8 }
25% {background-position:-100px 0px;}
50% {background-position:-200px 0px;; opacity:.4;}
75% {background-position:-100px 0px;}
}
</style>
 




Hier zu sehen

http://www.offroadfreunde-nord.de/


 Antworten

 Beitrag melden
30.11.2014 16:05
#3 RE: Adventskranz Plugin erstellt
avatar
Mitglied

Danke aber nein, das ist absolut nicht das was ich will :) Im Garten kannst den anderen Adventskranz anschauen, den welchen ich jedes Jahr habe.
Nur brennt die Kerze eben noch nicht, deshalb habe ich nach einem anderen gesucht. Ich warte aber ab, denn wahrscheinlich brennt die Kerze erst Morgen. Weil eben viele nicht berücksichtigen, dass der 1. Advent 2014 früher ist.

Wieso meinst Du jetzt, dass die Lage des Kranzes an DokumentWrite liegt? Ich habe viele Scripte, die damit gemacht sind.

Mit freundlichen Grüssen
Gabriella

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

Layout: Business

 Antworten

 Beitrag melden
30.11.2014 16:29
avatar  Olaf
#4 RE: Adventskranz Plugin erstellt
Ol
Mitglied

Wenn Du große Bilder (Kranz) benutzt,dann wird die Anzeige auch auseinandergezogen.Man könnte den Kranz verkleinern und dann z.B. in eine Ecke setzen.Es muß doch nicht der Kranz mitten im Kopf angezeigt werden.
Schau mal auf meinen dezenten Kranz in meinem Forum:

http://www.das-stuebchen-forum.de/

Hier habe ich Dein Script umgeschrieben,damit die "document.write" herauskommen,die im ungünstigen Fall eine weiße Seite anzeigen können:

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
 
<center>
<img src="https://files.homepagemodules.de/b591222/pictures_u247_sdgVynNa.png"/>
<div id="ad_kranz"></div>
</center>
 
<script language="JavaScript" type="text/javascript">
<!--
/* Hier Adventsbilder festlegen */
var adventpics = new Array();
adventpics[0] = 'https://files.homepagemodules.de/b591222/pictures_u247_sdgVynNa.png'; // Bild wenn Adventszeit vorbei ist
adventpics[1] = 'http://www.meine-erste-homepage.com/firstimage.png'; // 1. Advent
adventpics[2] = 'http://www.meine-erste-homepage.com/secondimage.png'; // 2. Advent
adventpics[3] = 'http://www.meine-erste-homepage.com/thirdimage.png'; // 3. Advent
adventpics[4] = 'http://www.meine-erste-homepage.com/forthimage.png'; // 4. Advent
/* !!! Ab hier nichts mehr ändern !!! */
adventpics[0] = "<img src='"+adventpics[0]+"' alt='keine Adventszeit' title='keine Adventszeit' border='0'>";
adventpics[1] = "<img src='"+adventpics[1]+"' alt='1. Advent' title='1. Advent' border='0'>";
adventpics[2] = "<img src='"+adventpics[2]+"' alt='2. Advent' title='2. Advent' border='0'>";
adventpics[3] = "<img src='"+adventpics[3]+"' alt='3. Advent' title='3. Advent' border='0'>";
adventpics[4] = "<img src='"+adventpics[4]+"' alt='4. Advent' title='4. Advent' border='0'>";
var today = new Date();
var monthoftoday = today.getMonth();
var dateoftoday = today.getDate();
var yearoftoday = today.getFullYear();
var xmas = new Date(yearoftoday,11,24,0,0,0);
var xmasday = xmas.getDay();
var datefourthadvent = 24;

for (var i=xmasday; i>0; i--){
datefourthadvent-=1;
}

var datethirdadvent = datefourthadvent-7;
var datesecondadvent = datethirdadvent-7;

if ((datesecondadvent-7) > 0) {
var datefirstadvent = datesecondadvent-7;
var monthfirstadventdez = 11;
}

else {
var datefirstadvent = 30+datesecondadvent-7;
var monthfirstadventnov = 10;
}

if ((monthoftoday == monthfirstadventdez) && (dateoftoday >= datefirstadvent) && (dateoftoday < datesecondadvent)){
document.getElementById("ad_kranz").innerHTML = adventpics[1];
}

else if ((monthfirstadventnov == 10) && (monthoftoday == 10) && (dateoftoday >= datefirstadvent)) {
document.getElementById("ad_kranz").innerHTML = adventpics[3];
}

else if ((monthfirstadventnov == 10) && (monthoftoday == 11) && (dateoftoday < datesecondadvent)) {
document.getElementById("ad_kranz").innerHTML = adventpics[1];
}

else if ((monthoftoday == 11) && (dateoftoday >= datesecondadvent) && (dateoftoday < datethirdadvent)){
document.getElementById("ad_kranz").innerHTML = adventpics[2];
}

else if ((monthoftoday == 11) && (dateoftoday >= datethirdadvent) && (dateoftoday < datefourthadvent)){
document.getElementById("ad_kranz").innerHTML = adventpics[3];
}

else if ((monthoftoday == 11) && (dateoftoday >= datefourthadvent) && (dateoftoday <= datefourthadvent+6)){
document.getElementById("ad_kranz").innerHTML = adventpics[4];
}

else {
document.getElementById("ad_kranz").innerHTML = adventpics[0];
}

//-->

</script>

 



Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
30.11.2014 22:47 (zuletzt bearbeitet: 30.11.2014 22:48)
#5 RE: Adventskranz Plugin erstellt
avatar
Mitglied

Hallo Olaf,

danke für das umschreiben des Scripts, aber da ist ein Fehler drinn, sorry, es brennen nämlich 3 Kerzen, statt nur eine.
Ja könnte man das Bild verkleinern ist aber nicht der Sinn der Sache, zudem wird der Abstand von oben deshalb nicht kleiner.
Es ändert mit dem umgeschriebenen Script überhaupt nichts an der Anzeige und eine weisse Seite gibt es es auch nicht.
Von wegen dezentem Kranz in Deinem Forum Du hast ja den ganzen Kopfbereich auf Weihnachten, das ist genau das was ich eben nicht darf und auch nicht will. Ich habe den Kranz auch nicht da wo Du und Mario Eure Sachen habt. Wenn ich das nämlich in die obere Leiste machen würde, wäre meine ganze Kopfzeile so auseinander gezogen, was natürlich schon gar nicht geht.

Mit freundlichen Grüssen
Gabriella

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

Layout: Business

 Antworten

 Beitrag melden
01.12.2014 06:09
avatar  Olaf
#6 RE: Adventskranz Plugin erstellt
Ol
Mitglied

Zitat von Shogun im Beitrag #5
es brennen nämlich 3 Kerzen, statt nur eine.

Dann puste doch zwei aus.

Nee,da hat sich ein Fehler eingeschlichen.Sorry.Hier korrigiert:

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
 
<center>
<img src="https://files.homepagemodules.de/b591222/pictures_u247_sdgVynNa.png"/>
<div id="ad_kranz"></div>
</center>
 
<script language="JavaScript" type="text/javascript">
<!--
/* Hier Adventsbilder festlegen */
var adventpics = new Array();
adventpics[0] = 'https://files.homepagemodules.de/b591222/pictures_u247_sdgVynNa.png'; // Bild wenn Adventszeit vorbei ist
adventpics[1] = 'http://www.meine-erste-homepage.com/firstimage.png'; // 1. Advent
adventpics[2] = 'http://www.meine-erste-homepage.com/secondimage.png'; // 2. Advent
adventpics[3] = 'http://www.meine-erste-homepage.com/thirdimage.png'; // 3. Advent
adventpics[4] = 'http://www.meine-erste-homepage.com/forthimage.png'; // 4. Advent
/* !!! Ab hier nichts mehr ändern !!! */
adventpics[0] = "<img src='"+adventpics[0]+"' alt='keine Adventszeit' title='keine Adventszeit' border='0'>";
adventpics[1] = "<img src='"+adventpics[1]+"' alt='1. Advent' title='1. Advent' border='0'>";
adventpics[2] = "<img src='"+adventpics[2]+"' alt='2. Advent' title='2. Advent' border='0'>";
adventpics[3] = "<img src='"+adventpics[3]+"' alt='3. Advent' title='3. Advent' border='0'>";
adventpics[4] = "<img src='"+adventpics[4]+"' alt='4. Advent' title='4. Advent' border='0'>";
var today = new Date();
var monthoftoday = today.getMonth();
var dateoftoday = today.getDate();
var yearoftoday = today.getFullYear();
var xmas = new Date(yearoftoday,11,24,0,0,0);
var xmasday = xmas.getDay();
var datefourthadvent = 24;

for (var i=xmasday; i>0; i--){
datefourthadvent-=1;
}

var datethirdadvent = datefourthadvent-7;
var datesecondadvent = datethirdadvent-7;

if ((datesecondadvent-7) > 0) {
var datefirstadvent = datesecondadvent-7;
var monthfirstadventdez = 11;
}

else {
var datefirstadvent = 30+datesecondadvent-7;
var monthfirstadventnov = 10;
}

if ((monthoftoday == monthfirstadventdez) && (dateoftoday >= datefirstadvent) && (dateoftoday < datesecondadvent)){
document.getElementById("ad_kranz").innerHTML = adventpics[1];
}

else if ((monthfirstadventnov == 10) && (monthoftoday == 10) && (dateoftoday >= datefirstadvent)) {
document.getElementById("ad_kranz").innerHTML = adventpics[1];
}

else if ((monthfirstadventnov == 10) && (monthoftoday == 11) && (dateoftoday < datesecondadvent)) {
document.getElementById("ad_kranz").innerHTML = adventpics[1];
}

else if ((monthoftoday == 11) && (dateoftoday >= datesecondadvent) && (dateoftoday < datethirdadvent)){
document.getElementById("ad_kranz").innerHTML = adventpics[2];
}

else if ((monthoftoday == 11) && (dateoftoday >= datethirdadvent) && (dateoftoday < datefourthadvent)){
document.getElementById("ad_kranz").innerHTML = adventpics[3];
}

else if ((monthoftoday == 11) && (dateoftoday >= datefourthadvent) && (dateoftoday <= datefourthadvent+6)){
document.getElementById("ad_kranz").innerHTML = adventpics[4];
}

else {
document.getElementById("ad_kranz").innerHTML = adventpics[0];
}

//-->

</script>

 



Wenn Du an Deine Anzeige nichts ändern möchtest,dann wird sich auch nichts ändern!

Ich habe das Script nur umgeschrieben,nicht Deine Anzeige darin formatiert.

Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
01.12.2014 09:49
#7 RE: Adventskranz Plugin erstellt
avatar
Mitglied

Hallo Olaf, danke, auspusten wäre nicht gut gegangen

Zitat
Ich habe das Script nur umgeschrieben,nicht Deine Anzeige darin formatiert.


Jo das war mir schon klar Du sagst das wieder so lustig, als hättest Du schon eine Lösung, danach hatte ich ja im Eingangsthread gefragt.

Aber das mit Bilder kleiner machen ist nicht, deshalb bleibt der grosse Abstand gleichwohl, habe das übrigens mit einem anderen Bild versucht, damit hat mir eine fast den Talk gesprengt. Aber das gibt nur eine schlechte Bildqualität, egal wie gross in diesem Script die Bilder wären, deshalb rutscht die Anzeige trotzdem zu weit runter. Aber wie gesagt, ich lebe halt jetzt mit dem was ich habe, bleibt ja eh nur diesen Monat.

Mit freundlichen Grüssen
Gabriella

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

Layout: Business

 Antworten

 Beitrag melden
01.12.2014 10:17 (zuletzt bearbeitet: 01.12.2014 10:22)
avatar  ( gelöscht )
#8 RE: Adventskranz Plugin erstellt
Gast
( gelöscht )

Hallo @Shogun

... ich habe Dein Script mal komplett so gelassen, nur eine kleine styleanweisung dazugegeben (grüne Schrift oben und unten) . Damit rutscht der Kranz weiter nach oben und bekommt unten etwas mehr Platz. Die werte kannst ja entsprechend anpassen. Um das technisch jetzt zu 100% einwandrei ist, weiß ich nicht, aber im Test hat es funktioniert. :-)

script kommt gleich :-)


 Antworten

 Beitrag melden
01.12.2014 10:23
#9 RE: Adventskranz Plugin erstellt
avatar
Mitglied

Hallo Frank,

sorry, aber ich kann das im Spoiler nicht lesen, leider nicht vollständig, habe also deshalb keine Ahnung, was und wo Du was gemacht hast? Und wieso grüne Schrift. Wenn schon brauche ich blau. Den blöden Schriftzug habe ich herausgenommen und dafür was anderes gemacht. Schaut jetzt so: http://www.garten-der-poesie.de/ in der Laube stelle ich jetzt auch gleich das neue PL ein.
Ich danke Euch für Eure Hilfe, aber das ist mir jetzt gut genug

Mit freundlichen Grüssen
Gabriella

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

Layout: Business

 Antworten

 Beitrag melden
01.12.2014 10:26
avatar  ( gelöscht )
#10 RE: Adventskranz Plugin erstellt
Gast
( gelöscht )

...ja, ich hatte mich bei der eingabe gerade etwas vertan, wollte das script jetzt noch nachreichen, aber wenn du schnon eine lösung gefunden hast, ist ja alles in butter .. :-) Liebe Grüße.


 Antworten

 Beitrag melden
01.12.2014 13:46
#11 RE: Adventskranz Plugin erstellt
avatar
Mitglied

Ich bedanke mich ganz herzlich bei @Firestone007 für des Rätsels Lösung jetzt muss ich nur noch einen gediegeneren Adventskranz finden, dann bin ich wunschlos glücklich. Vielen Dank Frank

Mit freundlichen Grüssen
Gabriella

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

Layout: Business

 Antworten

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