ok, dann bin ich doch nicht ganz zu blöd:-)
Ja letztendlich muss ich eh alles mit canvas machen wegen js. Da ist Canvas bestimmt die bessere Wahl.
Danke dir für deine Mühe und Hilfe
Beiträge von Enrico Michael
-
-
Um es etwas verständlicher zu machen,
ich bin gerade dabei die Billardkugeln nach Farbe und Zahlen zu erstellen, in meinem funktionierenden Programm habe ich nur volle Kugeln verwendet, damit ich überhaupt einmal was testen konnte. Nun soll das ganze auch realistischer werden und ganz ehrlich, ich hätte nicht gedacht dass es dann doch so schwierig werden würde. So habe ich die Kugeln, vielleicht mit zuviel Code in css erstellt, aber das muss ja später alles noch in Canvas und js umgebastelt werden.
und da stoße ich mit den halben Kugeln wieder auf enorme Schwierigkeiten.
-
Und hier sollte jetzt ein Farbverlauf von oben nach unten erfolgen, oben bis mitte farbe 1 und von mitte bis unten farbe 2
-
HTML
Alles anzeigen<!DOCTYPE html> <html lang="de"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="queueStyle.css"> <title>Billard-Queue</title> </head> <body> <div class="css-oberer-queueteil"></div> </body> </html> /* Billardqueue-Stil */ .css-oberer-queueteil { width: 2px; height: 0px; border-top: 150px solid rgb(61, 54, 54); border-right: 1px solid transparent; border-bottom: 10px solid transparent; border-left: 1px solid transparent; } -
Ja, da war ja was, kann ich es direkt hier posten, oder gibt es da ein extra Programm mit dem ich posten muss?
-
Hallo alle zusammen gemeinsam,
vor 4 Jahren habe ich ja angefangen ein Billardspiel zu programmieren. Bislang bin ich so weit, dass zumindest Kugeln auf dem Tisch liegen und sich auch bewegen. Kurz im Prinzip ist das Teil spielbar, allerdings nur für eine person, was beim billardspiel nicht wirklich sinn macht und es gibt noch ein paar details an denen ich gerade am verzweifen bin.
Das ganze Spiel ist nur mit HTML, CSS und JavaScript erstellt, keine Bilder die hochgeladen wurden oder sonstige zusätzliche Dateien.
Nun bin ich dabei einen Billardqueue zu erstellen, dieser sollte einen Farbverlauf von oben nach unten erhalten, da ein Billardqueue nunmal nicht einfach rechteckig ist sondern von oben nach unten schmäler wird, habe ich versucht dies mit CSS3 hinzubekommen und Jippi, es hat funktioniert, doch wenn ich den Farbverlauf einfüge, erhalte ich nur noch ein normales Rechteck, allerdings mit Farbverlauf.
Jetzt bin ich schon seit 3 Tagen dran um das ganze umzusetzen, aber ich bekomme es nicht hin.
Ich brauche eure HIlfe
-
Hallo zusammen gemeinsam,
auch ich freue mich, dass es in diesem Forum doch weiter geht. Und ich hoffe, dass die Vollblitzpfeifen, die meinen hier irgendwelchen Mist zu Posten, oder Verlinkungen zu Porno-Seiten und / oder zu Virenseiten, kappieren, dass das nur Schwachsinn ist und schnell weg vom Fenster sind.
Gruß Enrico
-
Hallo Leute,
ich möchte mich an dieser Stelle einmal für eure Arbeit und Mühe bedanken.
Ich habe über das html_Seminar meine eigene Firmen-Website erstellt. Ohne dieses Forum wäre mir das vielleicht nicht so gelungen, auch wenn ich nicht direkt gefragt hatte, fand ich die Antwort auf meine kleine Problemchen schnell bei den Antworten auf Fragen anderer User.
Aber auch ich hatte schon Fragen ( man erinnere sich an das Spiel das ich programmieren möchte ( ja da bin ich immer noch dran )) und auch da wurde mir sehr schnell und vor allem verständlich geholfen.
Und auch in nächster Zeit werde ich wohl nicht umhin kommen euch um Hilfe zu bitten, denn ich möchte meine Firmenwebsite verbessern und JavaScript und PHP ( mit MySQL oder Maria DB ) mit einfließen lassen. Ursprünglich wollte ich nur HTML lernen, bis ich fertig bin habe ich alles durch was auf dem html-Seminar geboten wird
aber es macht , auch noch im zarten Alter von jetzt 55.Nochmals vielen Dank euch allen.
Gruß Enrico
-
Danke für die schnelle Antwort. Wenn ich das richtig verstanden habe, verweise ich einfach auf meinem HTML-Document auf die URL des Python-Scripts, genau wie auch auf JavaScript usw.
-
Hallo zusammen gemeinsam.
Ich weiss nicht ob ich hier richtig bin, aber habe zu meinem Thema nicht wirklich etwas gefunden.
Nun zu meinen Fragen:
1. Wenn ich etwas mit Python programmiere und dies auf einen Server hochlade, ist da nicht die Voraussetzung, dass alle die darauf zugreifen Python auf ihrem PC instaliert haben ?
und 2. Wie kann ich Python über HTML aufrufen bzw. geht das überhaupt?
Danke im Voraus
-
Hallo,
also ich kann ja nachvollziehen, dass man seine Arbeit nicht im Quelltext ausgeben möchte, nur bei mathematischen Formeln,
kann ich das nicht nachvollziehen, denn wer in der Schule aufgepasst hat weiß auch ohne Quell-Code welche Formeln verwendet wurden.
Und die in der Schule nicht aufgepasst haben werden sich nicht die Mühe machen in den Quell-Code zu schauen um zu sehen wie was wo warum funktioniert. Aber ich denke mal, wenn ich aufgepasst habe, dass in PHP kein Quellcode ersichtlich ist.
Enrico
-
Was erwartest du ?, dass die Leute hier den Zauberstab schwingen und schon hast du die Lösung deines Problems?
Vielleicht müssen die Leute hier erst mal deinen Code analysieren und selbst testen bevor sie dir eine adäquate Antwort geben können und
das geht nun mal nicht innerhalb von Sekunden. Davon abgesehen, denkst du, du bist der Einzige der hier Hilfe benötigt und alle die, die Ahnung
von HTML und CSS haben, kümmern sich jetzt nur um dein Problem. Vielleicht gibt es Menschen die nicht den ganzen Tag am PC sitzen können und nur darauf warten bis du ein Problem hast. Manche haben vielleicht auch Familie, einen Job, müssen für die Schule oder Studium lernen. Also komm mal runter von deinem hohen Ross und lerne mal dich in Geduld zu üben. Wenn dir das allerdings zu lange dauert, wühl dich durchs Internet und finde selbst die Lösung deines Problems wenn du denkst dass es dann schneller geht.
MfG
Enrico
-
Ich versteh die Frage nicht aus #2
-
-
Sry, das es da gesonderte Code-tags gibt wusste ich nicht:-)
-
und hier die CSS-Datei
* {
margin: 0;
padding: 0;
}
/*
**********************************************************************************************************************************************************
* *
* HTML5-Elemente für alte Browserversionen aktivieren *
* *
**********************************************************************************************************************************************************
*/
body {
background-color: black;
color: red;
text-align: center;
}
header, nav, footer, aside, section {
display: block;
}
#wrapper {
/* background-color: #FF55FF; */
width: 1200px;
border: 2px solid silver;
margin: 0 auto;
text-align: left;
}
/*
**********************************************************************************************************************************************************
* *
* Headerbereich *
* *
**********************************************************************************************************************************************************
*/
header {
/* background-color: green; */
/* width: 950px; */
height: 110px;
margin: 2px;
border: 2px solid silver;
}
header ul {
list-style-type: none;
padding-left: 1100px;
margin-top: -100px;
}
header a {
color: silver;
}
#logotext {
margin-top: -100px;
padding-left: 400px;
font-size: 20pt;
color: red;
}
#dragon img{
margin: 5px;
border: 2px solid silver;
}
#user img{
margin-left: 1000px;
margin-top: -33px;
border: 2px solid silver;
}
#steuerungoben {
/* background-color:orange; */
height: 18px;
margin: 2px;
border: 2px solid silver;
}
#steuerungoben ul {
list-style-type: none;
}
#steuerungoben li {
display: inline;
}
#steuerungoben a {
color: silver;
display: block;
width: 230px;
float: left;
border-right: 2px solid silver;
text-align: center;
}
#steuerunglinks {
/* background-color: brown; */
width: 220px;
height: 500px;
margin-top: 1px;
margin-left: 2px;
margin-bottom: 3px;
margin-right: 3px;
border: 2px solid silver;
float: left;
}
#steuerunglinks ul {
list-style-type: none;
}
section {
/* background-color: #5769FF; */
margin-left: 227px;
margin-right: 2px;
margin-top: 2px;
margin-bottom: 2px;
height: 500px;
border: 2px solid silver;
}
#sonstiges {
/* background-color: #4FD8E8; */
height: 20px;
margin: 2px;
border: 2px solid silver;
}
#sonstiges ul {
list-style-type: none;
}
#sonstiges li {
display: inline;
}
#sonstiges a {
display: block;
width: 230px;
float: left;
text-align: center;
}
footer {
/* background-color: green; */
height: 18px;
margin: 2px;
border: 2px solid silver;
text-align:center;
clear: both;
}
footer ul{
list-style-type: none;
}
footer li{
display: inline;
}
footer a {
display: block;
width: 230px;
float: left;
border-right: 2px solid silver;
text-align: center;
}
-
Hier die HTML-Datei dazu:
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<title>DEF-Games Startseite</title>
<meta name="description" content="Hier sind Spiele zu finden für jung und jung gebliebene, es gibt Spiele für Einzelspieler,
für 2 und mehr Spieler.Ranglisten zeigen wo man gerade in welchem Spiel steht und vieles mehr.">
<meta name="autor" content="© EnMiRe (DEF-DarkOpa)">
<link rel="shortcut icon" href="deffi.ico" type="image/x-icon">
<link href="main.css" rel="stylesheet">
<!--[if IE]>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.1/html5shiv.js">
</script>
<![endif]-->
</head>
<body>
<div id="wrapper">
<!--
****************************************************************************************************************************************************
* *
* Headerbereich *
* *
* Im Headerbereich sollen links, das Bild eines kleinen Drachen erscheinen, In verschieden Farben soll dann die Überschrift <h1> folgen *
* auf der rechten Seite soll ein Platzhalter für ein eigenes Bild bzw. eines eigen erstellten Avatars sein, daneben dann die Möglichkeit *
* der Navigation im Heaerbereich ( Annmelden, Abmelden, Registration,Gastzugang). *
* *
****************************************************************************************************************************************************
-->
<header>
<!--
****************************************************************************************************************************************************
* *
* Der Kleine Drache soll als Symbol der Seite dienen *
* *
****************************************************************************************************************************************************
-->
<div id="dragon">
<img src="def_fi.jpg." width="60" height="90"
alt="Avatar des Users">
</div>
<p id="logotext">
<strong>DEF-Games </strong>
</p>
<!--
***************************************************************************************************************************************************
* *
* Hier soll ein Platz sein wo der User ein Avatar oder ein eigenes Bild hochladen können *
* *
***************************************************************************************************************************************************
-->
<div id="user">
<img src="def_fi.jpg." width="60" height="90"
alt="Kleiner Drache als Maskotchen der Seite">
</div>
<!--
***************************************************************************************************************************************************
* *
* Navigation innerhalb des Headers *
* *
***************************************************************************************************************************************************
-->
<ul>
<li><a href="login.html">Anmelden</a></li>
<!-- <li><a href="logout.html">Abmelden</a></li> -->
<li><a href="regist.html">Registrieren</a></li>
<li><a href="gast.html">Gastzugang</a></li>
</ul>
</header>
<!--
****************************************************************************************************************************************************
* *
* Navigation oben unterhalb des Headers *
* *
* Hier soll nun eine Navigationsleiste erscheinen, wie Startseite, Über die Seite, Profil und was noch hin zu kommen wird *
* *
****************************************************************************************************************************************************
-->
<nav id="steuerungoben">
<ul>
<li><a href="index.html">Startseite</a></li>
<li><a href="info.html">Über diese Seite</a></li>
<li><a href="profil.html">Profil</a></li>
</ul>
</nav>
<!--
****************************************************************************************************************************************************
* *
* linke Boxen für Neuigkeiten, User Beiträge, Rangliste *
* *
* auf der linken Seite sollen Boxen sein für Neuigkeiten, Userbeiträge, neue Beiträge erstellen, Bestenliste für die verschieden Spiele *
* *
****************************************************************************************************************************************************
-->
<aside>
<nav id="steuerunglinks">
<ul>
<li>Neuigkeiten</li>
<li>Userbeiträge</li>
<li><a href="beitrag_neu.html">Neuen Beitrag erstellen</a></li>
<li><a href="rangliste.html">Bestenliste</a></li>
</ul>
</nav>
</aside>
<!--
****************************************************************************************************************************************************
* *
* Bodybereich *
* *
* Im Bodybereich sollen images auf die verschieden Spiele als links dargestellt werden *
* *
****************************************************************************************************************************************************
-->
<section>
<h1>Gameauswahl</h1>
<p>Inhalt der Seite</p>
<!--
****************************************************************************************************************************************************
* *
* Bereich für Sonstiges *
* *
* oberhalb des Footers soll ein Bereich entstehen für Werbung, Beschwerden. Kommentare und Ideen *
* *
****************************************************************************************************************************************************
-->
</section>
<div id="sonstiges">
<ul>
<li><a href="beschwerde.html">Beschwerden über andere User</a></li>
<li><a href="komment.html">Kommentare</a></li>
<li><a href="ideen.html">Ideen</a></li>
</ul>
</div>
<!--
****************************************************************************************************************************************************
* *
* Footerbereich *
* *
* Im Footerbereich sollen Infos über den Ersteller der Seite, Impressum und Kontakt *
* *
****************************************************************************************************************************************************
-->
<footer>
<ul>
<li><a href="impressum.html">Impressum</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
</ul>
© EnMiRe (DEF-DarkOpa)
</footer>
</div>
</body>
</html>
-
Hallo zusammen gemeinsam,
ich hätte da gerne ein Problem:
ich habe mich irgendwie verzettelt und finde jetzt nicht mehr raus. Ich hoffe ihr könnt mir da raus helfen.
Ich möchte in meiner Steuerung links (so habe ich das mal genannt) 3 Boxen einbringen eine mit "Neuigkeiten", eine mit "Userbeiträgen" und der Möglichkeit dass User neue Beiträge
erstellen können, und eine Box mit einer Rangliste. Ich habe so ziemlich alles versucht, was mir eingefallen ist, aber nun weiss ich echt nicht mehr weiter.
Gruss Enrico
-
ok, danke für die Antwort, ich werde zu gegebener Zeit nochmal darauf zurück kommen.
Enrico
-
Danke, aber ich meinte eher dass die User sich die Bilder selbst erstellen und auch ändern können usw.
Enrico