Bitte geben Sie einen Grund für die Verwarnung an
Der Grund erscheint unter dem Beitrag.Bei einer weiteren Verwarnung wird das Mitglied automatisch gesperrt.
Adventskranz Plugin erstellt
#1 Adventskranz Plugin erstellt
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:
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?
Gabriella
http://www.musengarten.com/
http://www.garten-der-poesie.de/
Layout: Business
Der Arbeitet mit DokumentWrite was ich Vermeide. Ich selber habe eine andere Version eventuell ist das ja auch was für dich
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/
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.
Gabriella
http://www.musengarten.com/
http://www.garten-der-poesie.de/
Layout: Business
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:
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
#5 RE: Adventskranz Plugin erstellt
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.
Gabriella
http://www.musengarten.com/
http://www.garten-der-poesie.de/
Layout: Business
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:
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
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.
Gabriella
http://www.musengarten.com/
http://www.garten-der-poesie.de/
Layout: Business
(
gelöscht
)
#8 RE: Adventskranz Plugin erstellt
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 :-)
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
Gabriella
http://www.musengarten.com/
http://www.garten-der-poesie.de/
Layout: Business
...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.
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
Gabriella
http://www.musengarten.com/
http://www.garten-der-poesie.de/
Layout: Business
- Informationen
- Aktuelle News
- Forum Tutorials - Tipps und Anleitungen
- SEO / Werbung fürs Forum
- Verwaltung
- Extras
- Design
- Plugin(system)
- Eure Fragen zu Tutorials
- Forum Support
- Fragen und Antworten
- Pluginsystem
- Plugins
- Templates & Sprachen
- Bugreport
- Verbesserungsvorschläge
- Sponsoren gesucht
- Das neue Xobor Business-Template
- News und Updates
- Bugreport
- Allgemeines Feedback
- Verbesserungsvorschläge
- Sonstiges
- Kaffeeklatsch
- Lob & Kritik
- Verbesserungsvorschläge
- Allgemeine Fragen
- Fehlermeldungen
- Verbesserungsvorschläge Responsive Design
- Bugreport Responsive Design
- Archiv - Alter Betatest
- Responsive Design - Verbesserungsvorschläge
- Responsive Design - Bugreport
- Fragen zum neuen Template
- Neue Administration Beta Test
- Bugreport Neue Administration
- Allgemeines Fragen & Feedback
- Verbesserungsvorschläge zur neuen Administration
- Shoutbox
Ähnliche Themen
Jetzt anmelden!
Jetzt registrieren!
© 2017 Xobor | Forum-Software