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