3.2.0 Pages - Backround wie in ul.forums
Forumsregeln
Bei Fragen zu einer bestimmten Extension sind Extension-Name und die Downloadquelle der Extension erforderlich. Letztere in Form der URL zum Download.
Bei Fragen zu einer bestimmten Extension sind Extension-Name und die Downloadquelle der Extension erforderlich. Letztere in Form der URL zum Download.
- Tastenplayer
- Mitglied
- Beiträge: 2054
- Registriert: 02.07.2010 19:35
- Wohnort: Zuchwil/SO - Schweiz
- Kontaktdaten:
Re: 3.2.0 Pages - Backround wie in ul.forums
Ja hat funktioniert mit dem Entfernen des div das zu viel war In allen Styles korrekte Anzeige.
Betreffend diesem Vorschlag von Dir viewtopic.php?p=1369948#p1369948
Es geht nicht, denn es werden beide Farben aufgeführt - die vom Copyright(habe allerdings das jetzt wieder in rules abgeändert). sowie die Farbe aus der pages_mytaste.css.
Wenn ich dann im Firefox den Haken bei den Farben von div.rules entferne wird erst die Farbe der pages_mytaste.css angezeigt.
Könnte immerhin diese hellere Farbe mal in div rules einfügen!
Betreffend diesem Vorschlag von Dir viewtopic.php?p=1369948#p1369948
Es geht nicht, denn es werden beide Farben aufgeführt - die vom Copyright(habe allerdings das jetzt wieder in rules abgeändert). sowie die Farbe aus der pages_mytaste.css.
Wenn ich dann im Firefox den Haken bei den Farben von div.rules entferne wird erst die Farbe der pages_mytaste.css angezeigt.
Könnte immerhin diese hellere Farbe mal in div rules einfügen!
Meine phpBB Styles & More •
Be the best version of yourself rather than a bad copy of someone else!
Be the best version of yourself rather than a bad copy of someone else!
Re: 3.2.0 Pages - Backround wie in ul.forums
Dann generiere doch deine eigene Klasse und passe die css für deine Styles an.
- Tastenplayer
- Mitglied
- Beiträge: 2054
- Registriert: 02.07.2010 19:35
- Wohnort: Zuchwil/SO - Schweiz
- Kontaktdaten:
Re: 3.2.0 Pages - Backround wie in ul.forums
Was glaubst Du, was ich die ganze Zeit versuchte und versucheKirk hat geschrieben:Dann generiere doch deine eigene Klasse und passe die css für deine Styles an.
Müsste ja irgendwie gehen zBsp. eine Seite mit rotem Hintergrund die dann in allen Styles rot angezeigt wird. Hab schon ein paar graue Haare mehr.
Egal habe jetzt neues Farbbild für div.rules gesetzt - jetzt ist es ganz okay.
Meine phpBB Styles & More •
Be the best version of yourself rather than a bad copy of someone else!
Be the best version of yourself rather than a bad copy of someone else!
Re: 3.2.0 Pages - Backround wie in ul.forums
Wenn du diesen Beitrag als Beispiel nimmst und das hier
Edit:
Probier mal folgendes:
Ersetze den gesammten Code deiner
Wenn du möchtest kannst du ja noch ein
<div class="copyright mytaste">
so umänderst <div class="mytaste">
, die Farben in der css anpasst bekommst du einen roten Hintergrund.Edit:
Probier mal folgendes:
Ersetze den gesammten Code deiner
pages_mytaste.html
damit:
Code: Alles auswählen
<!-- INCLUDECSS @phpbb_pages/pages_controller.css -->
<!-- INCLUDECSS @phpbb_pages/pages_mytaste.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="mytaste">
<div class="content pages-content">{PAGE_CONTENT}</div>
</li>
</ul>
</div>
</div>
<!-- INCLUDE overall_footer.html -->
pages_mytaste.css
Code: Alles auswählen
.mytaste {
padding-top: 15px;
}
background-color
hinzufügen.- Tastenplayer
- Mitglied
- Beiträge: 2054
- Registriert: 02.07.2010 19:35
- Wohnort: Zuchwil/SO - Schweiz
- Kontaktdaten:
Re: 3.2.0 Pages - Backround wie in ul.forums
Vielen Dank Kirk für Deine Hilfe - versuch ich morgen mal!
Hier ein extrem Beispiel der Farbgebung [ externes Bild ]
Entstanden mit diesem Bild [ externes Bild ]
Aus diesem Generator http://www.colorzilla.com/gradient-editor/
Hier ein extrem Beispiel der Farbgebung [ externes Bild ]
Entstanden mit diesem Bild [ externes Bild ]
Aus diesem Generator http://www.colorzilla.com/gradient-editor/
Meine phpBB Styles & More •
Be the best version of yourself rather than a bad copy of someone else!
Be the best version of yourself rather than a bad copy of someone else!
- Tastenplayer
- Mitglied
- Beiträge: 2054
- Registriert: 02.07.2010 19:35
- Wohnort: Zuchwil/SO - Schweiz
- Kontaktdaten:
Re: 3.2.0 Pages - Backround wie in ul.forums
pages angepasst an phpbb 3.2.1 sowie pages 2.0.1Kirk hat geschrieben:Wenn du diesen Beitrag als Beispiel nimmst und das hier
<div class="copyright mytaste">
so umänderst<div class="mytaste">
, die Farben in der css anpasst bekommst du einen roten Hintergrund.
Edit:
Probier mal folgendes:
Ersetze den gesammten Code deinerpages_mytaste.html
damit:Code: Alles auswählen
{% INCLUDECSS '@phpbb_pages/pages_controller.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="mytaste"> <div class="content pages-content">{PAGE_CONTENT}</div> </li> </ul> </div> </div> {% include 'overall_footer.html' %}
pages_mytaste.css
Wenn du möchtest kannst du ja noch einCode: Alles auswählen
.mytaste { padding-top: 15px; }
background-color
hinzufügen.
In meiner Variante oben sieht es nicht schlecht aus. Dein Vorschlag unten wäre super - jedoch die css scheint bei mir nicht zu greifen. umgenannt in keyboard - jedoch Beschreibung kommt zu weit rauf und Schrift rechts bis in den Boarder.
[ externes Bild ]
Jetzt wo ich den Code von Kirk an die neue pages Version angepasst habe - habe ich erst gesehen, dass ich
Code: Alles auswählen
{% INCLUDECSS '@phpbb_pages/pages_keyboard.css' %}
Fehler behoben, pages_keyboard.css angepasst:
Code: Alles auswählen
{% INCLUDECSS '@phpbb_pages/pages_controller.css' %}
{% INCLUDECSS '@phpbb_pages/pages_keyboard.css' %}
{% include 'overall_header.html' %}
Code: Alles auswählen
.keyboard{
padding-top: 13px;
}
.pages-content {
font-size: 1.3em;
line-height: 1.3em;
margin-left: 12px;
margin-right: 11px;
padding-top: 10px;
padding-bottom: 9px;
}
li.header {
padding-left: 7px;
font-size: 13px;
}
Rot ist bis jetzt bei mir nie eine Seite geworden - vermutlich hatte ich da auch versäumt die css. einzubauen.
Ist endlich on die pages_red
[ externes Bild ]
die pages_red.html
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_red.css' %}
{% include 'overall_header.html' %}
<div class="content pages-content">
{{ PAGE_CONTENT }}
</div>
{% EVENT phpbb_pages_after_page_content %}
{% include 'overall_footer.html' %}
Code: Alles auswählen
.red{
padding-top: 13px;
}
.pages-content {
font-size: 1.3em;
line-height: 1.3em;
margin-left: 1px;
background-color: #C60000;
color: #f1f1f1;
border: 5px solid #000000;
border-radius: 8px;
margin-bottom: 8px;
padding-left: 5px;
padding-right: 5px;
}
Meine phpBB Styles & More •
Be the best version of yourself rather than a bad copy of someone else!
Be the best version of yourself rather than a bad copy of someone else!
- Tastenplayer
- Mitglied
- Beiträge: 2054
- Registriert: 02.07.2010 19:35
- Wohnort: Zuchwil/SO - Schweiz
- Kontaktdaten:
Re: 3.2.1 Pages - Background wie in ul.forums
Heute auch noch herausgefunden wie ich 4 einfache Kolonnen in pages erstellen kann.
Klar die Gestaltungsmöglichkeiten sind begrenzt, denn es muss in jeder Kolonne ungefähr gleich viel Inhalt sein. Ansonsten wird es dann in den nächsten Kolonnen verschoben.
Ja und schon hat man, dank Kirks Hilfe wieder einen Smarten Radio im Forum und nicht eine ganze Seite, wie meine erste Variante mit der konvertierten pdf zu html(An die Möglichkeit mit Pages hatte ich doch überhaupt nicht gedacht ). Das ist wirklich eine super Sache - die vielseitigste Ext.
(Ob es in 3.2.0 so auch funktionieren würde weiss ich nicht - Titel ist ja nun mal 3.2.0 Pages. In 3.2.1 scheint es zu klappen.
[ externes Bild ]
Allerdings, wenn man den Titel mittig möchte muss man schon etwas spielen. Genauso mit dem Inhalt. Egal was man in die Kolonnen einfügen möchte.
Man kann natürlich auch noch Umbrüche für die Kolonnen festlegen - soweit bin ich noch nicht gekommen.
Siehe hier: http://t3n.de/news/css3-texte-einfach-m ... ig-334072/
Klar die Gestaltungsmöglichkeiten sind begrenzt, denn es muss in jeder Kolonne ungefähr gleich viel Inhalt sein. Ansonsten wird es dann in den nächsten Kolonnen verschoben.
Ja und schon hat man, dank Kirks Hilfe wieder einen Smarten Radio im Forum und nicht eine ganze Seite, wie meine erste Variante mit der konvertierten pdf zu html(An die Möglichkeit mit Pages hatte ich doch überhaupt nicht gedacht ). Das ist wirklich eine super Sache - die vielseitigste Ext.
(Ob es in 3.2.0 so auch funktionieren würde weiss ich nicht - Titel ist ja nun mal 3.2.0 Pages. In 3.2.1 scheint es zu klappen.
[ externes Bild ]
Allerdings, wenn man den Titel mittig möchte muss man schon etwas spielen. Genauso mit dem Inhalt. Egal was man in die Kolonnen einfügen möchte.
Code: Alles auswählen
.keyboard{
padding-top: 11px;
}
.pages-content {
font-size: 1.3em;
font-weight: bolder;
font-family: "Arial Black", sans-serif;
line-height: 1em !important;
padding-top: 10px;
padding-bottom: 10px;
width: 100%;
column-count: 4;
column-rule-color: #333333;
column-rule-width: 5px;
column-rule-style: solid;
}
li.header {
padding-left: 7px;
padding-bottom: 2px;
font-size: 13px;
text-align: right;
padding-right: 45px;
}
Siehe hier: http://t3n.de/news/css3-texte-einfach-m ... ig-334072/
Meine phpBB Styles & More •
Be the best version of yourself rather than a bad copy of someone else!
Be the best version of yourself rather than a bad copy of someone else!