FUDforum
Fast Uncompromising Discussions. FUDforum will get your users talking.

Today's Messages (off)  | Unread Messages (off) | Subscribed Forums (off) | Subscribed Topics (off) | Unanswered Messages (on)

Forum: Forum Styles
 Topic: Red-Photo: Dark-red-Theme / Responsive / Based on Bootstrap
Red-Photo: Dark-red-Theme / Responsive / Based on Bootstrap [message #187184] Sat, 20 August 2016 08:23
alopezie is currently offline  alopezie   Germany
Messages: 83
Registered: September 2003
Karma:
Member
add to buddy list
ignore all messages by this user
So is this is the last one to share, again another basic color to allow for different needs.

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/redphoto
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 "redphoto" as template stye ... and you should see it.

Important:
- changing CSS happens in /redphoto
- 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 !!)

If you register you may also see this and my other themes, but again .. its just a test forum

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


Alopezie.de - das Forum zum Thema Haarausfall
 Topic: Carbon: Bootstrap driven Responsive Theme
Carbon: Bootstrap driven Responsive Theme [message #187182] Sat, 20 August 2016 05:48
alopezie is currently offline  alopezie   Germany
Messages: 83
Registered: September 2003
Karma:
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
  • Attachment: carbon.zip
    (Size: 515.29KB, Downloaded 2 times)
  • Attachment: MWSnap099.jpg
    (Size: 147.32KB, Downloaded 18 times)


Alopezie.de - das Forum zum Thema Haarausfall

[Updated on: Sat, 20 August 2016 08:13]

Report message to a moderator

 Topic: Vivid-Blue: Another Responsive Design based on Bootstrap
icon7.gif  Vivid-Blue: Another Responsive Design based on Bootstrap [message #187181] Sat, 20 August 2016 05:06
alopezie is currently offline  alopezie   Germany
Messages: 83
Registered: September 2003
Karma:
Member
add to buddy list
ignore all messages by this user
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 !!)


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


Alopezie.de - das Forum zum Thema Haarausfall

[Updated on: Sat, 20 August 2016 08:10]

Report message to a moderator

 Topic: Pure-classic: Click-and-go
icon7.gif  Pure-classic: Click-and-go [message #187180] Sat, 20 August 2016 03:19
alopezie is currently offline  alopezie   Germany
Messages: 83
Registered: September 2003
Karma:
Member
add to buddy list
ignore all messages by this user
To make testing and installation easier I created a simple version of "pure", which does NOT contain bootstrap and is NOT responsive, but can be installed easily and already gives a good impression.

It contains just the .css, some single pics and new buttons (for german / english language only for the moment)

Its based on having path_info active (which enhance SEO friendliness), if you just want to have it compliant without path-variables , you have to edit theme.ini and change "path_info" to "default"

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


Alopezie.de - das Forum zum Thema Haarausfall
 Topic: Myths-Classic: Click and Go
icon7.gif  Myths-Classic: Click and Go [message #187179] Sat, 20 August 2016 03:16
alopezie is currently offline  alopezie   Germany
Messages: 83
Registered: September 2003
Karma:
Member
add to buddy list
ignore all messages by this user
To make testing and installation easier I created a simple version of "myths", which does NOT contain bootstrap and is NOT responsive, but can be installed easily and already gives a good impression.

It contains just the .css, some single pics and new buttons (for german / english language only for the moment)

Its based on having path_info active (which enhance SEO friendliness), if you just want to have it compliant without path-variables , you have to edit theme.ini and change "path_info" to "default"

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


Alopezie.de - das Forum zum Thema Haarausfall
 Topic: Pure: Responsive Theme based on Bootstrap
Pure: Responsive Theme based on Bootstrap [message #187177] Thu, 18 August 2016 14:46
alopezie is currently offline  alopezie   Germany
Messages: 83
Registered: September 2003
Karma:
Member
add to buddy list
ignore all messages by this user
Same story as with myths2-theme....

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 directoy, I used /bt for it.
So
- bt/css
- bt/fonts
- bt/js

2. a directory thm/pure
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 "Pure" as template stye ... and you should see it.

Important:
- changing CSS happens in /pure
- 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 myths as default theme (it may change as it is just a playground !!)

There is a test forum running "pure" here: http://www.alopezie.de/foren/test (it may change as it is just a playground !!)

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


Alopezie.de - das Forum zum Thema Haarausfall



Current Time: Thu Aug 25 02:10:44 EDT 2016

Total time taken to generate the page: 0.00835 seconds