FUDforum: Forum Styles » Carbon: Bootstrap driven Responsive Theme

Home » FUDforum Development » Forum Styles » Carbon: Bootstrap driven Responsive Theme (With CSS created backgrounds)

Show: Today's Messages :: Unread Messages :: Show Polls :: Message Navigator
| Subscribe to topic | Bookmark topic

Carbon: Bootstrap driven Responsive Theme [message #187182]

Sat, 20 August 2016 05:48

alopezie

Messages: 103
Registered: September 2003

Karma: 1

Senior Member

add to buddy list
ignore all messages by this user

A "Carbon"-Theme, where backgrounds of header and body have been created by CSS, so giving nice flexibility over different screen sizes

Everything you need is in attached download, but I want to give some ideas what I did ... which may be a bit unusual for most...

What you need:

1. bootstrap (http://getbootstrap.com/) in your forum directory, I used /bt for it.
So
- bt/css
- bt/fonts
- bt/js

2. a directory thm/carbon
which does contain
a) the content of path_info
b) just forum.css.tmpl (which contains all CSS for the page)
c) /i18n with (important) your buttons in the directories below

3. a directory thm/btdef
which contains the .tmpl files changed from the default Fudforum

Why this?
- if there is an update it will limit your work mainly to check the files in /btdef
- you can direct several themes to /btdef, so adding a new template with just changing forum.css

The advantage: You have ONE template to change ... and all your themes will changes accordingly

Its a bit like "Zengarden", the nice style of working just with CSS and doing miracles

Again, everything you need is in the download, just check where your "thm"-folder is located, it may be different.

Add a new Theme in Theme Manager, select "carbon" as template stye ... and you should see it.

Important:
- changing CSS happens in /carbon
- changing .tmpl happens in /btdef

Here (http://www.alopezie.de/foren/test1/index.php/t/4/) described a bit more in depth what I did, and also this forum currently is running the similar constructed "myths" as default theme (it may change as it is just a playground !!)

index.php?t=getfile&id=6636&private=0