XMB Forum Software
Not logged in [Login - Register]
Go To Bottom

Printable Version  
Author:

[New] CSS Bootstrap expert? Making a theme in XMB responsive?

Scarlet
Member
***




Posts: 60
Registered: 9-15-2017
Location: England
Member Is Offline

Mood: Excited for XMB's resurrection!

[*] posted on 9-18-2017 at 06:56 AM
[New] CSS Bootstrap expert? Making a theme in XMB responsive?


XMB Version: 1.9.11

Hi,

I have an averaging grasp on CSS and would like to learn how to make a theme in XMB responsive? It'd really help browsing experiences on mobile devices, and would really bring XMB up to date.

Thanks for any support. x')
View user's profile View All Posts By User This user has MSN Messenger
lottos
Administrator
********




Posts: 357
Registered: 6-3-2002
Location: Competitions Australia: https://www.lottos.com.au/
Member Is Offline

Mood: pass me a TimTam

[*] posted on 9-26-2017 at 06:18 AM


Quote: Originally posted by Scarlet  

XMB Version: 1.9.11

Hi,

I have an averaging grasp on CSS and would like to learn how to make a theme in XMB responsive? It'd really help browsing experiences on mobile devices, and would really bring XMB up to date.

Thanks for any support. x')


You have probably see this already:
https://www.w3schools.com/html/html_responsive.asp

I'd say that a responsive theme would be one of the most important items xmb needs.




Largest list of competitions online!
View user's profile Visit user's homepage View All Posts By User
Jenny Lee
Member
***




Posts: 35
Registered: 7-21-2017
Location: England, UK
Member Is Offline

Mood: Meh. :P

[*] posted on 9-26-2017 at 07:26 AM


Just use a bootstrap, rather doing it in plain html,css & js by yourself. All documentation is on their website, plus there's countless videos on how to use it on a YouTube. :) It's fairly easy.;)
View user's profile View All Posts By User
lottos
Administrator
********




Posts: 357
Registered: 6-3-2002
Location: Competitions Australia: https://www.lottos.com.au/
Member Is Offline

Mood: pass me a TimTam

[*] posted on 10-4-2017 at 12:20 PM


Quick bootstrap code enabled test xmb forum website;
https://search.google.com/test/mobile-friendly?id=sOg1ZMIZxS...

and google says it's mobile friendly.

css is a bit screwed though.





Largest list of competitions online!
View user's profile Visit user's homepage View All Posts By User
lottos
Administrator
********




Posts: 357
Registered: 6-3-2002
Location: Competitions Australia: https://www.lottos.com.au/
Member Is Offline

Mood: pass me a TimTam

[*] posted on 10-9-2017 at 10:49 PM


Quote: Originally posted by Jenny Lee  
Just use a bootstrap, rather doing it in plain html,css & js by yourself. All documentation is on their website, plus there's countless videos on how to use it on a YouTube. :) It's fairly easy.;)


Jenny, have you implemented this on your forum?




Largest list of competitions online!
View user's profile Visit user's homepage View All Posts By User
Jenny Lee
Member
***




Posts: 35
Registered: 7-21-2017
Location: England, UK
Member Is Offline

Mood: Meh. :P

[*] posted on 10-18-2017 at 10:40 PM


Quote: Originally posted by lottos  
Jenny, have you implemented this on your forum?


No, not yet.I still run IPS Community Suite as my forum engine due to easier localisation, because you can modify language strings in accordance of pluralisation rules. With English it's fairly simple like this:
1 registered user, everything else would end as x registered users. That's not always the case when it comes to foreign languages.
In regards of bootstrap, including file won't do the magic. All of xmb templates would have to be rewritten to match bootstraps grid system and css classes, otherwise it won't be responsive. As I can see this forum has bootstrap included or at least it's css file, but none of templates modified in accordance, so it won't function.
View user's profile View All Posts By User
lottos
Administrator
********




Posts: 357
Registered: 6-3-2002
Location: Competitions Australia: https://www.lottos.com.au/
Member Is Offline

Mood: pass me a TimTam

[*] posted on 10-21-2017 at 12:52 AM


Quote: Originally posted by Jenny Lee  
Quote: Originally posted by lottos  
Jenny, have you implemented this on your forum?

In regards of bootstrap, including file won't do the magic. All of xmb templates would have to be rewritten to match bootstraps grid system and css classes, otherwise it won't be responsive. As I can see this forum has bootstrap included or at least it's css file, but none of templates modified in accordance, so it won't function.


Yes, I included it to see what it looked like. Daniel backed it back out earlier today. Wonder what ever happened to his new version mentioned here: http://forums.xmbforum2.com/viewthread.php?tid=777005

Users of xmb are looking for responsive layouts, here is a recent topic:
http://locostbuilders.co.uk/viewthread.php?tid=210306




Largest list of competitions online!
View user's profile Visit user's homepage View All Posts By User
Daniel Gouveia
XMB International Support
*********


Avatar


Posts: 64
Registered: 4-10-2007
Location: Portugal, Braga
Member Is Offline

Mood: |Catch Me If You Can|

[*] posted on 10-22-2017 at 12:53 PM


Quote: Originally posted by lottos  
Quote: Originally posted by Jenny Lee  
Quote: Originally posted by lottos  
Jenny, have you implemented this on your forum?

In regards of bootstrap, including file won't do the magic. All of xmb templates would have to be rewritten to match bootstraps grid system and css classes, otherwise it won't be responsive. As I can see this forum has bootstrap included or at least it's css file, but none of templates modified in accordance, so it won't function.


Yes, I included it to see what it looked like. Daniel backed it back out earlier today. Wonder what ever happened to his new version mentioned here: http://forums.xmbforum2.com/viewthread.php?tid=777005

Users of xmb are looking for responsive layouts, here is a recent topic:
http://locostbuilders.co.uk/viewthread.php?tid=210306



Hello, Lottos.

Unfortunately my life has taken a very big turn. Much has happened unfortunately on the negative side.

In this change of life I lost a lot and some people.

About the topic.
Such responsive layouts dont work by adding just a CSS file.
You need to change all templates to "<div>" the old "<table><tr><td>" system needs to be changed.





You Never Walk Alone
View user's profile View All Posts By User
lottos
Administrator
********




Posts: 357
Registered: 6-3-2002
Location: Competitions Australia: https://www.lottos.com.au/
Member Is Offline

Mood: pass me a TimTam

[*] posted on 10-29-2017 at 02:42 AM


Quote: Originally posted by Daniel Gouveia  


Hello, Lottos.

Unfortunately my life has taken a very big turn. Much has happened unfortunately on the negative side.

In this change of life I lost a lot and some people.

About the topic.
Such responsive layouts dont work by adding just a CSS file.
You need to change all templates to "<div>" the old "<table><tr><td>" system needs to be changed.


I'm sorry to hear this and hope your life is improving now.




Largest list of competitions online!
View user's profile Visit user's homepage View All Posts By User
lottos
Administrator
********




Posts: 357
Registered: 6-3-2002
Location: Competitions Australia: https://www.lottos.com.au/
Member Is Offline

Mood: pass me a TimTam

[*] posted on 12-21-2017 at 02:15 AM


css grid layout may be a better option, now that's it finally supported by latest MS Edge as it's not bootstrap dependant.

https://caniuse.com/#feat=css-grid




Largest list of competitions online!
View user's profile Visit user's homepage View All Posts By User

  Go To Top

Powered by XMB 1.9.11 (Debug Mode)
Forum Script Software by XMB © 2001-2017 The XMB Group
[Queries: 16] [PHP: 7.8% - SQL: 92.2%]
Funded with thanks to competitions website.