Die Seite die du erstellt hast wird durch den befehl <?=$this->getContent() ?> angezeigt
<div class="container">
<div class="gaming">
<div class="row">
<!-- linke Sidebar-------------------------------------------------------->
<div class="hidden-xs col-sm-2 col-md-3 col-lg-2">
<?php
echo $this->getMenu
(
1,
'<div class="panel panel-gaming">
<div class="panel-heading">%s</div>
<div class="panel-body">
%c
</div>
</div>'
);
?>
</div>
<!--Main bereich----------------------------------------------------->
<div class="col-xs-12 col-sm-8 col-md-7 col-lg-8">
<?=$this->getHmenu() ?>
<div class="panel panel-default">
<div class="panel-body">
<!--Ausgabe Befehl für Module und Seiten---------->
<?=$this->getContent() ?>
</div>
</div>
</div>
<!--rechte Sidebar------------------------------------->
<div class="col-xs-12 col-sm-2">
<?php
echo $this->getMenu
(
2,
'<div class="panel panel-gaming">
<div class="panel-heading">%s</div>
<div class="panel-body">
%c
</div>
</div>'
);
?>
</div>
</div>
</div>
</div>
Das bedeutet das alles was du im Admincenter unter Seite einbaust wird nach <div class="panel-body"> angezeigt. Wenn du eine Tabelle erstellst wir eine Tabelle ausgegeben.
Style.css
.container ist hauptsächlich für die breite (Desktop ansicht und Mobile Ansicht), man kann .container auch als <section> vergleichen, damit ist .container ein wichtiges Element.
.gaming ist hauptsächlich für den abstand zu .container und background.
.row ist ein Kinderelement im container Elternelement um die Spalten horizontal darstellen zu können
.panel ist ein Elternelement, also hauptelement, zb deine Holz-textur wird in der .panel angegeben sowie der border, border-radius usw.
.panel-body ist ein Kinderelement zu .panel , hauptsächlich für den Abstand zu .panel
.panel-heading ist hauptsächlich für den Kopf einer Box zb. Überschrifft für ein Menü oder Modul
Wenn ich es falsch erklärrt habe, bitte Korrigiert mich bin ein schlechter Lehere.
Kleiner Tipp der Hilfreich ist, setzte Kommentare
externer Link
Du kannst zb in der Style.css ein Kommentar setzten
/*--Überschrifft für Module und Boxen--*/
.panel-gaming > .panel-heading {
color: #909090;
background-color: transparent;
margin-top: 0;
line-height: 20px;
margin-bottom: 0;
padding: 10px;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
text-rendering: optimizelegibility;
border-top-right-radius: 0 !important;
border-top-left-radius: 0 !important;
border-bottom: 1px solid #f1f1f1;
display:flex;
margin-bottom: 5px;
font-family: 'Bitter', serif !important;
}
.panel-gaming > .panel-body li {
So weist du immer WO und WAS du verändern musst um dies zu errecihen.
Slipi
Zuletzt modifiziert von Slipi am 31.01.2019 - 17:45:40
Zitat geschrieben von M.vittel
