Online Shop [PHP]

Dr. Frauenarzt · 13. Juli 2019

Hey,

Ich habe mal kurz eine frage.

PHP

#header{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 20em;
        background: #1d2120;
    }
    #header:after{
        content: "";
        background-image: url(siteimg/Banner.jpg);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-size: 200% 200%;
        z-index: 2000;
        opacity:0.3;
    }

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?

**670** · 13. Juli 2019

Erkläre mal ein bisschen genauer. Übrigens Onlineshops sind leichter wenn du sie größten teils in html umsetzt und nur die wichtigen Elemente wie warenkorb usw in php

Dr. Frauenarzt · 13. Juli 2019

Okay, Die Infomation ist hilfreich, ich möchte nur gerne wissen wie groß der Bann sein darf heiß welche Masse ich benutzen darf um dies ordentlich anzeigen zu lassen.

**670** · 13. Juli 2019

Hast du ein Screen vom Shop? Kommt halt aufs Layout an meines Gehirns nach.

Dr. Frauenarzt · 13. Juli 2019

https://i.imgur.com/F9Rdlwy.png

Finde das nicht so ganz toll muss da schauen wie ich das verbessern kann..

FineTime · 13. Juli 2019

Wie genau soll es denn aussehen, wenns fertig ist?

Und zeig uns vielleicht mal den Banner in "normaler" Form.

Dr. Frauenarzt · 13. Juli 2019

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.

**670** · 13. Juli 2019

Empfehle immernoch den Shop in HTML mit CSS zu schreiben und dann kannst du in PHP immernoch die wichtigen Funktionen umsetzen

Freak · 21. Juli 2019

Zitat von Dr. Frauenarzt

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: https://prnt.sc/oi2cuu

Index.html

HTML: index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Shop</title>


    <link href="style.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Montserrat|Open+Sans&display=swap" rel="stylesheet">


</head>
<body>


<header>


</header>
<nav>
    <section>
        <li>Start</li>
    </section>
</nav>


<section>


    <div class="article-box"></div>
    <div class="article-box"></div>
    <div class="article-box"></div>


</section>


</body>
</html>

Alles anzeigen

Style.css

CSS: style.css

body{
    margin: 0;
    padding: 0;
    background: #eee;
    font-family: Montserrat;
}


header{
    background: #3d3d3d;
    height: 150px;
    width: 100%;
}
nav{
    background: #2d2d2d;
    height: 50px;
    width: 100%;
}
nav section li{
    display: inline-block;
    padding: 15px;
    color: #FFF;
    transition: 0.5s;
}
nav section li:hover{
    background: #333;
}


section{
    width: 990px;
    margin: 0 auto;
    list-style: none;
}


.article-box{
    margin: 5px;
    width: 32%;
    background: #FFF;
    height: 150px;
    display: inline-block;
}

Alles anzeigen

Vielleicht kannst du dich daran ein wenig orientieren.

Dr. Frauenarzt · 26. August 2019

Habe eine Kurze frage,

Wie mache ich Kategorien? - Heißt:

Z.B:

Das Team
- Unter Kategorie - Geschichte
- UnterKategorie - Mitglieder

So das ich auf der Leeren Seite mich austoben kann?

FineTime · 26. August 2019

Hast du denn bereits eine Navigation?

Dr. Frauenarzt · 26. August 2019

Spoiler anzeigen

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

Kado · 26. August 2019

Zitat von Dr. Frauenarzt

Spoiler anzeigen

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

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Shop</title>
    <link href="style.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Montserrat|Open+Sans&display=swap" rel="stylesheet">
</head>
<body>
<header>
</header>
<nav>
    <section>
        <li>Start</li>
	<li>Das Team</li>
    </section>
</nav>
<section>
    <div class="article-box"></div>
    <div class="article-box"></div>
    <div class="article-box"></div>
</section>
</body>
</html>

Alles anzeigen

So musst du das umändern, damit das funktioniert.

Dr. Frauenarzt · 26. August 2019

Danke!

Wie kann ich Kategorien da hinzufügen?

Das Heißt: Wen ich mit der Maus draufzeige das die Unterkategorien angezeigt werden?

FineTime · 27. August 2019

Meines Wissens kannst du das mit der :hover Funktion in CSS umsetzen.

Dr. Frauenarzt · 27. August 2019

Das heißt das muss ich in den Style mit integrieren?

Wen ja muss ich das theoretisch von der index Auslesen oder sehe ich das falsch?

FineTime · 27. August 2019

Zitat von Dr. Frauenarzt

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.

Dr. Frauenarzt · 28. August 2019

Hey,

Mal eine Kurze frage...

https://i.imgur.com/5tgL81M.png

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

PHP

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ICE GAMING CLUB</title>
    <link href="style.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Montserrat|Open+Sans&display=swap" rel="stylesheet">
</head>
<body>
<header>
</header>


<nav>
	<section>
		<ul>
			<li><a href="index.php?incl=home">Home</a></li>
			<li><a href="index.php?incl=das-team">Das Team</a></li>
			<li><a href="index.php?incl=netzwerk">Netzwerk</a></li>
			<li><a href="index.php?incl=modding">Modding</a></li>
			<li><a href="index.php?incl=sendeplan">Sendeplan</a></li>
			<li><a href="index.php?incl=mediathek">Mediathek</a></li>
			<li><a href="index.php?incl=wir-suchen">Wir suchen!</a></li>
			<li><a href="index.php?incl=kontakt">Kontakt</a></li>
		</ul>
	</section>
</nav>


<section>
    <div class="article-box"></div>
    <div class="article-box"></div>
    <div class="article-box"></div>
</section>
</body>
</html>

Alles anzeigen

Kaliber · 28. August 2019

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.

Dr. Frauenarzt · 28. August 2019

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

Siehe hier: https://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)

Online Shop [PHP]

Ähnliche Themen

Dampfersmalltalk

Eure Meinung zu einer guten E-Zigarette?

Shop Tutorial?