Not logged in. · Lost password · Register
Forum: Non-English Discussion German discussion RSS
Seitenbreite mit Template: Bootstrap3
Avatar
michiSC783 #1
Member since Dec 2016 · 1 post
Group memberships: Members
Show profile · Link to this post
Subject: Seitenbreite mit Template: Bootstrap3
Hallo und guten Morgen,

ich habe mir gestern das Templet Bootstrap3 für mein DokuWiki ausgesucht.
Leider ist der Platz in der Breite sehr schmal, mein Indexmenue passt nicht ganz drauf.

Bei dem Original DokuWiki template konnte ich das einstellen. Bei Bootstrap3 nicht mehr.
Ich habe schon im WWW gesucht und da sollte man die Datei

lib/tpl/bootstrap3/style.ini bearbeiten.

Das habe ich auch gemacht, hier mal meine Datei.

; Please see http://www.php.net/manual/en/function.parse-ini-file.php
; for limitations of the ini format used here

; To extend this file or make changes to it, it is recommended to create
; a local conf/tpl/<template-folder-name>/style.ini file to prevent losing
; any changes after an upgrade.
; Please don't forget to copy the section your changes should be under
; (i.e. [stylesheets] or [replacements]) into that file as well.

; Define the stylesheets your template uses here. The second value
; defines for which output media the style should be loaded. Currently
; print, screen and all are supported.
; You can reference CSS and LESS files here. Files referenced here will
; be checked for updates when considering a cache rebuild while files
; included through LESS' @import statements are not

[stylesheets]
../dokuwiki/css/_media_popup.css      = screen
../dokuwiki/css/_media_fullscreen.css = screen
../dokuwiki/css/_fileuploader.css     = screen
../dokuwiki/css/_links.css            = screen
../dokuwiki/css/_search.css           = screen
../dokuwiki/css/_edit.css             = screen
../dokuwiki/css/_modal.css            = screen
../dokuwiki/css/_forms.css            = screen
../dokuwiki/css/_admin.css            = screen

css/style.less                        = all
css/print.less                        = print

; This section is used to configure some placeholder values used in
; the stylesheets. Changing this file is the simplest method to
; give your wiki a new look.
; Placeholders defined here will also be made available as LESS variables
; (with surrounding underscores removed, and the prefix @ini_ added)

[replacements]

;--------------------------------------------------------------------------
;------ guaranteed dokuwiki color placeholders that every plugin can use

; main text and background colors
__text__           = "#333"             ; @ini_text
__background__     = "#fff"             ; @ini_background
; alternative text and background colors
__text_alt__       = "#999"             ; @ini_text_alt
__background_alt__ = "#eee"             ; @ini_background_alt
; neutral text and background colors
__text_neu__       = "#666"             ; @ini_text_neu
__background_neu__ = "#ddd"             ; @ini_background_neu
; border color
__border__         = "#ccc"             ; @ini_border

; highlighted text (e.g. search snippets)
__highlight__      = "#ff9"             ; @ini_highlight

;--------------------------------------------------------------------------



__background_site__ = "#fbfaf9"         ; @ini_background_site


; site and sidebar widths
__site_width__      = "75em"            ; @ini_site_width
__sidebar_width__   = "16em"            ; @ini_sidebar_width

; these are used for links
__existing__       = "#090"             ; @ini_existing
__missing__        = "#f30"             ; @ini_missing

Dort habe ich die folgenden Zeilen eingefügt

; site and sidebar widths
__site_width__      = "75em"            ; @ini_site_width
__sidebar_width__   = "16em"            ; @ini_sidebar_width

Das sind die Einstellungen von dem original Template und da funktioniert das. Ich war auch schon in den Admineinstellungen -> Einstellungen fürs Template-Design

Dort sieht es jetzt so aus....
[Image: http://img5.fotos-hochladen.net/uploads/bootstap3admin6gloa4f9p0.png]

Auch wenn ich diese Werte verändere hat das keine Auswirkung auf die breite der Seite.

Hat einer eine Lösung.... Sage schon mal vielen Dank für eure Hilfe.
Avatar
moz #2
Member since Jan 2014 · 166 posts · Location: Titz
Group memberships: Members
Show profile · Link to this post
Du kannst in der Template-Konfiguration unter Layout u.a. die ganze Bildschirmbreite nutzen (FluidContainer).
Avatar
og #3
Member since May 2006 · 426 posts · Location: Bayern
Group memberships: Members
Show profile · Link to this post
Stimmt schon, aber auch ich möchte, wie der Threadersteller, nicht zwischen 0 und 100% wählen, sondern etwas weniger, z.B. 90%. Ich finde einen kleinen Weißraum links und rechts gewogener, als wenn da zuviel ist, oder die Seite "anklatscht".
Oli...
Avatar
highsec #4
Member since Mar 2017 · 3 posts
Group memberships: Members
Show profile · Link to this post
Ich möchte mich hier gerne anschließen, genau das würde ich auch gerne machen. Gibt es dazu schon eine Möglichkeit?
Avatar
og #5
Member since May 2006 · 426 posts · Location: Bayern
Group memberships: Members
Show profile · Link to this post
Ich habe mir das bootstrap3 Template etwas näher angeschaut. Die Themes die man dort wählen kann, basieren auf CSS-Layouts welche über www.bootswatch.com verfügbar sind. Auf dieser Seite kann man über "Theme" dieselben Themen auswählen und gelangt in eine Art Showroom, wo für alle Aspekte einer Website (Buttons, Navbars, Listen, Paragraphen, etc.) die Elemente abgebildet sind. Im Grunde besteht ein Theme nur aus einem CSS-File, welches man dort auch direkt herunterladen kann.

Wählt man in der Dokuwiki-Konfiguration für bootstrap3 als "Bootstrap Design" die Option "Bootswatch.com Design", kann man dieselben Temes in der darunter liegenden Liste auswählen. Ich nutze derzeit "Cerulean". Die CSS-Datei "bootstrap.css" bzw. "bootstrap.min.css" (eine komprimierte Version der ersteren) wie sie auf der bootswatch-homepage erhältlich ist, befindet sich in Dokuwiki unter lib/tpl/bootstrap3/assets/bootswatch/cerulean/.

Auf der bootswatch-Seite gibt es aber noch eine Anpassungsdatei in zwei Sprachvarianten. Man erreicht diese durch Click auf den Theme-Namen in der Navbar. Dort sind neben den genannten CSS-Files auch noch die "variables.less" und "bootswatch.less", bzw. das ganze noch als ".scss" Datei vorhanden. In diesen kann man viele Aspekte des Layouts, der Schrift und Farbe konfigurieren.

Diese Konfigurationen finde ich im Template bei Dokuwiki nicht wieder, sie scheinen dort nicht zu existieren. Ich vermute das man mithilfe dieser Dateien eine angepasste Version der obigen .css-Files erzeugen/compilieren kann. Ich kann mir vorstellen das dies irgendwo im Template-Code auch gemacht wird, wenn man z.B. über die Konfiguration bestimmte Dinge einstellt.
Oli...
Avatar
Michaelsy #6
Member since Jun 2015 · 569 posts · Location: Düsseldorf, Germany
Group memberships: Members
Show profile · Link to this post
In reply to post #1
Hier
https://forum.dokuwiki.org/post/62689
gibt es eine quick&dirty-Lösung zur Änderung der Seitenbreite des Bootstrap3-Templates.

HTH - Michael Sy.
By Patreon.com a few eurons can be fed into the code phasers of
the DokuWiki engine. Besides, Andi's posts are worth reading.
Avatar
T0113k #7
Member for 2 months · 7 posts
Group memberships: Members
Show profile · Link to this post
In reply to post #1
Hey,

versuch mal dieses Plugin zu installieren /plugin:usercss und diesen Code einzufügen:

#dokuwiki__top {
    width: 90%;
}

#dw__navbar .container {
    width: 90%;
}
This post was edited on 2018-10-24, 10:11 by T0113k.
Avatar
Michaelsy #8
Member since Jun 2015 · 569 posts · Location: Düsseldorf, Germany
Group memberships: Members
Show profile · Link to this post
Quote by T0113k:
versuch mal dieses Plugin zu installieren /plugin:usercss und diesen Code einzufügen:

Das Plugin ist aus dem Jahre 2009 und das Einfügen von userspezifischem CSS funktioniert (mittlerweile) auch ohne Plugin, also "out of the box" - siehe: https://www.dokuwiki.org/devel:css#user_styles

Im Übrigen habe ich in diesem Thread schon einen Link auf eine Lösung gelegt, die ich entwickelt hatte und die vom Fragesteller als funktionsfähig zurückgemeldet wurde.
By Patreon.com a few eurons can be fed into the code phasers of
the DokuWiki engine. Besides, Andi's posts are worth reading.
Close Smaller – Larger + Reply to this post:
Verification code: VeriCode Please enter the word from the image into the text field below. (Type the letters only, lower case is okay.)
Smileys: :-) ;-) :-D :-p :blush: :cool: :rolleyes: :huh: :-/ <_< :-( :'( :#: :scared: 8-( :nuts: :-O
Special characters:
Go to forum
Imprint
This board is powered by the Unclassified NewsBoard software, 20150713-dev, © 2003-2015 by Yves Goergen
Current time: 2018-12-16, 07:56:35 (UTC +01:00)