Eine eigene kleine Foren Startseite

Hallo,
also so richtig schlau werde ich aus Deinen Aussagen und Wünschen nicht wirklich um ehrlich zu sein. Wenn ich mir die Screenshots ansehe welche Du gepostet hast, dann hat das z.B. mit Templates an sich rein gar nichts zu tun. Denn dazu reicht auch eine reine HTML-Seite mit ein paar optischen Anpassungen, um genau solches zu bewerkstelligen. Einzig allein wäre der Slider (m.E. der von Darkwood), welchen man jedoch mit einen x-beliebigen austauschen und in die statische HTML-Seite mit einbinden kann und für eine Startseite gibt es u.a. die Möglichkeit die Startseite von Gino (Powerstylez) oder aber mit den Layout Extension Kit (CLS-Design) selbst etwas zusammen zu setzen.

Auf Dein ersten Bild ist lediglich ein Slider (m.E. von Darkwood) welcher auch ersetzt werden kann mit ein paar Links darunter zu sehen und auf den zweiten Bild eine Auflistung welche ebenso schnell bewerkstelligt werden können wie ersteres. Wenn es aber nun darum geht, dass Dir jemand solches erstellt, dann wäre dieses hier jedoch fehl am Platze, denn das wäre dann eher etwas für eine Auftragsarbeit. Wenn es um Hilfestellungen geht, so wird Dir sicher hier der ein oder andere unter die Arme greifen, aber einen Vollständigen Code, ohne Eigeninitiative wird Dir wohl so ohne weiteres keiner geben (können/wollen). Denn und das bedenke dabei bitte, dass hier alle in Ihrer Freizeit anderen etwas zur Verfügung stellen oder weiter helfen. Aber wenn hier ein jener ankommen würde mit Wünschen wie: "Ich brauche das" oder "Ich will jenes", dann würde es für genau die Hilfeleistenden keinerlei Zeit geben hier überhaupt etwas bereit zu stellen und das ist m.E. schon sehr viel.

Gruss,
Andreas

Edit(h): misterpu war schneller

Timo
Wenn ich mich nicht irre und ich irre mich nie, wenn ich mich nicht irre, dann wurde das Extension-Kit von CLS-Design doch schon bereits von mir verlinkt

Dr_Floh

Da ich heute einen guten Tag habe, nachfolgend eine Möglichkeit, wie Du die in der von Dir verlinkten Startseite, umsetzen kannst. Beachte jedoch, dass diese in kürze erstellt wurde und entsprechend noch an Deinen Wünschen mittels HTML und CSS angepasst werden müsste.

<div id="startpage" class="text-center">

  <!-- Titel & Slider -->
  <div class="gridLayout row">
    <div class="gridBox col-md-12">
      <h1 class="gridBoxTitleLarge welcome">Willkommen auf der Startseite</h1>
      <div class="gridBoxContent"> 
        <div id="slider">
          <div id="sliderImages">
            <img id="si_1" src="https://cdn.pixabay.com/photo/2016/11/14/22/18/beach-1824855_960_720.jpg" alt="" class="sliderImage" />
            <img id="si_2" src="https://cdn.pixabay.com/photo/2017/03/05/00/34/panorama-2117310_960_720.jpg" alt="" class="sliderImage" />
            <img id="si_3" src="https://cdn.pixabay.com/photo/2016/11/14/22/18/beach-1824855_960_720.jpg" alt="" class="sliderImage" />
            <img id="si_4" src="https://cdn.pixabay.com/photo/2018/08/24/23/33/panorama-3629120_960_720.jpg" alt="" class="sliderImage" />
            <img id="si_5" src="https://cdn.pixabay.com/photo/2016/11/14/22/18/beach-1824855_960_720.jpg" alt="" class="sliderImage" />
            <div style="clear:left;"></div>
          </div>        
        </div> 
      </div>
    </div>
  </div>

  <!-- Menü -->
  <div class="gridLayout row">
    <div class="gridBox col-md-12">
      <div class="gridBoxContent">
        <div id="startMenu">
          <ul class="startMenu">
            <li><a href="#"><span>Dashboard</span></a></li>
            <li><a href="#"><span>Blog</span></a></li>
            <li><a href="#"><span>Forum</span></a></li>
            <li><a href="#"><span>Galerie</span></a></li>
            <li><a href="#"><span>Downloads</span></a></li>
            <li><a href="#"><span>Server</span></a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
    
  <!-- About Boxen -->
  <div class="gridLayout row aboutBoxContent">
    <div class="gridBox col-md-4">
      <div class="gridBoxContent gridBoxJustify">
        <div class="gridBoxCenter about">
          <span><i class="fas fa-server fa-3x"></i> Server</span>
        </div>
        <p class="text-center">Kurbeschreibung</p>
      </div>
    </div>
    <div class="gridBox col-md-4">
      <div class="gridBoxContent gridBoxJustify">
        <div class="gridBoxCenter about">
          <span><i class="fas fa-users fa-3x"></i> Forum</span>
        </div>
        <p class="text-center">Kurbeschreibung</p>
      </div>
    </div>
    <div class="gridBox col-md-4">
      <div class="gridBoxContent gridBoxJustify">
        <div class="gridBoxCenter about">
          <span><i class="fab fa-discord fa-3x"></i> Discord</span>
        </div>
        <p class="text-center">Kurbeschreibung</p>
      </div>
    </div>    
  </div>
            
</div>

/* Allgemein */
#startpage{
    background: #1E222A;
    color: #ffffff;
}
.welcome{
    margin: 50px 0 50px 0;
}
/* Slider */
#slider {
    width: 600px;
    height: 300px;
    overflow: hidden;
    border: 10px solid #666;
    margin-top: 25px;
    margin: 0 auto !important;
}
#sliderImages {
    width : 4000px;
    height: 300px;
    overflow: hidden;
    /* Animation der Slider-Images */
    animation: slide 16s infinite;        
    -moz-animation: slide 16s infinite;
    -webkit-animation: slide 16s infinite;
    -o-animation: slide 16s infinite;
}
#sliderImages img {
    float: left;
}
.sliderImage{
    height: 300px; /* Höhe der Slider-Images */
}
@keyframes slide{
    0%{margin-left: 0px;}
    17%{margin-left: 0px;}
    20%{margin-left: -800px;}
    37%{margin-left: -800px;}
    40%{margin-left: -1600px;}
    57%{margin-left: -1600px;}
    60%{margin-left: -2400px;}
    77%{margin-left: -2400px;}
    80%{margin-left: -3200px;}
    97%{margin-left: -3200px;}
    100%{margin-left: 0px;}
}
@-moz-keyframes slide{
    0%{margin-left: 0px;}
    17%{margin-left: 0px;}
    20%{margin-left: -800px;}
    37%{margin-left: -800px;}
    40%{margin-left: -1600px;}
    57%{margin-left: -1600px;}
    60%{margin-left: -2400px;}
    77%{margin-left: -2400px;}
    80%{margin-left: -3200px;}
    100%{margin-left: -3200px;}
}
@-webkit-keyframes slide{
    0%{margin-left: 0px;}
    17%{margin-left: 0px;}
    20%{margin-left: -800px;}
    37%{margin-left: -800px;}
    40%{margin-left: -1600px;}
    57%{margin-left: -1600px;}
    60%{margin-left: -2400px;}
    77%{margin-left: -2400px;}
    80%{margin-left: -3200px;}
    100%{margin-left: -3200px;}
}
@-o-keyframes slide{
    0%{margin-left: 0px;}
    17%{margin-left: 0px;}
    20%{margin-left: -800px;}
    37%{margin-left: -800px;}
    40%{margin-left: -1600px;}
    57%{margin-left: -1600px;}
    60%{margin-left: -2400px;}
    77%{margin-left: -2400px;}
    80%{margin-left: -3200px;}
    100%{margin-left: -3200px;}
}
/* Menu */
.startMenu{
    width: 550px;
    margin: 0 auto; 
    height:50px; 
    display:block;
}
.startMenu li{
    padding:0; 
    margin:0; 
    list-style:none; 
    display:inline;
}
.startMenu li a{
    float: left;
    padding-left:15px; 
    display:block; 
    color:#fff; 
    text-decoration:none; 
    cursor:pointer;
    background: #299a0b;
    border-radius: 25px;
    margin: 15px 5px;
}
.startMenu li a span{
    line-height:30px; 
    display:block; 
    padding-right:15px;
}
.startMenu li a:hover{
    color: #fff;
    background: #8fc800;
}
.startMenu li a.active, .menu li a.active:hover{
    line-height:30px; 
    color: #fff;
}
/* About Boxen */
.aboutBoxContent{
    margin: 0 50px 50px 50px;
}
.aboutBoxContent p{
    margin: 25px 0 50px 0;
}
.about span{
    font-size: 16px;
}

Benutzung

1. Erstelle eine neue HTML-Seite
2. Füge den o.g. HTML-Quellcode ein und speicher die neue Seite ab
3. Füge den o.g. CSS-Quellcode unter Anpassung  Stile  DeinStyle  Erweiterte Einstellungen
   oder unter Stilunabhänges CSS und SCSS ein. Beachte jedoch das Du selbst nich bereits eines der hier genutzten ID's oder Klassen benutzt, da dies sonst zu Fehlerhaften Darstellung führen würde!
4. Passe den HTML- und CSS-Quellcode nach Deinen Wünschen an.
5. Schau Dir die Vorschau an und wenn alles nach Deinen Wünschen passt, setze den Haken bei Seite ist Startseite.
6. Fertig!

Gruss,
Andreas

Zitat von Hitman

Ich möchte darauf hinweisen das auch von dir Dr_Floh konkrete Codebeispiele in dein Forum auftauchen womit wir hier weiter

arbeiten können. Beispiele hast du nun genug , aber einen vorgeschneiderten Code nach deinen Bedürfnissen wirst du

nicht bekommen ohne eine gewisse Selbstinitiative zu zeigen.

Dr_Floh
Zwar hab ich mir die/Deine Seite, aus Zeitmangel (!) noch nicht ansehen können und entsprechend dem auch nicht auf solches stoßen können, aber wenn ich dann solches lese, dann überzeugt das ehrlich gesagt eher dazu (wie @Hitman schon nannte), dass hier nach fertigen Codes ohne Eigeninitiative gesucht wird. Erbärmlich (Entschuldige bitte, aber andere Worte habe ich in diesem Sinne nicht dafür), dass wenn zum einen schon Codebeispiele auf der eigenen Seite vorliegen, dann auch noch ohne Eigeninitiative obendrein noch nach fertigen Code zu fragen. Ehrlich: Da würde ein jener andere auch den Kopf schütteln!
Entsprechend dem und das darf man mir an dieser Stelle auch nicht verübeln, werde ich zukünftig auf Deine Anfragen gerne verzichten wollen. Zwar bin ich gerne bereit zu helfen oder einen Gedankenanstoß zu geben aber solches kann und werde ich nicht unterstützen können und ich gehe stark davon aus, dass auch kein anderer hier dazu bereit sein wird oder dazu bereit ist.

Zitat von Hitman

und das solltest du evtl. mal anfangen zu lernen ansonsten fragst du noch in 10 Jahren danach.

Dr_Floh
Und aus o.g. Gründen kann ich Hitman nur voll und ganz zustimmen! Denn selbst wenn Dir hier irgendwer einen vollständigen Code bereitstellt, aber Du diesen nicht nachvollziehen oder verstehen kannst, dann ist das ein einfaches copy&paste aber keine Verständlichkeit des Codes an sich und das besonders, wenn Du selbst ein Internetprojekt führst! Entsprechend dem sei Dir folgendes bewusst ....

1. Lerne Grundkenntnisse bevor Du überhaupt ein Internetprojekt ins Leben rufst
2. Lerne zudem, in Foren wie diesen, mit Codebeispielen (die Du selbst entworfen hast) nach Hilfe zu fragen
   (anstatt nach vollständigen Codes um Dir das Fressen auf den Goldteller zu servieren)
3. Lerne Dankbarkeit zu zeigen

Wenn dieses erlernt ist (oder zumindest ein Willen dazu erkenntlich ist), dann wird Dir sicher auch gerne geholfen. Aber solches, wie zu erkennbar ist, grenzt ehrlich mehr an eine Frechheit, da damit die Zeit der freiwilligen hier ausgenutzt wird, nur weil einen des gleichen zu Schade ist!

Nebenbei...

Ich bin hier weder Administrator, noch Moderator noch sonst etwas und bemühe mich wie ein jener anderer auch hier um andere Hilfestellungen zu geben. Aber solches, auch wenn es für mich selbst nur lächerliche Minuten gewesen sind, lässt mir das den Kragen platzen. Dies nicht wegen mir, sondern weil Du so garantiert nichts lernen wirst! Und wegen der Dreistigkeit würde ich glatt mal sagen, dass das ein Bier wert ist (zu gunsten dieser Seite, die Dir in diesem Sinne ohne Eigeninitiative in den Ar*** kriechen soll). Nicht bös gemeint, auch wenn es so klingt, aber ist letztlich auch nur ein Gedankenanstoß wie bei einen jenen Code, so wie es Dir bereits gesagt wurde.

Danke für das Verständnis!

Gruss,
Andreas

Zitat von Hitman

Warum ist das Thema erledigt Dr_Floh

So wie ich sehe ist es noch als unerledigt gekennzeichnet ...

Zitat von Hitman

Wir erwarten zumindest ein Statement

An einen solchen Statement wäre ich natürlich auch interessiert

Aufgrund dessen, dass ihm einiges verlinkt wurde mit welchen er sein vorhaben realisieren kann, ihm zudem ein fertiger Code zur Verfügung gestellt wurde und er, trotz vorhanden seins von Code-Beispielen, keine Eigeninitiative zeigt, denke ich mal das sich das Thema ohnehin erledigt hat. Diesbezüglich denke ich, dass dies Thema als erledigt markiert und geschlossen werden kann. Aber das soll hier nicht meine Aufgabe sein

Gruss,
Andreas

Zitat von Hitman

Da ich die Fähigkeit dazu besitze dies wieder zu ändern

Ich glaub ich brauch noch nen Kaffee, wenn man da nicht selbst drauf kommen konnte

Gruss,
Andreas

Dr_Floh

Es spricht nichts dagegen, wenn ein (ich sage es mal so) unerfahrener nach Vorlagen sucht und sich diese dann für sich zurecht frickelt. Lediglich irritierten mich die ersten Worte von Dir:

Zitat von flori_da_boy

Da wollte ich mal fragen ob es hier jemanden Gebe der mir eventuell helfen kann eine erstellte Seite mit einem Template zu versehen so dass ich auch eine kleine Startseite habe

Daraus würde man eher erkennen, dass Du etwas fertiges suchst, aber keine Vorlage in dem Sinne. Wobei und das nur nebenbei gesagt, wäre selbst das fragen nach einer Vorlage beinahe das gleiche. Denn wenn Dir hier Links (wie geschehen) zu Startseite von Gino (Powerstylez) oder aber den Layout Extension Kit (CLS-Design) verlinkt werden (welches u.a. Vorlagen sind), dann wirst Du mit diesen allein auch nichts anfangen können. Dies aus dem Grunde, da Du offensichtlich eben nicht die Erfahrung hast z.B. ein Slider dort einzubinden und solche gibt es im Internet zu genüge. Nur bringt es keinen etwas, wenn man zwar ein Bruchteil der Grunderfahrungen in HTML und CSS hat, aber letztlich nicht dazu ausreicht des gleichen einzubinden. Deswegen auch meine Aussage, dass mit ein schlichtes copy&paste eher schlecht als recht ist, denn damit würde man schlicht weg gar nichts lernen (können) und stets auf der Suche nach gewissen Vorlagen oder vorgefertigte Codes sein, die wiederum auch nicht immer zutreffend sind. Dann besser gleich getreu den Worten: lernen, verstehen und selbst machen

Ansonsten kann ich @Hitman nur übereinstimmen.

Im übrigen hab ich entweder ein im Tee, tierische Kopfweh, bin total bedeppert oder aber ich raff die Smileysetzung von Dir nicht

Gruss,
Andreas