CINXE.COM

<!DOCTYPE html> <html dir="ltr" lang="de"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>phpBB.de - Knowledge Base - Einen Style installieren und benutzen</title> <link rel="alternate" type="application/atom+xml" title="Feed - phpBB.de" href="/feed?sid=fc1979d79719994682ea50654376319b"> <link rel="alternate" type="application/atom+xml" title="Feed - Neuigkeiten" href="/feed/news?sid=fc1979d79719994682ea50654376319b"> <link rel="alternate" type="application/atom+xml" title="Feed - Neue Themen" href="/feed/topics?sid=fc1979d79719994682ea50654376319b"> <link rel="alternate" type="application/atom+xml" title="Feed - Aktive Themen" href="/feed/topics_active?sid=fc1979d79719994682ea50654376319b">  <link href="./../community/assets/css/font-awesome.min.css?assets_version=280" rel="stylesheet"> <link href="./../community/styles/prosilver/theme/stylesheet.css?assets_version=280" rel="stylesheet" /> <link href="./../community/styles/phpBBdev1/theme/stylesheet.css?assets_version=280" rel="stylesheet"> <link href="./../community/styles/phpBBdev1/theme/de/stylesheet.css?assets_version=280" rel="stylesheet"> <link href="./../community/styles/phpBBdev1/theme/images/favicon/mask-icon.svg?assets_version=280" rel="mask-icon" color="#3E647B" />  <link href="./../community/ext/kinerity/knowledgebase/styles/prosilver/theme/knowledgebase_controller.css?assets_version=280" rel="stylesheet" media="screen"> <link href="./../community/ext/phpbbde/pastebin/styles/prosilver/theme/pastebin.css?assets_version=280" rel="stylesheet" media="screen"> <link href="./../community/ext/rmcgirr83/contactadmin/styles/prosilver/theme/imageset.css?assets_version=280" rel="stylesheet" media="screen"> </head> <body id="phpbb" class="nojs notouch section-app/kb/viewarticle ltr "> <div id="wrap" class="wrap"> <a id="top" class="top-anchor" accesskey="t"></a> <div id="page-header"> <div class="headerbar" role="banner"> <div class="inner"> <div id="site-description" class="site-description"> <a id="logo" class="logo" href="./../" title="Startseite"> <span class="site_logo"></span> </a> <h1>phpBB.de</h1> <p>phpBB.de - Die deutsche phpBB-Community</p> <p class="skiplink"><a href="#start_here">Zum Inhalt</a></p> </div> <div id="search-box" class="search-box search-header" role="search"> <form action="./../community/search.php?sid=fc1979d79719994682ea50654376319b" method="get" id="search"> <fieldset> <input name="keywords" id="keywords" type="search" maxlength="128" title="Suche nach Wörtern" class="inputbox search tiny" size="20" value="" placeholder="Suche…" /> <button class="button button-search" type="submit" title="Suche"> <i class="icon fa-search fa-fw" aria-hidden="true"></i><span class="sr-only">Suche</span> </button> <a href="./../community/search.php?sid=fc1979d79719994682ea50654376319b" class="button button-search-end" title="Erweiterte Suche"> <i class="icon fa-cog fa-fw" aria-hidden="true"></i><span class="sr-only">Erweiterte Suche</span> </a> <input type="hidden" name="sid" value="fc1979d79719994682ea50654376319b" /> </fieldset> </form> </div> <div id="phpbbde_navigation" class="phpbbde_navigation"> <div class="menu-button"> <a href="#" id="navi-toggle" title="Menü anzeigen">Menü</a> </div> <ul id="mainnavi" class="mainnavi"> <li class="mainnavi-title">phpBB.de - Navigation</li> <li class="navi-button but-about"> <a href="./../phpbbde/?sid=fc1979d79719994682ea50654376319b"><span class="subnavi-toggle"></span>Über uns</a> <ul class="subnavi"> <li><a href="./../phpbbde/chronik/?sid=fc1979d79719994682ea50654376319b">phpBB.de-Chronik <span>Die Geschichte von phpBB.de in Wort und Bild</span></a></li> <li><a href="./../phpbbde/team/?sid=fc1979d79719994682ea50654376319b">Das Team <span>Erfahre mehr über das Team hinter phpBB.de</span></a></li> <li><a href="./../phpbbde/fragen/?sid=fc1979d79719994682ea50654376319b">Fragen an das Team <span>Ihr habt gefragt, wir haben geantwortet</span></a></li> <li><a href="/contactadmin?sid=fc1979d79719994682ea50654376319b">Kontaktformular <span>Formular zur Kontaktaufnahme mit dem phpBB.de-Team</span></a></li> <li><a href="./../phpbbde/impressum/?sid=fc1979d79719994682ea50654376319b">Impressum <span>Das phpBB.de-Impressum</span></a></li> </ul> </li> <li class="navi-button but-phpbb"> <a href="./../infos/?sid=fc1979d79719994682ea50654376319b"><span class="subnavi-toggle"></span>phpBB</a> <ul class="subnavi"> <li><a href="./../infos/?sid=fc1979d79719994682ea50654376319b">Infos über phpBB <span>Erfahre mehr über phpBB</span></a></li> <li><a href="./../infos/tour/?sid=fc1979d79719994682ea50654376319b">Die phpBB-Tour <span>Was ist phpBB und wo bekomme ich es?</span></a></li> <li><a href="./../infos/features/?sid=fc1979d79719994682ea50654376319b">Feature-Vergleich <span>Lerne alle Features kennen, die dir phpBB bietet</span></a></li> <li><a href="./../infos/anpassen/?sid=fc1979d79719994682ea50654376319b">phpBB anpassen <span>Nutze Erweiterungen und Styles, um phpBB deinen Wünschen anzupassen</span></a></li> <li><a href="./../infos/entwickler/3.3/?sid=fc1979d79719994682ea50654376319b">Informationen für Entwickler <span>phpBB-Projektarchiv, nützliche Links, ...</span></a></li> <li><a href="./../xref/3.3/?sid=fc1979d79719994682ea50654376319b">Cross-Referenz 3.3 <span>Cross-Referenz des phpBB-Quellcodes</span></a></li> </ul> </li> <li class="navi-button but-downloads"> <a href="./../downloads/?sid=fc1979d79719994682ea50654376319b"><span class="subnavi-toggle"></span>Downloads</a> <ul class="subnavi"> <li><a href="./../downloads/pakete/?sid=fc1979d79719994682ea50654376319b">phpBB-Pakete <span>Die aktuellen dt. Komplett- und Updatepakete von phpBB</span></a></li> <li><a href="./../downloads/sprachpakete/?sid=fc1979d79719994682ea50654376319b">Sprachpakete <span>Die aktuellen deutschen Sprachdateien für phpBB</span></a></li> <li><a href="./../downloads/entwicklung/?sid=fc1979d79719994682ea50654376319b">Entwicklung <span>Entwickler-Downloads</span></a></li> </ul> </li> <li class="navi-button but-docu"> <a href="./../support/?sid=fc1979d79719994682ea50654376319b"><span class="subnavi-toggle"> </span>Support</a> <ul class="subnavi"> <li><a href="./../support/doku/quickstart/3.3/?sid=fc1979d79719994682ea50654376319b">Schnelleinstieg <span>Erklärt dir die Einrichtung deines phpBB Boards</span></a></li> <li><a href="https://www.phpbb.de/help/faq">Häufig gestellte Fragen <span>Häufige Fragen im Zusammenhang mit der Nutzung von phpBB</span></a></li> <li><a href="./../kb/index?sid=fc1979d79719994682ea50654376319b">Knowledge Base <span>Unsere Wissensdatenbank mit vielen und hilfreichen Artikeln</span></a></li> <li><a href="./../support/videos/?sid=fc1979d79719994682ea50654376319b">Videos <span>Unsere Supportvideos erklären Funktionen von phpBB</span></a></li> <li><a href="./../support/doku/?sid=fc1979d79719994682ea50654376319b">Dokumentation <span>Hier findest Du Dokumentationen zu phpBB</span></a></li> <li><a href="./../support/doku/perror/?sid=fc1979d79719994682ea50654376319b">MySQL-Fehlercodes <span>Mysql Fehlercodes dokumentiert</span></a></li> <li><a href="./../support/doku/htpasswd/?sid=fc1979d79719994682ea50654376319b">.htpasswd-Generator <span>Einfach zu bedienener Generator für .htpasswd Dateien</span></a></li> </ul> </li> <li class="navi-button but-community"> <a href="./../community/?sid=fc1979d79719994682ea50654376319b"><span class="subnavi-toggle"> </span>Community</a> <ul class="subnavi"> <li><a href="./../community/viewforum.php?f=145&sid=fc1979d79719994682ea50654376319b">Supportforen <span>Hilfe bei der Installation und Benutzung</span></a></li> <li><a href="./../community/viewforum.php?f=104&sid=fc1979d79719994682ea50654376319b">Communityforen<span>Allgemeine Diskussionen und phpBB-Usergroups</span></a></li> <li><a href="./../community/viewforum.php?f=148&sid=fc1979d79719994682ea50654376319b">Extension-Foren<span>Auf der Suche nach einer Extension? Fragen zu einer Extension?</span></a></li> <li><a href="./../community/viewforum.php?f=152&sid=fc1979d79719994682ea50654376319b">Styleforen<span>Du suchst einen neuen Style oder hast Probleme mit einem Style?</span></a></li> <li><a href="./../kb/knigge?sid=fc1979d79719994682ea50654376319b">Der kleine phpBB.de-Knigge <span>Eine kleine Liste von wichtigen Regeln auf phpBB.de</span></a></li> <li><a href="./../phpbbde/chat/?sid=fc1979d79719994682ea50654376319b">Discord / Chat <span>Besuche den Discord-Server oder den Chat auf Freenode</span></a></li> </ul> </li> </ul> </div> </div> </div> <div class="navbar" role="navigation"> <div class="inner"> <ul id="nav-main" class="nav-main linklist" role="menubar"> <li id="quick-links" class="quick-links dropdown-container responsive-menu" data-skip-responsive="true"> <a href="#" class="dropdown-trigger"> <i class="icon fa-bars fa-fw" aria-hidden="true"></i><span>Schnellzugriff</span> </a> <div class="dropdown"> <div class="pointer"><div class="pointer-inner"></div></div> <ul class="dropdown-contents" role="menu"> <li class="separator"></li> <li> <a href="./../community/search.php?search_id=unanswered&sid=fc1979d79719994682ea50654376319b" role="menuitem"> <i class="icon fa-file-o fa-fw icon-gray" aria-hidden="true"></i><span>Unbeantwortete Themen</span> </a> </li> <li> <a href="./../community/search.php?search_id=active_topics&sid=fc1979d79719994682ea50654376319b" role="menuitem"> <i class="icon fa-file-o fa-fw icon-blue" aria-hidden="true"></i><span>Aktive Themen</span> </a> </li> <li class="separator"></li> <li> <a href="./../community/search.php?sid=fc1979d79719994682ea50654376319b" role="menuitem"> <i class="icon fa-search fa-fw" aria-hidden="true"></i><span>Suche</span> </a> </li> <li class="separator"></li> <li> <a href="./../phpbbde/team.php?sid=fc1979d79719994682ea50654376319b" role="menuitem"> <i class="icon fa-shield fa-fw" aria-hidden="true"></i><span>Das Team</span> </a> </li> <li class="separator"></li> </ul> </div> </li> <li data-skip-responsive="true"> <a href="./../help/faq?sid=fc1979d79719994682ea50654376319b" rel="help" title="Häufig gestellte Fragen" role="menuitem"> <i class="icon fa-question-circle fa-fw" aria-hidden="true"></i><span>FAQ</span> </a> </li> <li data-last-responsive="true"><a href="/pastebin/?sid=fc1979d79719994682ea50654376319b" title="Pastebin"><i class="icon fa-clipboard fa-fw" aria-hidden="true"></i><span>Pastebin</span></a></li> <li class="rightside" data-skip-responsive="true"> <a href="./../community/ucp.php?mode=login&redirect=..%2Fapp.php%2Fkb%2Fviewarticle%3Fa%3D25&sid=fc1979d79719994682ea50654376319b" title="Anmelden" accesskey="x" role="menuitem"> <i class="icon fa-power-off fa-fw" aria-hidden="true"></i><span>Anmelden</span> </a> </li> <li class="rightside" data-skip-responsive="true"> <a href="./../community/ucp.php?mode=register&sid=fc1979d79719994682ea50654376319b" role="menuitem"> <i class="icon fa-pencil-square-o fa-fw" aria-hidden="true"></i><span>Registrieren</span> </a> </li> </ul> <ul id="nav-breadcrumbs" class="nav-breadcrumbs linklist navlinks" role="menubar"> <li class="breadcrumbs" itemscope itemtype="https://schema.org/BreadcrumbList"> <span class="crumb" itemtype="https://schema.org/ListItem" itemprop="itemListElement" itemscope><a itemprop="item" href="./../" data-navbar-reference="home"><i class="icon fa-home fa-fw" aria-hidden="true"></i><span itemprop="name">Startseite</span></a><meta itemprop="position" content="1" /></span> <span class="crumb" itemtype="https://schema.org/ListItem" itemprop="itemListElement" itemscope><a itemprop="item" href="./../community/index.php?sid=fc1979d79719994682ea50654376319b" accesskey="h" data-navbar-reference="index"><span itemprop="name">Community</span></a><meta itemprop="position" content="2" /></span> <span class="crumb" itemtype="https://schema.org/ListItem" itemprop="itemListElement" itemscope><a itemprop="item" href="/kb/index?sid=fc1979d79719994682ea50654376319b"><span itemprop="name">Knowledge Base</span></a><meta itemprop="position" content="3" /></span> </li> <li class="rightside responsive-search"> <a href="./../community/search.php?sid=fc1979d79719994682ea50654376319b" title="Zeigt die erweiterten Suchoptionen an" role="menuitem"> <i class="icon fa-search fa-fw" aria-hidden="true"></i><span class="sr-only">Suche</span> </a> </li> </ul> </div> </div> </div> <a id="start_here" class="anchor"></a> <div id="page-body" class="page-body" role="main"> <div id="p25" class="post bg1"> <div class="inner"> <div class="article-body"> <div class="postbody"> <div id="post_content25"> <h2 class="article-title"><a href="/kb/viewarticle?a=25&sid=fc1979d79719994682ea50654376319b">Einen Style installieren und benutzen</a></h2> <p class="article-meta"><strong>Geschrieben von:</strong> <a href="./../community/memberlist.php?mode=viewprofile&u=28811&sid=fc1979d79719994682ea50654376319b" style="color: #BA0303;" class="username-coloured">Crizzo</a><br> <strong>Veröffentlicht am:</strong> 10.02.2020 11:48<br /> <strong>zuletzt geändert:</strong> 30.12.2023 17:40<br> <strong>zuletzt geändert von:</strong> <a href="./../community/memberlist.php?mode=viewprofile&u=133591&sid=fc1979d79719994682ea50654376319b" style="color: #2B42AF;" class="username-coloured">Scanialady</a><br> <strong>Zugriffe:</strong> 15800</p> <p class="article-description"><strong>Beschreibung:</strong> Styles sind runterladbare Pakete, die in dein phpBB Board installiert werden können, um die Optik und die Bedienung zu verändern.</p> <p class="article-categories"><strong>Kategorie:</strong> <a href="/kb/index?c=2&sid=fc1979d79719994682ea50654376319b">Installation und Update</a>, <a href="/kb/index?c=13&sid=fc1979d79719994682ea50654376319b">Styles und Templates</a></p> <div class="content"> <div class="codebox"> <p>Link zu diesem Artikel: <a href="#" onclick="selectCode(this); return false;">Alles auswählen</a></p> <code>[url=https://www.phpbb.de/kb/viewarticle?a=25&sid=fc1979d79719994682ea50654376319b]Knowledge Base - Einen Style installieren und benutzen[/url]</code> </div> <hr> Styles sind runterladbare Pakete, die in dein phpBB Board installiert werden können, um die Optik und die Bedienung zu verändern. In diesem Artikel werden wir dir erklären, wie du einen Style installieren und in deinem Board benutzen kann.<br> <div class="note note-red"><strong class="text-strong">Warnung:</strong> Dieser Artikel ist für phpBB ab 3.1 und höher. Es lässt sich nicht auf ältere Versionen von phpBB (wie 3.0) anwenden.</div> <h4><a name="styleanatomy"></a>Gliederung eines Styles</h4> Innerhalb deines phpBB Board Verzeichnisses befindet sich der Ordner <code class="inline">styles/</code>. Dies ist der Ort an dem alle Styles gespeichert werden und in den neue Styles hochgeladen werden. Jeder Style besitzt die gleiche Ordnerstruktur.<br> <br> phpBB 3.1x/3.2x/3.3.x Styles haben drei Hauptbereiche: <ul><li>Templates</li> <li>CSS- und Bild-Dateien</li> <li>config-Datei</li></ul> <h5>Template</h5> Template-Dateien sind die HTML-Dateien, die sich verantwortlich für das Layout eines Styles zeigen. Alle Template- und JavaScript-Dateien (welche zusätzliche Funktionen bereitstellen können) eines jeden Styles befinden sich im Ordner: <br> <code class="inline">phpBB/styles/<eigenerStyleName/template/</code><br> <h5>CSS- und Bild-Dateien</h5> CSS- und Bild-Dateien sind eine Kombination aus Farbschemen und Bildern, die die grundlegende Optik deines Boards definieren. Das schließt in der Regel CSS-Dateien (von denen die <code class="inline">stylesheet.css</code> die wichtigste ist) und anderen audio-visuellen Dateien mit ein. Diese Dateien befinden sich im Ordner:<br> <code class="inline">phpBB/styles/<eigenerStyleName>/theme/</code><br> <h5>Config-Datei</h5> Eine Config-Datei (<code class="inline">style.cfg</code>) enthält alle Meta-Informationen über einen Style sowie technische Anweisungen für dein phpBB Board. Diese Datei ist notwendig, ohne sie wird dein phpBB Board den Style nicht als solchen erkennen. Die Config-Datei befindet sich im Ordner:<br> <code class="inline">phpBB/styles/<eigenerStyleName>/style.cfg</code><br> <h4><a name="styleinstall"></a>Einen Style installieren</h4> <div class="note note-blue"><strong class="text-strong">Hinweis:</strong> Dieser Artikel geht davon aus, dass du phpBB 3.1.x/3.2.x/3.3.x korrekt installiert hast. Zusätzlich wird ein schreibender Zugang auf die Dateien des Servers (via FTP-Programm oder ähnlich) benötigt.</div> <h5>1. Einen Style auswählen</h5> Es wird empfohlen, Styles nur aus der <a href="https://www.phpbb.com/customise/db/styles-2" class="postlink">phpBB.com Customization Datenbank</a> runterzuladen, da dies eine vertrauenswürdige Quelle ist und alle Styles durch das Style-Team geprüft wurden. Alle Styles aus dieser Datenbank sollten bereit zum Hochladen in den Ordner <code class="inline">styles/</code> deines Boards sein. Sie müssen zur verwendeten phpBB-Version deines Boards passen.<br> <br> Zusätzlich kannst du Styles ausprobieren, die noch nicht offiziell geprüft wurden und sich teilweise noch in Entwicklung befinden (und sich deshalb noch nicht in der Datebank befinden). Diese Styles findest du auf phpBB.com im Forum <a href="https://www.phpbb.com/community/viewforum.php?f=80" class="postlink">Styles in Development</a> sowie auf phpBB.de im Forum: <a href="https://www.phpbb.de/community/viewforum.php?f=154" class="postlink">Styles in Entwicklung</a><br> <div class="note note-yellow"><strong class="text-strong">Info:</strong> Vergewissere dich, dass der Style, den du runtergeladen hast für <span style="text-decoration:underline">deine Version</span> von phpBB geeignet ist. Styles für phpBB 3.0.x sind mit Versionen von phpBB 3.1.x und höher <span style="text-decoration:underline">nicht</span> kompatibel und können deshalb nicht installiert werden. Auch ein Style für 3.1 passt nicht zu 3.2 und so weiter.</div> <h5>2. Runterladen und entpacken</h5> Sobald du den Style runtergeladen hast, musst du den Style zunächst entpacken. Normalerweise sind Styles in einem Format wie "zip" komprimiert.<br> <br> Um in Windows eine "zip" zu entpacken, musst du sie nur per Doppelklick im Windows Explorer auswählen. Fahrefort in dem du auf "Alle Dateien extrahieren" unter der Adresszeile in Windows Vista, 7 und 8 klickst (unter dem Datei Menü in Windows XP) des Explorer Fensters, und dort den Anweisungen folgst. <br> <br> Auf dem Mac werden gezippte Dateien automatisch von Safari entpackt (dieses Verhalten kann im Safari in den Einstellungen verändert werden) und durch die Download-Liste aufgerufen werden.<br> <br> Vergewissere dich, dass der Style alle notwendigen Ordner und Dateien besitzt, die wir in <a href="https://www.phpbb.de/kb/install31style#styleanatomy" class="postlink">Gliederung eines Styles</a> beschrieben haben.<br> <h5>3. Style in dein Board hochladen</h5> Um die Dateien hochladen zu können, musst du ein FTP-Programm deiner Wahl (z.B. FileZilla, CuteFTP, SmartFTP, usw. - auch manche Internet Browser haben eine FTP-Funktion) öffnen, und dich mit deinem Hosting-Account auf deinem Server anmelden. <br> <br> Lade dann deine Style-Dateien (das komplette Verzeichnis) in den Ordner <code class="inline">styles/</code> innerhalb deines phpBB Hauptverzeichnisses hoch. Zur Kontrolle kannst du schauen, ob sich die <code class="inline">style.cfg</code> am korrekten Ort befindet:<br> <code class="inline">phpBB/styles/<eigenerStyleName>/style.cfg</code><br> <h5>4. Installation</h5> Wenn der Style komplett hochgeladen wurde, musst du in deinem phpBB Board in den Administrations-Bereich gehen. <br> Dort zu: <strong class="text-strong">Tab: Anpassen > Style-Verwaltung > Styles installieren</strong><br> <br> Du sollst deinen eben hochgeladenen Style in der Liste der Styles sehen, die du installieren kannst (davon ausgehend, dass du alles richtig gemacht hast und der Style korrekt funktioniert), erscheint in der Spalte "Vorgänge" "Style installieren". Einfach diesen Link anklicken, danach ist die Installation vollständig.<br> <div class="note note-yellow"><strong class="text-strong">Info:</strong> Wenn dein neuer Style die Template-Vererbung (eine Methode mit der Style-Autoren auf der Basis eines anderen Styles erstellen können) nutzt, musst du sicher stellen, dass du den Basisstyle zuerst installierst. phpBB wird die Installation eines Styles ablehnen, wenn der Basisstyle fehlt.</div> <h4><a name="stylemanage"></a>Styles verwalten</h4> Viele Styles haben als Basis einen anderen Style (wie z. B. prosilver), da das Erstellen eines neuen Styles völlig ohne Grundlage ein sehr zeitzehrendes Unterfangen ist. Template-Vererbung ist schon seit langem ein Teil von phpBB 3 und du wirst ihm spätestens jetzt begegnen. <br> <br> Du kannst die Beziehung und Hierarchie (Kind-/Basisstyle) deiner installierten Styles sehen, wenn du auf der Seite "Style-Verwaltung" im Administrations-Bereich bist.<br> Es könnte solch eine Beziehung geben: <div class="codebox"><p>Code: <a href="#" onclick="selectCode(this); return false;">Alles auswählen</a></p><pre><code>prosilver prosilver Special Edition prosilver SE Red Edition prosilver SE Gold Edition newstyle pro newstyle ultra newstyle ultra-black newstyle mono </code></pre></div> Obwohl es theoretisch möglich wäre die Hierarchie der Vererbung zu verändern, wird es vermutlich für sehr viele Probleme sorgen und deshalb raten wir davon ab. Die Styles erkennen automatisch welche anderen Styles sie als Basisstyle benötigen. Deshalb ist es das Beste dort nicht einzugreifen. <br> <h5>Standard Style-Einstellungen</h5> Für gewöhnlich sind die Benutzer deines Boards in der Lage zwischen verschiedenen Styles nach ihren Bedürfnissen zu wählen (im Persönlichem Bereich). Allerdings gibt es trotzdem einige Funktionen, mit denen Administratoren in die Verwendung der Styles durch die Benutzer eingreifen können. Diese Einstellungen können verändert werden. Dazu muss im Administrations-Bereich > Tab: Allgemein > Board-Konfiguration > Board-Einstellungen aufgerufen werden. <ul><li><strong class="text-strong">Standard-Style:</strong> der dort ausgewählte Style ist der Standard-Style für registrierte Benutzer (bis sie den Style in ihreren Board-Einstellungen im Persönlichem Bereich verändern)</li> <li><strong class="text-strong">Style für Gäste:</strong> Der dort ausgewählte Style ist der Standard-Style für alle unregistrierten Besucher (Gäste)</li> <li><strong class="text-strong">Benutzer-Style überschreiben:</strong> Diese Einstellung zwingt die Benutzer (und Gäste) dazu den Standard-Style zu verwenden, ungeachtet welche Einstellung sie im Persönlichem Bereich vorgenommen haben</li></ul> <h4><a name="styleedit"></a>Styles verändern</h4> <div class="note note-red"><strong class="text-strong">Warnung:</strong> Einen Style zu verändern ist keine triviale Angelegenheit. Solange du keine grundlegenden Kenntnisse von HTML und CSS besitzt und weißt was du tust, empfehlen wir den Style nicht selbst zu verändern.</div> <div class="note note-yellow"><strong class="text-strong">Info:</strong> Informiere dich immer, ob es für deine gewünschten Änderungen eine Erweiterung (Extension) gibt, die deine Anpassungen vornimmt. Erst wenn das nicht möglich ist, solltest du Veränderungen am Style vornehmen.</div> Wie bereits im Abschnitt <a href="https://www.phpbb.de/kb/install31style#styleanatomy" class="postlink">Gliederung eines Styles</a> erwähnt, besteht ein Style aus mehreren Teilen. Welche Dateien du bearbeiten musst (Template oder Theme) hängt davon ab, welche Anpassungen du vornehmen willst. <br> <br> Da es normalerweise nicht möglich ist Dateien direkt auf dem Server zu bearbeiten, musst du die Anpassungen in deiner "lokalen" Kopie (auf deinem Computer) des Styles vornehmen. In der Regel hat es sich bewährt eine lokale Kopie deines kompletten Boards zu besitzen, so kannst du Änderungen erst ausprobieren, bevor du sie zu deinem "Live"-Board hochlädst.<br> <br> Auf jeden Fall musst du eine lokale Kopie deines Styles besitzen. Entweder indem du die Style-Dateien deines Boards (z. B. via FTP) runterlädst oder in dem du die Dateien deines runtergeladenen Styles bearbeitest (den du von der <a href="https://www.phpbb.com/customise/db/styles-2" class="postlink">Style-Datenbank</a> runtergeladen hast). <br> <div class="note note-blue"><strong class="text-strong">Hinweis:</strong> Dieser Artikel betrachtet nur einige Grundlagen (für unerfahrene Benutzer). Für detailiertere Informationen, schau dir bitte den Artikel <a href="https://www.phpbb.de/kb/viewarticle?a=26" class="postlink">Knowledge Base - Einen Style für phpBB 3.2/3.3 modifizieren und erstellen</a>.</div> <div class="note note-green"><strong class="text-strong">Profi-Tipp:</strong> Wenn du Änderungen an deinem Style machen willst, empfehlen wir einen Kind-Style auf Basis deines aktuellen Styles anzufertigen. Lies unseren Artikel <a href="https://www.phpbb.de/kb/viewarticle?a=26" class="postlink">Knowledge Base - Einen Style für phpBB 3.2/3.3 modifizieren und erstellen</a> für weitere Informationen.</div> <h5>Vorbereitungen</h5> Um Webdateien (wie .html, .css, usw.) bearbeiten zu können, benötigst du einen Text-Editor. Du kannst jeden Text-Editor wählen, den du willst. Allerdings haben manche besondere Funktionen, die dir das Leben erheblich erleichtern. <a href="http://notepad-plus-plus.org/download/" class="postlink">Notepad++</a> ist z. B. ein guter Text-Editor mit Syntax-Hervorhebung. <br> <br> Andere Software, die dir hilft, sind Entwickler-Tools für deinen Browser. Wenn du einen modernen Browser benutzt, kannst du diese Tools per Taste F12 aufrufen. Diese Funktionen sind wertvoll und nützlich, wenn du Änderungen an deinem Style vornehmen willst und unentbehrlich, wenn du Fehler suchst. Das Addon "Firebug" ist für Browser wie Firefox und Chrome sehr zu empfehlen. <br> <h5>Ändern des Template</h5> Du kannst so gut wie alles zum Template ergänzen (wenn du die Fähigkeiten besitzt). Alle verschiedenen Aspekte des Template-Systems abzudecken übersteigt den Umfang und die Tiefe dieses Artikels. Deshalb werden hier nur ein paar Dateien, die Benutzer am häufigsten verändern möchten, und Template-Grundlagen vorgestellt.<br> <br> Diese Liste bezieht sich auf Template-Dateien, wie sie in <strong class="text-strong">prosilver</strong> (3.1.x) verwendet werden, doch viele Styles haben eine sehr ähnliche oder die gleiche Struktur.<br> <ul><li><strong class="text-strong">template/overall_header.html:</strong> ist vermutlich die wichtigste Template-Datei. Sie kontrolliert den Kopf jeder Seite und das <code class="inline"><head></code>-Element.</li> <li><code class="inline">template/overall_footer.html</code>: bestimmt den "Fuß" jeder Seite</li> <li><code class="inline">template/navbar_header.html</code>: bestimmt die Hauptnavigations-Elemente im "Kopf" der Seite</li> <li><code class="inline">template/navbar_footer.html</code>: bestimmt die Hauptnavigations-Elemente im "Fuß" der Seite</li> <li><code class="inline">template/index_body.html</code>: bestimmt die Struktur der Foren-Übersicht</li> <li><code class="inline">template/viewforum_body.html</code>: bestimmt die Struktur der Foren-Ansicht</li> <li><code class="inline">template/viewtopic_body.html</code>: bestimmt die Struktur der Themen-Ansicht</li></ul> Für weitere Information, wie die verschiedenen Template-Tags und -Conditionals verwendet werden können, empfehlen wir einen Blick in unser Development Wiki zu werfen. Im Moment gibt es keine speziellen Seiten für phpBB 3.1.x Styles, aber ein paar Seiten sind trotzdem zu empfehlen: <ul><li><a href="https://area51.phpbb.com/docs/dev/master/extensions/tutorial_templates.html" class="postlink">Template Syntax Tutorial</a>(englisch)</li> <li><a href="https://area51.phpbb.com/docs/dev/master/extensions/tutorial_templates.html#variables" class="postlink">Katalog der verfügbaren Template Variablen</a> (englisch)</li></ul> <div class="note note-blue"><strong class="text-strong">Hinweis:</strong> Die phpBB Template-Engine muss die Template-Dateien verarbeiten, bevor es sie darstellen kann. Das ist ein ressourcenintensiver Prozess, deshalb werden die Seiten im "Cache" für einen schnellen Zugriff zwischen gespeichert. Wenn du Änderungen an den Template-Dateien machst, musst du danach den Cache leeren (sonst werden deine Änderungen nicht sichtbar sein). Der Cache kann im Administrations-Bereich auf im Tab "Allgemein" geleert werden.</div> <h5>Ändern des Theme</h5> Das Theme ist der kreative Teil des Styles. Änderungen an den CSS-Dateien im Ordner <code class="inline">theme/</code> können weitreichende Effekte bewirken. Die meisten Anwender wollen nur ein paar Farben, Bilder, Schriften und Textgrößen ändern. An dieser Stelle kann ein guter Text-Editor viel Zeit sparen (z.B. wenn er dich optisch auf Syntax- und andere Fehler hinweist).<br> <br> Benutzer wissen oft genau, was sie verändern möchten, aber nicht welche Datei und welche Zeile genau sie verändern müssen. Das ist der Punkt an dem die Entwickler-Tools (F12) ins Spiel kommen. Die Tools unterscheiden sich von Browser zu Browser, diese <a href="https://developer.chrome.com/docs/devtools?hl=de#styles" class="postlink">Anleitung</a> für die Entwickler-Tools von Google Chrome sollte alles notwendige erklären und lässt sich analog in anderen Browsern anwenden. <br> <br> Sobald du die passende CSS-Regel oder Klasse ausfindig gemacht hast, die zu dem Element gehört, das du verändern willst, musst du nur in den CSS-Dateien des Styles nach dem entsprechendem Klassenamen suchen. Manche Text-Editoren können in allen Dateien gleichzeitig suchen. Sobald die Änderung vorgenommen wurde, muss die Datei gespeichert und hochgeladen werden. <br> <div class="note note-blue"><strong class="text-strong">Hinweis:</strong> Alte Eigenschaften und Regeln von CSS-Dateien bleiben manchmal im Cache deines Browser, so siehst du die vorgenommen Änderungen nicht an deiner Website. Mit einem "hard-refresh" kannst du das Problem beheben. Normalerweise funktioniert das in deinem Browser mit der Tastenkombination <strong class="text-strong">STRG + F5</strong>.</div> <h4><a name="updatingstyle"></a>Einen Style aktualisieren</h4> Styles können ohne Vorbereitung aktualisiert werden. Alles was du machen musst, ist: alle neuen Dateien in den gleichen Ordner wie der alte Style hochladen und dich dabei vergewissern, dass du alle Dateien überschreibst.<br> <br> Danach einfach im Administrations-Bereich in den Tab: Allgemein den "Cache leeren".<br> <div class="note note-red"><strong class="text-strong">Warnung:</strong> Wenn du Änderungen an deinem Style vorgenommen hast, wirst du bei einem Update alle Änderungen verlieren. Deshalb muss vor dem Aktualisieren des Style ein Backup der alten Dateien angefertigt werden. Nach dem Update des Styles kannst du deine Änderungen erneut an den neuen Dateien durchführen.</div> <h4><a name="removestyle"></a>Einen Style deinstallieren</h4> Manchmal ist es notwendig einen Style zu entfernen. phpBB gibt dir die Möglichkeit einen Style entweder zu deaktivieren oder dauerhaft von deinem Board zu deinstallieren. <br> <h5>1. Deaktivieren</h5> Einen Style zu deaktivieren bedeutet ihn quasi auszuschalten und vor deinem Board zu verstecken. Alle Dateien des Styles bleiben genauso auf dem Server erhalten wie Einträge in der Datenbank. So kann der Style ohne ursprünglich vorgenommene Einstellungen reaktiviert werden. Um einen Style zu deaktivieren, muss der Link "Deaktivieren" unter "Tab: Anpassen > Style-Verwaltung > Styles" betätigt werden.<br> <h5>2. Deinstallieren</h5> Um einen Style zu deinstallieren, muss der Link "Deinstallieren" unter "Tab: Anpassen > Style-Verwaltung > Styles" geklickt werden. Das wird den Style von deinem Board entfernen und auch alle Datenbank-Einträge, die zu dem Style gehören. Du bekommst eine Option angezeigt, die es dir ermöglicht den Style vom Dateisystem zu löschen. <br> <div class="note note-red"><strong class="text-strong">Warnung:</strong> Bitte sei vorsichtig, wenn du die Funktion "Vom Dateisystem löschen" verwendest. Diese Funktion ist permanent und <span style="text-decoration:underline">kann nicht</span> rückgängig gemacht werden. Du musst die Dateien des Styles erneut hochladen, bevor du ihn erneut benutzen kannst.</div> </div> </div> </div> </div> </div> </div> </div> <div id="page-footer" class="page-footer" role="contentinfo"> <div class="navbar" role="navigation"> <div class="inner"> <ul id="nav-footer" class="nav-footer linklist" role="menubar"> <li class="breadcrumbs"> <span class="crumb"><a href="./../" data-navbar-reference="home"><i class="icon fa-home fa-fw" aria-hidden="true"></i><span>Startseite</span></a></span> <span class="crumb"><a href="./../community/index.php?sid=fc1979d79719994682ea50654376319b" data-navbar-reference="index"><span>Community</span></a></span> </li> <li class="rightside">Alle Zeiten sind <span title="Europa/Berlin">UTC+01:00</span></li> <li class="rightside"> <a href="/user/delete_cookies?sid=fc1979d79719994682ea50654376319b" data-ajax="true" data-refresh="true" role="menuitem"> <i class="icon fa-trash fa-fw" aria-hidden="true"></i><span>Alle Cookies löschen</span> </a> </li> <li class="rightside" data-last-responsive="true"> <a href="./../phpbbde/impressum/?sid=fc1979d79719994682ea50654376319b" role="menuitem"> <i class="icon fa-info-circle fa-fw" aria-hidden="true"></i><span>Impressum </span> </a> </li> <li class="rightside" data-last-responsive="true"> <a href="./../phpbbde/team/?sid=fc1979d79719994682ea50654376319b" role="menuitem"> <i class="icon fa-shield fa-fw" aria-hidden="true"></i><span>Das Team</span> </a> </li> <li class="rightside" data-last-responsive="true"> <a href="/contactadmin?sid=fc1979d79719994682ea50654376319b" role="menuitem"> <i class="icon fa-envelope fa-fw" aria-hidden="true"></i><span>Kontakt</span> </a> </li> </ul> </div> </div> <div class="copyright"> <p class="footer-row"> <span class="footer-copyright">Powered by <a href="https://www.phpbb.com/">phpBB</a>® Forum Software © phpBB Limited</span> </p> <p class="footer-row"> <span class="footer-copyright">Deutsche Übersetzung durch <a href="https://www.phpbb.de/">phpBB.de</a></span> </p> <p class="footer-row" role="menu"> <a class="footer-link" href="./../community/ucp.php?mode=privacy&sid=fc1979d79719994682ea50654376319b" title="Datenschutz" role="menuitem"> <span class="footer-link-text">Datenschutz</span> </a> | <a class="footer-link" href="./../community/ucp.php?mode=terms&sid=fc1979d79719994682ea50654376319b" title="Nutzungsbedingungen" role="menuitem"> <span class="footer-link-text">Nutzungsbedingungen</span> </a> </p> <div class="sponsor-logo"> <a href="https://linevast.de/" rel="nofollow">hosted by Linevast.de <br> <img src="./../community/styles/phpBBdev1/theme/images/linevast.png" alt="Linevast.de" height="63" width="257"> </a> </div> </div> <div id="darkenwrapper" class="darkenwrapper" data-ajax-error-title="AJAX-Fehler" data-ajax-error-text="Bei der Verarbeitung deiner Anfrage ist ein Fehler aufgetreten." data-ajax-error-text-abort="Der Benutzer hat die Anfrage abgebrochen." data-ajax-error-text-timeout="Bei deiner Anfrage ist eine Zeitüberschreitung aufgetreten. Bitte versuche es erneut." data-ajax-error-text-parsererror="Bei deiner Anfrage ist etwas falsch gelaufen und der Server hat eine ungültige Antwort zurückgegeben."> <div id="darken" class="darken"> </div> </div> <div id="phpbb_alert" class="phpbb_alert" data-l-err="Fehler" data-l-timeout-processing-req="Bei der Anfrage ist eine Zeitüberschreitung aufgetreten."> <a href="#" class="alert_close"> <i class="icon fa-times-circle fa-fw" aria-hidden="true"></i> </a> <h3 class="alert_title"> </h3><p class="alert_text"></p> </div> <div id="phpbb_confirm" class="phpbb_alert"> <a href="#" class="alert_close"> <i class="icon fa-times-circle fa-fw" aria-hidden="true"></i> </a> <div class="alert_text"></div> </div> </div> </div> <div> <a id="bottom" class="anchor" accesskey="z"></a> </div> <script src="./../community/assets/javascript/jquery-3.7.1.min.js?assets_version=280"></script> <script src="./../community/assets/javascript/core.js?assets_version=280"></script> <script src="./../community/styles/phpBBdev1/template/forum_fn.js?assets_version=280"></script> <script src="./../community/styles/phpBBdev1/template/ajax.js?assets_version=280"></script> <script src="./../community/styles/phpBBdev1/template/phpbbde_navi.js?assets_version=280"></script> <script>(function(a){if(a.getElementsByTagName("pre").length){var c=a.getElementsByTagName("head")[0],b=a.createElement("script");a=a.createElement("link");b.type="text/javascript";b.onload=function(){hljs.initHighlighting()};b.async=!0;b.src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js";c.appendChild(b);a.type="text/css";a.rel="stylesheet";a.href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/github-gist.min.css";c.appendChild(a)}})(document)</script> </body> </html>