 Vivid-Blue: Another Responsive Design based on Bootstrap [message #187181] |
Sat, 20 August 2016 09:06 |
alopezie
Messages: 106
Registered: September 2003
Karma: 1
|
Senior Member |
|
|
Now more than 50% of people use the internet with their mobile phone.
Bootstrap was developed by Twitter, but has been released as open source supplying now many websites with a stable framework for "responsive design"
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/vivid-blue
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 "vivid-blue" as template stye ... and you should see it.
Important:
- changing CSS happens in /vivid-blue
- 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 !!)
Alopezie.de - das Forum zum Thema Haarausfall
[Updated on: Sat, 20 August 2016 12:10] Report message to a moderator |
|
|
|
Calendar
Search
Help
Members
Register
Login
Home
]