Go Back   vb.org Archive > vBulletin 3 Discussion > vB3 General Discussions
FAQ Community Calendar Today's Posts Search

Reply
 
Thread Tools Display Modes
  #1  
Old 12-25-2020, 03:04 PM
kojay's Avatar
kojay kojay is offline
 
Join Date: Apr 2018
Posts: 44
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default Displaying the forum on mobile devices

How do I fix large columns?
Attached Images
File Type: jpg Screenshot_20191207-155229.jpg (54.0 KB, 0 views)
File Type: jpg Screenshot_20191207-155315.jpg (49.5 KB, 0 views)
Reply With Quote
  #2  
Old 01-11-2021, 09:48 PM
napy8gen napy8gen is offline
 
Join Date: Jan 2006
Location: port ++++son
Posts: 519
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Check out my vb3 responsive style
Reply With Quote
  #3  
Old 01-12-2021, 06:49 AM
kojay's Avatar
kojay kojay is offline
 
Join Date: Apr 2018
Posts: 44
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by napy8gen View Post
Check out my vb3 responsive style
I like my style better.
Reply With Quote
  #4  
Old 01-13-2021, 04:14 PM
Mark.B Mark.B is offline
Senior Member
 
Join Date: Feb 2004
Posts: 1,354
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

vBulletin 3 is not a responsive style, so there isn't anything you can realistically do make it 'fit' on mobile devices. You would need a new responsive style.

The vB3 style was written in 2003 when nobody was using mobile devices to look at websites.
Reply With Quote
  #5  
Old 01-13-2021, 04:50 PM
kojay's Avatar
kojay kojay is offline
 
Join Date: Apr 2018
Posts: 44
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by Mark.B View Post
vBulletin 3 is not a responsive style, so there isn't anything you can realistically do make it 'fit' on mobile devices. You would need a new responsive style.

The vB3 style was written in 2003 when nobody was using mobile devices to look at websites.
And what is the difference between an adaptive style and a responsive one? Is it really impossible to add code to make it adaptive?
Reply With Quote
  #6  
Old 01-13-2021, 10:33 PM
Mark.B Mark.B is offline
Senior Member
 
Join Date: Feb 2004
Posts: 1,354
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by kojay View Post
And what is the difference between an adaptive style and a responsive one? Is it really impossible to add code to make it adaptive?
It would need substantially rewriting. It really isn't that simple.

It would need a completely new style.

If it was that easy, everyone would have done it by now.

There are several responsive styles available from third parties and htese can subsequently be customised in the normal way.
Reply With Quote
  #7  
Old 01-14-2021, 12:05 AM
kojay's Avatar
kojay kojay is offline
 
Join Date: Apr 2018
Posts: 44
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by Mark.B View Post
It would need substantially rewriting. It really isn't that simple.

It would need a completely new style.

If it was that easy, everyone would have done it by now.

There are several responsive styles available from third parties and htese can subsequently be customised in the normal way.
I've dug deeper and can tell you where to look for the problem. This is related to the navbar. I would like to keep the standard style.
Reply With Quote
  #8  
Old 01-14-2021, 06:30 AM
Mark.B Mark.B is offline
Senior Member
 
Join Date: Feb 2004
Posts: 1,354
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by kojay View Post
I've dug deeper and can tell you where to look for the problem. This is related to the navbar. I would like to keep the standard style.
As above, the vBulletin 3 style is not a responsive style. It was written some years before viewing websites on mobile devices was even a 'thing'.

You will need to rewrite the style or at least substaintial parts of it parts of it using Responsive Media Queries

You also need to be, for the most part, removing the tables that make up much of the vB3 design and replace them with divs, as tables don't generally work well in responsive designs.

None of this is a trivial task and requires knowledge of CSS, html and vBulletin code.

The alternative is to obtain a third party responsive style and customise that to match the look and feel of your existing style, which would be the easier option in my view. The essence of many styles is the colours and fonts and those are quite easy to change.
Reply With Quote
  #9  
Old 01-14-2021, 12:31 PM
kojay's Avatar
kojay kojay is offline
 
Join Date: Apr 2018
Posts: 44
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by Mark.B View Post
As above, the vBulletin 3 style is not a responsive style. It was written some years before viewing websites on mobile devices was even a 'thing'.

You will need to rewrite the style or at least substaintial parts of it parts of it using Responsive Media Queries

You also need to be, for the most part, removing the tables that make up much of the vB3 design and replace them with divs, as tables don't generally work well in responsive designs.

None of this is a trivial task and requires knowledge of CSS, html and vBulletin code.

The alternative is to obtain a third party responsive style and customise that to match the look and feel of your existing style, which would be the easier option in my view. The essence of many styles is the colours and fonts and those are quite easy to change.
I don't like the responsive style of a third party. Since it still needs to be Russified, which is a difficult task.
Reply With Quote
  #10  
Old 01-14-2021, 01:43 PM
In Omnibus's Avatar
In Omnibus In Omnibus is offline
 
Join Date: Apr 2010
Location: Inside A Blade Server
Posts: 840
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

vBulletin 3 was originally coded 16 years ago when there weren't even such things as % or rem or em units used in styling. It was coded using transitional HTML 4.0 and CSS 2.0, both of which are years deprecated. Most of the "responsive" styles you will find are not responsive styles at all but rather hack attempts at making a fixed width style flex.

Mark's assessment is correct. You will need to write a style from the !DOCTYPE to the closing HTML tag if you want it to function like modern responsive themes. In order to make any existing theme function properly you would have to rewrite it to use HTML 5 and CSS 3 anyway.
Reply With Quote
Reply


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 10:14 AM.


Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.03976 seconds
  • Memory Usage 2,278KB
  • Queries Executed 12 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)ad_showthread_beforeqr
  • (1)ad_showthread_firstpost
  • (1)ad_showthread_firstpost_sig
  • (1)ad_showthread_firstpost_start
  • (6)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)navbar
  • (3)navbar_link
  • (120)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (2)pagenav_pagelink
  • (10)post_thanks_box
  • (10)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (10)post_thanks_postbit_info
  • (10)postbit
  • (2)postbit_attachment
  • (10)postbit_onlinestatus
  • (10)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available:
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files:
  • ./showthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_post_thanks.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • forumjump
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • post_thanks_function_post_thanks_off_start
  • post_thanks_function_post_thanks_off_end
  • post_thanks_function_fetch_thanks_start
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • fetch_musername
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_attachment
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • pagenav_page
  • pagenav_complete
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete