Links in demo updated - Radio in all styles adapted
-----

Pages Kirk - Formatiert wie Forabg

Gesperrt
Forum Member
Site Admin
Beiträge: 649
Registriert: 3. Apr 2019, 17:36
Vorname: Jutta
Dein Land: Schweiz
Wohnort: Zuchwil / SO
Kontaktdaten:

Pages Kirk - Formatiert wie Forabg

Beitrag von Forum Member » 20. Mai 2019, 08:59

Erstelle in Extension - phpbb - Styles - Prosilver - Templates
eine

Code: Alles auswählen

pages_kirk.css
Füge folgenden Inhalt ein:

Code: Alles auswählen

.kirk{
	padding-top: 11px;    
}

.pages-content {
	font-size: 1.1em;
	font-weight: bold;
	font-family: "Arial Black", sans-serif;
	line-height: 1.9em !important;
	padding-top: 10px;
	padding-bottom: 10px;
}

li.header {
	text-align: right;
	padding-right: 65px;
}

/* Responsive Design
---------------------------------------- */
@media screen (max-width: 320px) {pages-content {width: 290px;}
 } 
Erstelle in Extension - phpbb - Styles - Prosilver - Templates
eine

Code: Alles auswählen

pages_kirk_html
Füge folgenden Inhalt ein:

Code: Alles auswählen

{# Use the space below to include external CSS and JS files
# Here are some example usages:
#
# local files relative to this template file (when stored inside phpBB's style directories):
# {% INCLUDEJS 'script.js' %}
# {% INCLUDECSS 'style.css' %}
#
# local files stored inside the Pages extension:
# {% INCLUDEJS '@phpbb_pages/script.js' %}
# {% INCLUDECSS '@phpbb_pages/style.cs's %}
#
# hosted on external sites:
# {% INCLUDEJS 'http://code.jquery.com/jquery-migrate-1.2.1.min.js' %}
# {% INCLUDECSS 'https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css' %}
#
#}

{% INCLUDECSS '@phpbb_pages/pages_controller.css' %}
{% INCLUDECSS '@phpbb_pages/pages_kirk.css' %}
{% include 'overall_header.html' %}

<div class="forabg">
      <div class="inner">
      <ul class="topiclist">
         <li class="header">
            <dl class="row-item">
               <dt><div class="list-inner">{PAGE_TITLE}</div></dt>
               <dd></dd>
            </dl>
         </li>
      </ul>
         <ul class="topiclist forums">
            <li class="kirk">
               <div class="content pages-content">{PAGE_CONTENT}</div>
            </li>
         </ul>
      </div>
   </div>

{% include 'overall_footer.html' %}
Jetzt kannst Du im ACP die pages kirk Vorlage auswählen und eine Seite erstellen die zu Deinem Forum passt - respektive aussieht wie Dein Forabg.

DEMO

Gesperrt

Zurück zu „Background & More for Pages“