Adventskalender für meine Weihnachtszauber

CSS, Java Script u.s.w

Moderator: HTML-Laie

Benutzeravatar
Butterblume
Held des Forums
Held des Forums
Beiträge: 7542
Registriert: Fr 3. Aug 2012, 16:33
Mein Vorname: Karin
Wohnort: Peine / Niedersachsen
Kontaktdaten:

Adventskalender für meine Weihnachtszauber

Beitrag von Butterblume »

Hallo ihr lieben,

ich habe mir für nächstes Jahr zu Weihnachten ein neues Projekt überlgt. Ein Adventskalender für meine Weihnachtsseite!
Nicht so wie ihr ihn kennt... Da ich ja weder Tuben noch Scraps anbiete, möchte ich das gern als Weihnachtsgedicht, Geschichten oder Lieder einfügen!

Ein Script dazu habe ich auch schon im Netz gefunden . Seht mal hier: https://github.com/maltehuebner/advents ... ind/master

Habe mir den jetzt mal runter geladen und ein bisschen bearbeitet.

Jedoch kann ich den nicht in das Design des Weihanchtszauber integrieren? https://www.weihnachtszauber.karins-pos ... /index.php
Ich weiß nicht an welcher stelle ich das machen muss? Habe schon einiges probiert?!

Hätte gern hinter den Türchen eine Grafik, aber wenn ich eine einfüge, geht die nur übers ganze Bild!

Nach langem probieren habe ich wenigstens die Zahlen der Fester verändern können. Schöner wäre es, wenn das Türchen sich anders öffnen würde als dieser grüne Button.
Kann mir jemand vielleicht sagen wie ich den ändern könnte? Dann würde ich selbst einen schustern wenns nicht anders machbar ist!

Ich schiebe mal das Kalenderpaket auf meinen Server, wer interesse und Lust hat mir zu helfen, kan sich das ja mal runter laden!

https://www.test.karins-poserbilder.de/ ... master.zip

Egal was jetzt hier auch passiert, ich sag schon mal ganz lieben :DA !
Kussi... und Bild für all eure Bemühungen!

Butterblume / Karin

https://www.karins-poserbilder.de
Benutzeravatar
HTML-Laie
Moderator
Moderator
Beiträge: 356
Registriert: So 19. Nov 2017, 12:42
Mein Vorname: Hape
Wohnort: Wesermarsch
Kontaktdaten:

Re: Adventskalender für meine Weihnachtszauber

Beitrag von HTML-Laie »

Hallo Karin,
hier mal ein Adventskalender der deinen Wünschen ziemlich nahe kommen dürfte: Adventskalender

LG Hape
Unmögliches wird sofort erledigt, Wunder dauern etwas länger. 95% aller Computerprobleme befinden sich zwischen Tastatur und Stuhl.
Hapes-Javascript-Demo-Page ; Hapes-Baustelle ; Hape's-Javascript-Forum ; Hapes-Fotowelt ; Boitwarder Bürgerverein
Benutzeravatar
Butterblume
Held des Forums
Held des Forums
Beiträge: 7542
Registriert: Fr 3. Aug 2012, 16:33
Mein Vorname: Karin
Wohnort: Peine / Niedersachsen
Kontaktdaten:

Re: Adventskalender für meine Weihnachtszauber

Beitrag von Butterblume »

Hallo und guten Morgen lieber Hape,
das was ich mir eben mal so auf die schnelle angesehen habe, sieht sehr vielversprechend aus. Wenn ich mich ais meinem Baumwollnegliweè gepellt :G habe guck ich mir das mal ganz genau an. Aber das ist so einer wie ich eigentlich gesucht habe!

Bin den Text mal überflogen, das ist genau das richtige für mich! :oops:

Ich :DA dir! Würde mich aber bei fragen hier ggf nochmal melden! Du kennst mich... :oops:
Kussi... und Bild für all eure Bemühungen!

Butterblume / Karin

https://www.karins-poserbilder.de
Benutzeravatar
Butterblume
Held des Forums
Held des Forums
Beiträge: 7542
Registriert: Fr 3. Aug 2012, 16:33
Mein Vorname: Karin
Wohnort: Peine / Niedersachsen
Kontaktdaten:

Re: Adventskalender für meine Weihnachtszauber

Beitrag von Butterblume »

Eine Frage habe ich schon... macht das eigentlich nix, wenn ich html und php vermische? :oops:

Na klasse, obwohl es scheinbar ganz einfach ist, kriege ich hier doch wieder probleme. Wie soll es auch anders sein?! :oops:

Soweit hab ich es jetzt hinbekommen

https://www.test.karins-poserbilder.de/ ... 1-03b.html

Habe jetzt folgende css nach meinen Wünschen geändert...

kalender-2021-03b.css

tagesdateien-02.css

Aber ich bin nicht sicher, aber ich habe

Bild

Aber aussehen tut er so

https://www.test.karins-poserbilder.de/ ... 1-03b.html

Ich kriege den Hintergrund nicht farbig, obwohl ichs in beiden css geändert habe?!

Klicke ich auf das Türchen 10 gehts auch zu meiner erstellten seite!


MUS NOCHMAL ANFANGEN
Kussi... und Bild für all eure Bemühungen!

Butterblume / Karin

https://www.karins-poserbilder.de
Benutzeravatar
Butterblume
Held des Forums
Held des Forums
Beiträge: 7542
Registriert: Fr 3. Aug 2012, 16:33
Mein Vorname: Karin
Wohnort: Peine / Niedersachsen
Kontaktdaten:

Re: Adventskalender für meine Weihnachtszauber

Beitrag von Butterblume »

Sorry, aber so doof kann auch ich nicht sein!

Ich habe jetzt 3x alles gelöscht und neu hoch geladen. Selbst den Titel habe ich in der kalender-2021-03b.html geändert. Aber wenn ich es hoch lade ändert sich nix, nicht eimal der Titel!

Habe schon die Cookies gelöscht, aber selbst danach nichts... :( Schade...! Wäre schön gewesen!

https://www.test.karins-poserbilder.de/ ... 1-03b.html
Kussi... und Bild für all eure Bemühungen!

Butterblume / Karin

https://www.karins-poserbilder.de
Benutzeravatar
Butterblume
Held des Forums
Held des Forums
Beiträge: 7542
Registriert: Fr 3. Aug 2012, 16:33
Mein Vorname: Karin
Wohnort: Peine / Niedersachsen
Kontaktdaten:

Re: Adventskalender für meine Weihnachtszauber

Beitrag von Butterblume »

Ich glaub jetzt hab ichs...

https://www.test.karins-poserbilder.de/ ... 1-03b.html


Eine letzte Frage bleibt! Kann man den in die Homepage integrieren? Also dass ich über all die Navi und den Haeder und Fotter sehen kann? Glaube nicht, oder??
Kussi... und Bild für all eure Bemühungen!

Butterblume / Karin

https://www.karins-poserbilder.de
Benutzeravatar
HTML-Laie
Moderator
Moderator
Beiträge: 356
Registriert: So 19. Nov 2017, 12:42
Mein Vorname: Hape
Wohnort: Wesermarsch
Kontaktdaten:

Re: Adventskalender für meine Weihnachtszauber

Beitrag von HTML-Laie »

Eine letzte Frage bleibt! Kann man den in die Homepage integrieren? Also dass ich über all die Navi und den Haeder und Fotter sehen kann? Glaube nicht, oder??
Was hindert dich daran die Dateiendung von xxx.html in xxx.php umzubenennen. Dann kannst du die Seite wie jede andere in deine Homepage einbinden.

LG Hape :D
Unmögliches wird sofort erledigt, Wunder dauern etwas länger. 95% aller Computerprobleme befinden sich zwischen Tastatur und Stuhl.
Hapes-Javascript-Demo-Page ; Hapes-Baustelle ; Hape's-Javascript-Forum ; Hapes-Fotowelt ; Boitwarder Bürgerverein
Benutzeravatar
Butterblume
Held des Forums
Held des Forums
Beiträge: 7542
Registriert: Fr 3. Aug 2012, 16:33
Mein Vorname: Karin
Wohnort: Peine / Niedersachsen
Kontaktdaten:

Re: Adventskalender für meine Weihnachtszauber

Beitrag von Butterblume »

Hallo hape,
das heißt, ich bräuchte nur peichern unter machen, wie gewohnt...

Gut, dann probiere ich das morgen nochmal. Drück mir die Daumen, dass ich es gleich auf Anhieb hinkriege.

Ggf findest du mich hier wieder :oops:

:DA schön erstmal!

Da ich wie du sagst, die seiten nur umbenennen brauche, konnte ich das schon mal über tablet machen. Den rest mache ich dann morgen vom pc aus. Hoffe es klappt so wie ich es mir erhoffe!
Kussi... und Bild für all eure Bemühungen!

Butterblume / Karin

https://www.karins-poserbilder.de
Benutzeravatar
thaileben
Moderator
Moderator
Beiträge: 7772
Registriert: So 26. Sep 2010, 03:47
Mein Vorname: Jürg
Wohnort: nahe Ubon Ratchathani / Thailand
Kontaktdaten:

Re: Adventskalender für meine Weihnachtszauber

Beitrag von thaileben »

hast du das heutige die nummer 14 noch nicht gefüllt?? denn da heisst es not found
es steht nicht mal mogeln gilt nicht wie bei den anderen die noch kommen ;)

Jürg :X
Benutzeravatar
Butterblume
Held des Forums
Held des Forums
Beiträge: 7542
Registriert: Fr 3. Aug 2012, 16:33
Mein Vorname: Karin
Wohnort: Peine / Niedersachsen
Kontaktdaten:

Re: Adventskalender für meine Weihnachtszauber

Beitrag von Butterblume »

Hallo und guten morgen Jürg,

ne soweit bin ich noch nicht. Saß gestern schon den ganzen Tag am PC, dass ich mal früh zu Bett gegangen bin!

Ich hab ja noch bis Weihnachten 2022 zeit!

@Hape,
ich habe das jetzt umbenann und hoch geladen! Die Startseite sieht gut aus, aber er findet die Seiten nicht, die ich fertig habe!
Im Grunde findet er gar keine Seite, obwohl ich sie habe alle hoch geladen?? Er sucht die html Seiten!

https://www.weihnachtszauber.karins-pos ... 21-03b.php

Bin auch nicht sicher, ob ich das an das php richtige Stelle gesetzt habe?

Code: Alles auswählen

<!DOCTYPE html>

<!--
in Verbindung mit dem Schneefall-Script diesen Doctype verwenden
<!DOCTYPE HTML PUBLIC „-//W3C//DTD HTML 4.01 Transitional//EN“>

-->

<html lang="de">
<head>
<meta charset="UTF-8">


<title>Adventskalender</title>
<meta name="Keywords" content="Adventskalender, Vorlage, 2021-03 B, responsive, Online-Adventskalender, Datumspr&uuml;fung, Advent, Web-Toolbox">
<meta name="Description" content="Adventskalender Vorlage 2021-03 B responsive - Adventskalender Online-Adventskalender Web-Toolbox">
<meta name="page-topic" CONTENT="Web-Toolbox Web-Design">

<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="kalender-2021-03b.css">


<script type="text/javascript" language="JavaScript">
<!--

// Datumsfunktionen Anzeige Fusstext

var Kalnow = new Date();
var Kalyear = Kalnow.getFullYear();

// aktuelles Datum
function Datum() {

var TageLang = new Array ("Sonntag", "Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag");
var MonateLang = new Array ("Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember");
var date = ((Kalnow.getDate()<10) ? "0" : "")+ Kalnow.getDate();
heute = TageLang[Kalnow.getDay()]+ " "  + date + ". " + MonateLang[Kalnow.getMonth()] + " " + Kalyear ;
document.write("" +heute);
document.write("&#160;&#160;-&nbsp;&nbsp;");
}


function Warten01() {

var KalZiel = new Date("December 24, " + Kalyear);
var diff = KalZiel.getTime() - Kalnow.getTime();
var days = Math.floor(diff / (1000 * 60 * 60 * 24));

if (days > 1)
document.write(" Noch " + (days+1) + " Tage bis Weihnachten");
else if (days == 1)
document.write("Morgen ist Heiligabend!");
else if (days == 0)
document.write("Heute ist  Heiligabend!");
else if (days == -1)
document.write("Frohe Weihnachten");
else if (days == -2)
document.write("Frohe Weihnachten");
else if (days < -2)
document.write(" Weihnachten ist vorbei!");
return
}


function Warten02() {
var KalStart = new Date("December 1, " + Kalyear);
var diff = KalStart.getTime() - Kalnow.getTime();
var Tage = Math.floor(diff / (1000 * 60 * 60 * 24));

var monat = Kalnow.getMonth() + 1;
if (monat != 12) {
  //document.write("Sie m&uuml;ssen sich noch ein wenig gedulden!");
  if (Tage >= 1)
  document.write("Noch " + (Tage+1) + " Tage bis zum ersten Fensterchen");
  else
  document.write("Morgen wird das erste Fensterchen ge&ouml;ffnet.");
  }

if (monat == 12 && Tage <= -1 && Tage >= -24){
document.write('&Ouml;ffnen Sie das Fensterchen für heute!');
}
if (monat == 12 && Tage <= -24){
document.write('&nbsp;&nbsp;Alle Fensterchen d&uuml;rfen ge&ouml;ffnet werden.');
}
return
}


// ::::::::::  Ende Datumsfunktionen :::::::::::::





// ::::::::  Dateien öffnen Version 2021 :::::::::

// PopUp-Window Eigenschaften
Attribute02 = "left=40,top=40,screenX=40,screenY=40,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=700,height=600";



// Edit-Marker Pfad (Ordner der Dateien)
// pfad = "http://www.web-toolbox.net/kalender/";
// pfad = "tagesdateien/";
// bleibt leer wenn die Dateien im gleicher Ordner stehen
// pfad = "";

pfad = "tagesdateien-02/";


var KlickDatum = new Date();
var KlickMonat = KlickDatum.getMonth();
var KlickTag = KlickDatum.getDate();



// Edit-Marker ::::  Zum Testen   ::::::::::::::::
// Monat-Datumswert setzen (0 = Januar, 11 = Dezember)
// Tages-Datumswert setzen (1 - 31)
// 4 Slashes "//" entfernen zum Testen

//KlickMonat = 11;
//KlickTag = 31;



function zeigeDatei(KlickZahl) {

// zu früh Feb - Nov
if(KlickMonat > 0 && KlickMonat < 11) {
Datei = pfad + "0.html";
window.open(Datei,'_blank');
//var Info = window.open(Datei,'',Attribute02);
return;
}

// zu früh im Dezember
else if(KlickZahl > KlickTag && KlickMonat == 11) {
Datei = pfad + "00.html";
window.open(Datei,'_blank');
//var Info = window.open(Datei,'',Attribute02);
return;
}

// Tagesdatei anzeigen
else {
var Datei = pfad + KlickZahl + ".html";
window.open(Datei,'_blank');
}

}

//  End -->
</script>




</head>

<body>
<?php
  include("../design/header-e.php");
?>
<div id="Alles">

<div class="Titeltext">Adventskalender</div>
<div id="Advent0">
<div id="Advent1">


<!-- Kalendergrafik -->

<div id="AdventGrafik"><img src="block-120x80-transparent.png" width="100%" alt=""></div>

<!-- Anfang Kalender   -->
<table id="Tabelle2" cellpadding="0" cellspacing="0">
<tr>
<td><a href="javascript:zeigeDatei(23);"><img src="../images/adventskalender/rot/23.png" alt="" border="0" width="100%" height="100%"></a></td>
<td><a href="javascript:zeigeDatei(14);"><img src="../images/adventskalender/rot/14.png" alt="" border="0" width="100%" height="100%"></a></td>
<td><a href="javascript:zeigeDatei(16);"><img src="../images/adventskalender/rot/16.png" alt="" border="0" width="100%" height="100%"></a></td>
<td><a href="javascript:zeigeDatei(21);"><img src="../images/adventskalender/rot/21.png" alt="" border="0" width="100%" height="100%"></a></td>
<td><a href="javascript:zeigeDatei(5);"><img src="../images/adventskalender/rot/5.png" alt="" border="0" width="100%" height="100%"></a></td>
<td><a href="javascript:zeigeDatei(12);"><img src="../images/adventskalender/rot/12.png" alt="" border="0" width="100%" height="100%"></a></td>
</tr>

<tr>
<td><a href="javascript:zeigeDatei(20);"><img src="../images/adventskalender/rot/20.png" alt="" border="0" width="100%" height="100%"></a></td>
<td><a href="javascript:zeigeDatei(13);"><img src="../images/adventskalender/rot/13.png" alt="" border="0" width="100%" height="100%"></a></td>
<td><a href="javascript:zeigeDatei(1);"><img src="../images/adventskalender/rot/1.png" alt="" border="0" width="100%" height="100%"></a></td>
<td><a href="javascript:zeigeDatei(24);"><img src="../images/adventskalender/rot/24.png" alt="" border="0" width="100%" height="100%"></a></td>
<td><a href="javascript:zeigeDatei(2);"><img src="../images/adventskalender/rot/2.png" alt="" border="0" width="100%" height="100%"></a></td>
<td><a href="javascript:zeigeDatei(11);"><img src="../images/adventskalender/rot/11.png" alt="" border="0" width="100%" height="100%"></a></td>
</tr>

<tr>
<td><a href="javascript:zeigeDatei(15);"><img src="../images/adventskalender/rot/15.png" alt="" border="0" width="100%" height="100%"></a></td>
<td><a href="javascript:zeigeDatei(17);"><img src="../images/adventskalender/rot/17.png" alt="" border="0" width="100%" height="100%"></a></td>
<td><a href="javascript:zeigeDatei(3);"><img src="../images/adventskalender/rot/3.png" alt="" border="0" width="100%" height="100%"></a></td>
<td><a href="javascript:zeigeDatei(6);"><img src="../images/adventskalender/rot/6.png" alt="" border="0" width="100%" height="100%"></a></td>
<td><a href="javascript:zeigeDatei(22);"><img src="../images/adventskalender/rot/22.png" alt="" border="0" width="100%" height="100%"></a></td>
<td><a href="javascript:zeigeDatei(7);"><img src="../images/adventskalender/rot/7.png" alt="" border="0" width="100%" height="100%"></a></td>
</tr>

<tr>
<td><a href="javascript:zeigeDatei(19);"><img src="../images/adventskalender/rot/19.png" alt="" border="0" width="100%" height="100%"></a></td>
<td><a href="javascript:zeigeDatei(9);"><img src="../images/adventskalender/rot/9.png" alt="" border="0" width="100%" height="100%"></a></td>
<td><a href="javascript:zeigeDatei(8);"><img src="../images/adventskalender/rot/8.png" alt="" border="0" width="100%" height="100%"></a></td>
<td><a href="javascript:zeigeDatei(18);"><img src="../images/adventskalender/rot/18.png" alt="" border="0" width="100%" height="100%"></a></td>
<td><a href="javascript:zeigeDatei(4);"><img src="../images/adventskalender/rot/4.png" alt="" border="0" width="100%" height="100%"></td>
<td><a href="javascript:zeigeDatei(10);"><img src="../images/adventskalender/rot/10.png" alt="" border="0" width="100%" height="100%"></td>
</tr>
</table>
<!-- Ende Kalender -->
</div>
</div>


<p class="Fusstext">

<script type="text/javascript" language="JavaScript">
<!--
Warten02()
document.write('<br>');
Warten01()
//-->
</script>

</p>

</div>
<?php
  include("../design/footer.php");
?>
</body>
</html>
Könntest du mal gucken?!

:DA schön!
Kussi... und Bild für all eure Bemühungen!

Butterblume / Karin

https://www.karins-poserbilder.de
Antworten

Zurück zu „Fragen zu HTML & Programmiersprachen“

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 4 Gäste