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

Home » FUDforum Development » Forum Styles » Responsive Theme "Sensitiv"
Show: Today's Messages :: Polls :: Message Navigator
Switch to threaded view of this topic Create a new topic Submit Reply
icon6.gif  Responsive Theme "Sensitiv" [message #186866] Wed, 25 March 2015 18:35 Go to next message
alopezie is currently offline  alopezie   Germany
Messages: 106
Registered: September 2003
Karma: 1
Senior Member
A new theme with many responsive features: Sensitiv

I´m currently working on this to replace our current theme, which is close in optics but based on a quite old Yahoo CSS layout.
Taking some new CSS features and following the principle of "less is more" it was actually not too difficult to come to a solution for those people enjoing the web world with their Iphone

So in concrete:

- I roughly devided the target into 3 groups:
* desktop 800px and more
* mobile devices 400-799px
* those less than that

- its clear that advertising, but also some less important stuff from the forum has to be taken off for those with limited screen size
- I added simple MEDIA query tags
.xhide = hide less than 800px
.xxhide = hide less than 400px
.xshow = show when less than 800px

With the combination of xhide and xshow you can easily switch between various layouts

- a 2 column layout, where the left column will be used for banner ads in the real site and which will "disappear" in mobile devices
- a reduction of less important forum stuff as well, also less columns to allow more flexibility

Okay, just a few words on this.
Maybe its not perfect, but it already shows some nice effects when lowering screen size. Look at the various banners disappearing etc.

Try yourself in http://www.alopezie.de/foren/test/index.php

Will publish source shortly ...

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

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


Alopezie.de - das Forum zum Thema Haarausfall

[Updated on: Wed, 25 March 2015 18:41]

Report message to a moderator

Aw: Responsive Theme "Sensitiv" [message #186874 is a reply to message #186866] Thu, 02 April 2015 07:19 Go to previous message
alopezie is currently offline  alopezie   Germany
Messages: 106
Registered: September 2003
Karma: 1
Senior Member
Here are the source files
Its a 2-column layout, but the left column can easily be removed. It will automatically disappear in smaller devices.

This version is NOT fully responsive, as it still keeps the original table layout with all columns. This means it works from around 600px width, below that its necessary to to some additonal tweaking on more template files. This version will follow later for those interested

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


Alopezie.de - das Forum zum Thema Haarausfall
  Switch to threaded view of this topic Create a new topic Submit Reply
Previous Topic: Theme "Myths"
Next Topic: How do you tighten up the spacing in tree view?
Goto Forum:
  

-=] Back to Top [=-
[ Syndicate this forum (XML) ] [ RSS ]

Current Time: Fri Mar 29 08:09:22 GMT 2024

Total time taken to generate the page: 0.02813 seconds