Online Shop [PHP]

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

Es gibt Neuigkeiten! Ab sofort könnt ihr dem Donators Club auf Lebenszeit beitreten.
Weitere Infos im Thema Donator's Club ab heute wieder verfügbar!

  • Online Shop [PHP]

    Hey,

    Ich habe mal kurz eine frage.

    PHP-Quellcode

    1. #header{
    2. position: absolute;
    3. top: 0;
    4. left: 0;
    5. width: 100%;
    6. height: 20em;
    7. background: #1d2120;
    8. }
    9. #header:after{
    10. content: "";
    11. background-image: url(siteimg/Banner.jpg);
    12. position: absolute;
    13. top: 0;
    14. left: 0;
    15. right: 0;
    16. bottom: 0;
    17. background-size: 200% 200%;
    18. z-index: 2000;
    19. opacity:0.3;
    20. }
    Alles anzeigen
    Möchte akuell einen Header machen, bzw einen Banner und die Frage ist nun woher ich weiß wie groß das Bild sein darf?
  • Wie genau soll es denn aussehen, wenns fertig ist?

    Und zeig uns vielleicht mal den Banner in "normaler" Form.
    Mit freundlichen Grüßen
    FineTime

    JacLos schrieb:

    INFO: Bei mysql_format steht %d immer für dämlich. Deshalb nehmen wir %s für schlau oder %e für elegant.
    [...]
    Wichtig: Diese abfrage muss IMMER bei stocks stehen, ansonsten kann es sein, dass dein computer gelöscht wird.

    Weitere, mehr oder weniger lustige, Zitate findet ihr auf meinem Profil.
  • Habe mir nun überlegt den Banner weg zulassen, Also mein Plan ist einen Grauen Hintergrund, und Hellgrau oder auch anders schön mittig mit den jeweiligen Artikeln bzw wo man drauf klicken kann um dahin zu kommen.

    Die frage ist nur wen ich den Hintergrund Grau mache das ich darüber die Kästen machen kann in verschiedenen Größen und dies auch eindrücken habe vusher nicht wirklich gutes Gefunden wo das jemand zeigt das man solches darüber machen kann. Kennt jemand die Variablen oder wie man das nennt?

    Wen ja oder einen Hilfreichen Youtuber.
    Bin in der Sache neu dabei und wir möchten einen Shop erstellen um Spenden zu sammeln irgendwann für Krebs Kinder Stationen bzw Hilfsbedürftige.
  • Dr. Frauenarzt schrieb:

    Habe mir nun überlegt den Banner weg zulassen, Also mein Plan ist einen Grauen Hintergrund, und Hellgrau oder auch anders schön mittig mit den jeweiligen Artikeln bzw wo man drauf klicken kann um dahin zu kommen.

    Die frage ist nur wen ich den Hintergrund Grau mache das ich darüber die Kästen machen kann in verschiedenen Größen und dies auch eindrücken habe vusher nicht wirklich gutes Gefunden wo das jemand zeigt das man solches darüber machen kann. Kennt jemand die Variablen oder wie man das nennt?

    Wen ja oder einen Hilfreichen Youtuber.
    Bin in der Sache neu dabei und wir möchten einen Shop erstellen um Spenden zu sammeln irgendwann für Krebs Kinder Stationen bzw Hilfsbedürftige.

    Wenn ich es richtig verstanden habe, möchtest du dass ungefähr so haben: prnt.sc/oi2cuu


    Index.html

    HTML-Quellcode: index.html

    1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4. <meta charset="UTF-8">
    5. <title>Shop</title>
    6. <link href="style.css" rel="stylesheet">
    7. <link href="https://fonts.googleapis.com/css?family=Montserrat|Open+Sans&display=swap" rel="stylesheet">
    8. </head>
    9. <body>
    10. <header>
    11. </header>
    12. <nav>
    13. <section>
    14. <li>Start</li>
    15. </section>
    16. </nav>
    17. <section>
    18. <div class="article-box"></div>
    19. <div class="article-box"></div>
    20. <div class="article-box"></div>
    21. </section>
    22. </body>
    23. </html>
    Alles anzeigen
    Style.css


    CSS-Quellcode: style.css

    1. body{
    2. margin: 0;
    3. padding: 0;
    4. background: #eee;
    5. font-family: Montserrat;
    6. }
    7. header{
    8. background: #3d3d3d;
    9. height: 150px;
    10. width: 100%;
    11. }
    12. nav{
    13. background: #2d2d2d;
    14. height: 50px;
    15. width: 100%;
    16. }
    17. nav section li{
    18. display: inline-block;
    19. padding: 15px;
    20. color: #FFF;
    21. transition: 0.5s;
    22. }
    23. nav section li:hover{
    24. background: #333;
    25. }
    26. section{
    27. width: 990px;
    28. margin: 0 auto;
    29. list-style: none;
    30. }
    31. .article-box{
    32. margin: 5px;
    33. width: 32%;
    34. background: #FFF;
    35. height: 150px;
    36. display: inline-block;
    37. }
    Alles anzeigen


    Vielleicht kannst du dich daran ein wenig orientieren.
    Kontakt:

    Twitter: @DieserFreak
    Teamspeak: MySystem.space
    Discord: Klick mich

  • Hast du denn bereits eine Navigation?
    Mit freundlichen Grüßen
    FineTime

    JacLos schrieb:

    INFO: Bei mysql_format steht %d immer für dämlich. Deshalb nehmen wir %s für schlau oder %e für elegant.
    [...]
    Wichtig: Diese abfrage muss IMMER bei stocks stehen, ansonsten kann es sein, dass dein computer gelöscht wird.

    Weitere, mehr oder weniger lustige, Zitate findet ihr auf meinem Profil.
  • Spoiler anzeigen

    HTML-Quellcode

    1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4. <meta charset="UTF-8">
    5. <title>ICE GAMING CLUB</title>
    6. <link href="style.css" rel="stylesheet">
    7. <link href="https://fonts.googleapis.com/css?family=Montserrat|Open+Sans&display=swap" rel="stylesheet">
    8. <link rel = "icon" href = "https://i.ibb.co/1JG7b05/Homepage-Lo-Go.jpg" type = "image/x-icon">
    9. </head>
    10. <body>
    11. <header>
    12. </header>
    13. <nav>
    14. <section>
    15. <li>Home</li>
    16. </section>
    17. </nav>
    18. <nav>
    19. <section>
    20. <li>Das Team</li>
    21. </section>
    22. </nav>
    23. <section>
    24. <div class="article-box"></div>
    25. <div class="article-box"></div>
    26. <div class="article-box"></div>
    27. </section>
    28. </body>
    29. </html>
    Alles anzeigen


    Möchte gerne Das Team neben den Home machen suche mich schon böde finde nix
  • Dr. Frauenarzt schrieb:

    Spoiler anzeigen

    HTML-Quellcode

    1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4. <meta charset="UTF-8">
    5. <title>ICE GAMING CLUB</title>
    6. <link href="style.css" rel="stylesheet">
    7. <link href="https://fonts.googleapis.com/css?family=Montserrat|Open+Sans&display=swap" rel="stylesheet">
    8. <link rel = "icon" href = "https://i.ibb.co/1JG7b05/Homepage-Lo-Go.jpg" type = "image/x-icon">
    9. </head>
    10. <body>
    11. <header>
    12. </header>
    13. <nav>
    14. <section>
    15. <li>Home</li>
    16. </section>
    17. </nav>
    18. <nav>
    19. <section>
    20. <li>Das Team</li>
    21. </section>
    22. </nav>
    23. <section>
    24. <div class="article-box"></div>
    25. <div class="article-box"></div>
    26. <div class="article-box"></div>
    27. </section>
    28. </body>
    29. </html>
    Alles anzeigen


    Möchte gerne Das Team neben den Home machen suche mich schon böde finde nix


    HTML-Quellcode

    1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4. <meta charset="UTF-8">
    5. <title>Shop</title>
    6. <link href="style.css" rel="stylesheet">
    7. <link href="https://fonts.googleapis.com/css?family=Montserrat|Open+Sans&display=swap" rel="stylesheet">
    8. </head>
    9. <body>
    10. <header>
    11. </header>
    12. <nav>
    13. <section>
    14. <li>Start</li>
    15. <li>Das Team</li>
    16. </section>
    17. </nav>
    18. <section>
    19. <div class="article-box"></div>
    20. <div class="article-box"></div>
    21. <div class="article-box"></div>
    22. </section>
    23. </body>
    24. </html>
    Alles anzeigen
    So musst du das umändern, damit das funktioniert.
  • Meines Wissens kannst du das mit der :hover Funktion in CSS umsetzen.
    Mit freundlichen Grüßen
    FineTime

    JacLos schrieb:

    INFO: Bei mysql_format steht %d immer für dämlich. Deshalb nehmen wir %s für schlau oder %e für elegant.
    [...]
    Wichtig: Diese abfrage muss IMMER bei stocks stehen, ansonsten kann es sein, dass dein computer gelöscht wird.

    Weitere, mehr oder weniger lustige, Zitate findet ihr auf meinem Profil.
  • Dr. Frauenarzt schrieb:

    von der index Auslesen oder sehe ich das falsch?
    Du musst für den Menüpunkt einfach eine Klasse erstellen, welche du dann per CSS definieren kannst.
    Mit der :hover Funktion kannst du festlegen, dass der Inhalt eingeblendet wird, wenn du mit der Maus draufgehst.
    Mit freundlichen Grüßen
    FineTime

    JacLos schrieb:

    INFO: Bei mysql_format steht %d immer für dämlich. Deshalb nehmen wir %s für schlau oder %e für elegant.
    [...]
    Wichtig: Diese abfrage muss IMMER bei stocks stehen, ansonsten kann es sein, dass dein computer gelöscht wird.

    Weitere, mehr oder weniger lustige, Zitate findet ihr auf meinem Profil.
  • Hey,

    Mal eine Kurze frage...

    i.imgur.com/5tgL81M.png

    Warum ist dieser Weiße Balken dazwischen?
    Wen ich das alte benutze ist das nicht so?

    PHP-Quellcode

    1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4. <meta charset="UTF-8">
    5. <title>ICE GAMING CLUB</title>
    6. <link href="style.css" rel="stylesheet">
    7. <link href="https://fonts.googleapis.com/css?family=Montserrat|Open+Sans&display=swap" rel="stylesheet">
    8. </head>
    9. <body>
    10. <header>
    11. </header>
    12. <nav>
    13. <section>
    14. <ul>
    15. <li>@@d59b2fa7f53f4e467567d896e70e7c8ea0b4c0f5@@</li>
    16. <li>@@2f375eb1d6ce54d60be6fec3eaab2ea46c1f1533@@</li>
    17. <li>@@ec3d20cb127f5f3b3c1aa19e4a5cf196621d3a73@@</li>
    18. <li>@@0204d0d7c5d219b53822a9d787d8ea0fe5f8deb3@@</li>
    19. <li>@@4a4e03e98041e26e51128d30ae67707052f2f55d@@</li>
    20. <li>@@1efd7b33e08f514fa927a794429712174330ea94@@</li>
    21. <li>@@13ec1502afbcdde5b64eb19f22030943c487eb6a@@</li>
    22. <li>@@68bd207ea87a02221fa86ae43857d3b853d86956@@</li>
    23. </ul>
    24. </section>
    25. </nav>
    26. <section>
    27. <div class="article-box"></div>
    28. <div class="article-box"></div>
    29. <div class="article-box"></div>
    30. </section>
    31. </body>
    32. </html>
    Alles anzeigen
  • Zum Üben kann man so ein Design von 0 anfangen.

    Allerdings empfehle ich dir Aufgrund von mobilen Ansichten (bzw generell unterschiedlichen screen-sizes) etc. auf Templates/Frameworks zurückzugreifen, wie Bootstrap etc.

    //Edit:
    Pack lieber ein ul { margin: 0; } hinzu.


    Leute, lernt scripten und versucht mal lieber etwas selber zu schreiben, als es aus einem GF zu kopieren. X/
  • klappt iwie nicht :/

    zudem ist das die index.php und nicht der Style :)

    Den Style mache ich später wen der rest mit anklicken funktioniert.

    Habe mich mal weiter entwickelt :D

    Siehe hier: i.imgur.com/LBcAek6.jpg

    //E:

    Habe das ganze soweit jetzt fertig.

    Nun sind die "Menüpunkte" Anklickbar.


    Jetz habe ich eine Frage wie bekomme ich auf eine Leere seite schöne Strukturierte Sachen hin? (Nur Schriftlich ohne Bilder)

    Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von Dr. Frauenarzt () aus folgendem Grund: Fehler behoben