The Arcive of Official vBulletin Modifications Site.

final kaoss · #1 10-03-2015, 06:02 PM

A quick write up on what to do to make vb4 styles mobile friendly would come in handy.

It should cover most of the recommendations from this test tool.

webmastersun · #2 10-04-2015, 12:42 PM

If you want to do that I would suggest you learn a course about responsive design from Lynda or learning from library of Bootstrap responsive css framework.

According to me, vB4 default style is already in 70% responsive design and 30% is need you to finish/design into responsive design

ozzy47 · #3 10-04-2015, 03:24 PM

Posting a link to your site in no way helps what the OP asked for.

Max Taxable · #4 10-04-2015, 03:39 PM

Quote:

Originally Posted by webmastersun

Try to check our forum http://www.webmastersun.com is it responsive design in handy??

One of the most bloated sites imaginable, even your smallest pages are 1.8 megabytes - might be "friendly" as far as CSS goes, and somewhat responsive - but horribly NOT friendly for mobile browsing. Loads SLOW.

And, no bootstrap at all used.

http://www.webpagetest.org/result/15...KA9/1/details/

This is far from a good example of true mobile friendliness.

RichieBoy67 · #5 10-04-2015, 10:12 PM

Yea, I love the look of your site and your seo is really amazing but your first load time is slow. I did not even try mobile.

Get that load time down and your traffic will go up as will your page rank and keywords.

A start would be to take all those 300px block images and lower the quality and make them progressive. You could probably optimize all your images and save 1 second at least right there of load time.

Go to Ozzie's site also and make sure you use the htaccess file there!

Really great site though! Great content and look!

webmastersun · #6 10-04-2015, 11:33 PM

Quote:

Originally Posted by ozzy47

Posting a link to your site in no way helps what the OP asked for.

Thought better if have a real example

Quote:

Originally Posted by Max Taxable

One of the most bloated sites imaginable, even your smallest pages are 1.8 megabytes - might be "friendly" as far as CSS goes, and somewhat responsive - but horribly NOT friendly for mobile browsing. Loads SLOW.

And, no bootstrap at all used.

http://www.webpagetest.org/result/15...KA9/1/details/

This is far from a good example of true mobile friendliness.

Thanks Max Taxable for the link I could find some reasons why it made my site low slower a bit

Yep It's can be slow on mobile because it's responsive from vBulletin theme thus some images and js/css have not been optimized for mobile like default mobile theme of vB.

Quote:

Originally Posted by RichieBoy67

Yea, I love the look of your site and your seo is really amazing but your first load time is slow. I did not even try mobile.

Get that load time down and your traffic will go up as will your page rank and keywords.

A start would be to take all those 300px block images and lower the quality and make them progressive. You could probably optimize all your images and save 1 second at least right there of load time.

Go to Ozzie's site also and make sure you use the htaccess file there!

Really great site though! Great content and look!

I agree with you about optimizing for images will improve loading speed for web site a bit more.

but not sure what you are saying here

Quote:

..make sure you use the htaccess file there!

Why needs to use htaccess?

Are you mentioning about codes to optimize images/css/js with htaccess?

RichieBoy67 · #7 10-05-2015, 12:13 AM

The htaccesss will help with image compression among other things.

--------------- Added [DATE]1444011300[/DATE] at [TIME]1444011300[/TIME] ---------------

As for the Op post, yes a tutorial would be awesome!

Max Taxable · #8 10-05-2015, 02:45 AM

Quote:

Originally Posted by webmastersun

Yep It's can be slow on mobile because it's responsive from vBulletin theme thus some images and js/css have not been optimized for mobile like default mobile theme of vB.

Nonsense. It is slow because of the GLUT. No other reason. You have sacrificed performance, for appearance. It only satisfies your own ego, and does a horrible disservice to anyone trying to browse that pile of crap using mobile.

Stop, insulting our intelligence by constantly posting your link as a example of mobile friendliness, because it is way, way far from it. It's become just basically, spam in just about every thread about mobile, and it is the worst possible example to post. In fact it is a example of what NOT to be doing.

webmastersun · #9 10-05-2015, 02:55 AM

Quote:

Originally Posted by RichieBoy67

The htaccesss will help with image compression among other things.

--------------- Added [DATE]1444011300[/DATE] at [TIME]1444011300[/TIME] ---------------

As for the Op post, yes a tutorial would be awesome!

Honestly It didn't have an exact tutorial on how to build vB4 style into responsive because each person will like to do their forum template according to their way, problem is you need to know about CSS and Html as I suggested in my second post (learn from a CSS course and study from other sources about CSS/html)

Quote:

Originally Posted by final kaoss

A quick write up on what to do to make vb4 styles mobile friendly would come in handy.

It can do in basic steps

Add this to your header template

Code:

<meta name="viewport" content="width=device-width, initial-scale=1">

Using media queries to custom vBulletin layouts on different mobile screen sizes as you want. (require knowledge about CSS/html tags) It depends on your theme, you can show/hide some parts with your CSS..

I think, if possible, vB designer team should change vB4 default template into responsive design so it will be easier for users to custom their theme again from the default them.

--------------- Added [DATE]1444021469[/DATE] at [TIME]1444021469[/TIME] ---------------

Quote:

Originally Posted by Max Taxable

Nonsense. It is slow because of the GLUT. No other reason. You have sacrificed performance, for appearance. It only satisfies your own ego, and does a horrible disservice to anyone trying to browse that pile of crap using mobile.

What is the GLUT...I don't think so...can you show which should be improved on our forum?

Yeah someone can make their template into responsive, if not, they can use a mobile theme default from vBulletin for better performance.

Quote:

Originally Posted by Max Taxable

Stop, insulting our intelligence by constantly posting your link as a example of mobile friendliness, because it is way, way far from it. It's become just basically, spam in just about every thread about mobile, and it is the worst possible example to post. In fact it is a example of what NOT to be doing.

Oh I removed the link on my post if you think it's for promoting, for me I think it's an example for the OP...that's all.

Replicant · #10 10-05-2015, 11:33 AM

I can't imagine anyone taking the time to do a write-up on a project as big as making vb3 or 4 responsive especially since they are probably doing the responsive project as a job and making some money on it. Making a vb style "truly" responsive is a massive undertaking. Using the bootstrap framework involves changing almost all the classes and in several instances having multiple classes for each element on the page. Going further, when using bootstrap, several elements require a type be defined for proper rendering or changing the element tag itself. These items would have to be modified on every single template to make the site perform uniform and proper.

As far as bootstrap tutorials go, there is a ton of info available on the web with examples on how to implement it.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.04486 seconds Memory Usage 2,284KB Queries Executed 13 (?)
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 (1)bbcode_code (10)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 (6)post_thanks_box_bit (10)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (3)post_thanks_postbit (10)post_thanks_postbit_info (10)postbit (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_postinfo_query fetch_postinfo 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 fetch_musername post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_display_complete post_thanks_function_can_thank_this_post_start post_thanks_function_fetch_thanks_bit_start post_thanks_function_show_thanks_date_start post_thanks_function_show_thanks_date_end post_thanks_function_fetch_thanks_bit_end post_thanks_function_fetch_post_thanks_template_start post_thanks_function_fetch_post_thanks_template_end pagenav_page pagenav_complete tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

2 благодарности(ей) от:
Max Taxable, webmastersun

3 благодарности(ей) от:
ozzy47, RichieBoy67, webmastersun

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!