Go Back   vb.org Archive > vBulletin 4 Discussion > vB4 Design and Graphics Discussions

Reply
 
Thread Tools Display Modes
  #1  
Old 04-16-2015, 11:40 PM
pjkcards pjkcards is offline
 
Join Date: Jul 2007
Posts: 299
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default Best way to convert theme to responsive?

What's the best way to convert my theme to responsive so it loads fine on all devices?

Thanks.
Reply With Quote
Благодарность от:
mykkal
  #2  
Old 04-16-2015, 11:52 PM
webmastersun's Avatar
webmastersun webmastersun is offline
 
Join Date: Oct 2013
Location: www.webmastersun.com
Posts: 433
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by pjkcards View Post
What's the best way to convert my theme to responsive so it loads fine on all devices?

Thanks.
which vB version you are using?
Reply With Quote
  #3  
Old 04-17-2015, 12:47 AM
pulptoon pulptoon is offline
 
Join Date: Jul 2014
Posts: 16
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

I am curious also about this. My theme is the paragon and my version 4.2.2
Not sure how to turn off the default mobile theme or add the desktop version option with the new theme.
Reply With Quote
Благодарность от:
mykkal
  #4  
Old 04-17-2015, 01:11 AM
webmastersun's Avatar
webmastersun webmastersun is offline
 
Join Date: Oct 2013
Location: www.webmastersun.com
Posts: 433
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by pulptoon View Post
I am curious also about this. My theme is the paragon and my version 4.2.2
Not sure how to turn off the default mobile theme or add the desktop version option with the new theme.
It's possible to convert your theme into responsive design if you are using vB verion 4xx
I spent about one day to change my forum style to responsive
You can have a look on our forum template http://www.webmastersun.com

I thought I can use CSS framework to integrate and make it as responsive design but it's impossible so I have to use my custom CSS codes to make a responsive theme for our forum.

Best way to convert theme to responsive is you need to know on how to design a html template to a responsive html template so you will feel easy to edit vBulletin templates and custom what you want on your theme into responsive.

Maybe your forum theme and my forum theme has the difference a bit on parts but it's common way to do, you need to make it view well on PC, tablets and smartphones and don't forget to check on real these devices.

Note that Google algorithm will affect for non responsive design on the 21 of April so your site can be decreased rankings on mobile search results if you don't have a responsive theme for your site.

Hope it helps!
Reply With Quote
2 благодарности(ей) от:
Brandon Sheley, mykkal
  #5  
Old 04-17-2015, 02:35 AM
pulptoon pulptoon is offline
 
Join Date: Jul 2014
Posts: 16
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Thanks for the help and reply and cool site!

I am not the savviest on going in and customizing manually. I could but I'm not even sure where to find the mobile css...I looked at a file in the client scripts folder and I believe it was the css to the mobile default style, but the code was all jumbled together and impossible for me to edit.

If I buy a mobile skin and add it, can I keep the paragon for the desktop version and use the new mobile one I get just for mobile?

Thanks so much for your help.

Also, ever since installing the new theme, the option to go to desktop version is gone on mobile. Is there any way to set this back? I tried ticking the two default mobile styles for old and new devices but it did nothing.
Reply With Quote
  #6  
Old 04-17-2015, 09:37 AM
SaN-DeeP's Avatar
SaN-DeeP SaN-DeeP is offline
 
Join Date: Jun 2002
Location: Mumbai, India
Posts: 1,195
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

webmastersun, Very impressive design..
Reply With Quote
  #7  
Old 04-19-2015, 01:46 PM
TheAdminMarket's Avatar
TheAdminMarket TheAdminMarket is offline
 
Join Date: Jun 2013
Location: Thessaloniki, Greece
Posts: 511
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Searching for something else I found the first (and only?) responsive style for vB4.
http://demo.themecrate.com/forum.php

But please check all sections in the demo as I haven't time to do it. I just checked the profile page which is really very good and the most common public pages. Maybe is a good idea to check if there are demo login details to login and see the usercp.

Also take in account that as vB4 is not responsive by default most addons (if not all), including mine, are not using responsive design.
Reply With Quote
  #8  
Old 04-19-2015, 02:45 PM
webmastersun's Avatar
webmastersun webmastersun is offline
 
Join Date: Oct 2013
Location: www.webmastersun.com
Posts: 433
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by NickTheGreek View Post
Searching for something else I found the first (and only?) responsive style for vB4.
No I don't think so, I found some vB 4 sites they converted to responsive design, it's also a good theme that I have seen before.

Now our forum http://www.webmastersun.com is in responsive design .Honestly I didn't think i would change my theme to responsive if I didn't receive an message from google noticed our forum didn't have a responsive design. This happened in Google WMT.


Quote:
Originally Posted by NickTheGreek View Post
Also take in account that as vB4 is not responsive by default most addons (if not all), including mine, are not using responsive design.
You are right on this because vB4 default is not responsive so they will not think to make addons into responsive design.
Reply With Quote
  #9  
Old 04-20-2015, 03:18 AM
TheAdminMarket's Avatar
TheAdminMarket TheAdminMarket is offline
 
Join Date: Jun 2013
Location: Thessaloniki, Greece
Posts: 511
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by webmastersun View Post
No I don't think so, I found some vB 4 sites they converted to responsive design, it's also a good theme that I have seen before.

Now our forum http://www.webmastersun.com is in responsive design .Honestly I didn't think i would change my theme to responsive if I didn't receive an message from google noticed our forum didn't have a responsive design. This happened in Google WMT.
.
Maybe I was not so clear in my post as I was in rush. I meant that is the first (if not the only) COMMERCIAL style for vBulletin.

I've seen yours, really nice work, but your style is not for sharing while the other is.
Reply With Quote
2 благодарности(ей) от:
ShawneyJ, webmastersun
  #10  
Old 04-20-2015, 05:25 AM
Brandon Sheley's Avatar
Brandon Sheley Brandon Sheley is offline
 
Join Date: Mar 2005
Location: Google Kansas
Posts: 4,678
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Just an FYI, because I've been answering this question a lot lately with my clients, you can use vbulletin 4x's built in mobile style and google will pass it.

https://www.google.com/webmasters/to...bile-friendly/

This will buy you some time to make a proper responsive design for your forum, and you don't have to worry about losing your rank in google.
Reply With Quote
3 благодарности(ей) от:
RichieBoy67, TheAdminMarket, webmastersun
Reply

Thread Tools
Display Modes

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 06:09 PM.


Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2024, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.04340 seconds
  • Memory Usage 2,271KB
  • Queries Executed 11 (?)
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
  • (5)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
  • (9)post_thanks_box_bit
  • (10)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (5)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_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
  • 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
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • pagenav_page
  • pagenav_complete
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete