vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vB4 Design and Graphics Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=253)
-   -   How to Create VB4 Responsive Theme (https://vborg.vbsupport.ru/showthread.php?t=300227)

Dave 11-15-2016 12:24 PM

I haven't really seen any true fully responsive theme yet anywhere.

tbellik 11-24-2016 04:52 AM

here is the full responsive vbulletin 4 theme.

Code:

https://yadi.sk/d/1EkgYhc-skdEC
for installation ;
Kurulum

1- Send adapt.min.js to root.

Import the xml file admincp/stil and themes/theme upload/download.

If you are using VSA advanced Statistic addon, change this codes.

Open the VSA/topstats_newpost, delete all and paste these codes.

Code:

<tr style="vertical-align:top;">        <td style="padding:0px {vb:raw vboptions.vsatopstats_cellpadding}px 0px {vb:raw vboptions.vsatopstats_cellpadding}px;width:1%;white-space:nowrap;text-align:center;vertical-align:middle;"><vb:if condition="$get_new_posts[newpost]">{vb:raw vsacb_prefixnew}<vb:else />{vb:raw vsacb_prefixold}</vb:if></td>        <td style="padding:0px {vb:raw vboptions.vsatopstats_cellpadding}px 0px {vb:raw vboptions.vsatopstats_cellpadding}px;text-align:{vb:stylevar left};width:50%;white-space:nowrap;" title="{vb:raw get_new_posts.fullthreadtitle}"><vb:if condition="$vsastats_tprefix">{vb:raw vsastats_tprefix} </vb:if><a href="{vb:raw vsatopstats_titlelink}">{vb:raw get_new_posts.titletrimmed}</a></td>        <vb:if condition="$vboptions[vsatopstats_lastpost_vrcount]">            <td id="vsa_gizle" style="padding:0px {vb:raw vboptions.vsatopstats_cellpadding}px 0px {vb:raw vboptions.vsatopstats_cellpadding}px;text-align:{vb:stylevar right};width:1%;" title="{vb:rawphrase views}/{vb:rawphrase replies}"><span class="shade">&nbsp;{vb:raw get_new_posts.views}</span></td>            <td id="vsa_gizle" style="padding:0px {vb:raw vboptions.vsatopstats_cellpadding}px 0px {vb:raw vboptions.vsatopstats_cellpadding}px;text-align:{vb:stylevar left};width:1%;" title="{vb:rawphrase views}/{vb:rawphrase replies}"><span class="shade">{vb:raw get_new_posts.replycount}&nbsp;</span></td>        </vb:if>        <td id="vsa_gizle" style="padding:0px {vb:raw vboptions.vsatopstats_cellpadding}px 0px {vb:raw vboptions.vsatopstats_cellpadding}px;text-align:{vb:stylevar right};white-space:nowrap;"><vb:if condition="!$get_new_posts[musername]"><span style="cursor:pointer;">{vb:rawphrase n_a}</span><vb:else /><a href="member.php?{vb:raw session.sessionurl}u={vb:raw get_new_posts.userid}" title="{vb:rawphrase posted_by} <vb:if condition="!$get_new_posts[musername]">{vb:rawphrase guest}<vb:else />{vb:raw get_new_posts.fullusername}</vb:if>">{vb:raw get_new_posts.musername}</a></vb:if>&nbsp;&nbsp;{vb:raw vsatopstats_arrowlink}</td>        <vb:if condition="$vboptions[vsatopstats_lastpost_dateline]">        <td id="vsa_gizle" style="padding:0px {vb:raw vboptions.vsatopstats_cellpadding}px 0px {vb:raw vboptions.vsatopstats_cellpadding}px;text-align:center;white-space:nowrap;" title="{vb:rawphrase date}/{vb:rawphrase time}"><vb:if condition="$get_new_posts[newpost]">{vb:raw get_new_postdate}, {vb:raw get_new_posttime}<vb:else /><span class="shade">{vb:raw get_new_postdate}, {vb:raw get_new_posttime}</span></vb:if></td>        </vb:if>        <vb:if condition="$vboptions[vsatopstats_lastpost_forums]">        <td id="vsa_gizle" style="padding:0px {vb:raw vboptions.vsatopstats_cellpadding}px 0px {vb:raw vboptions.vsatopstats_cellpadding}px;text-align:{vb:stylevar right};white-space:nowrap;" title="{vb:raw get_new_posts.fullforumtitle}"><a href="forumdisplay.php?{vb:raw session.sessionurl}f={vb:raw get_new_posts.forumid}">{vb:raw get_new_posts.forumtitle}</a>&nbsp;</td>        </vb:if>    </tr>

Then open vsa_topstats_stats_singlerow delete all and paste


Code:

<tr style="vertical-align:top;">            <vb:if condition="($vsastats_latestposts_pos==1)">            <td class="blocksubhead" style="width:50%;text-align:{vb:stylevar left};">{vb:rawphrase vsa_latest_posts}</td>            </vb:if>            <td class="blocksubhead" id="vsa_gizle" style="width:25%;text-align:{vb:stylevar left};white-space:nowrap;">                {vb:raw vsastats_menu2}            </td>            <vb:if condition="$vsatopstats_blocksec_enabled">            <td class="blocksubhead" id="vsa_gizle" style="width:25%;text-align:{vb:stylevar left};white-space:nowrap;">                {vb:raw vsastats_menu1}            </td>            </vb:if>            <vb:if condition="($vsastats_latestposts_pos==2)">            <td class="blocksubhead" style="width:50%;text-align:{vb:stylevar left};">{vb:rawphrase vsa_latest_posts}</td>            </vb:if>        </tr>        <tr style="vertical-align:top;">            <vb:if condition="($vsastats_latestposts_pos==1)">            <td id="vsastats_lpdiv" style="width:50%;padding:0px;margin:0px;border-top:0px;border-bottom:0px;border-{vb:stylevar left}:0px;border-{vb:stylevar right}:1px;border-color:{vb:stylevar shade_color};border-style:dashed;"><span>{vb:rawphrase vsastats_loading}</span></td>            </vb:if>            <td id="vsastats_fdiv" class="vsa_gizle" style="width:25%;padding:0px;margin:0px;">            {vb:raw vsatopstats_temptable}            </td>            <vb:if condition="$vsatopstats_blocksec_enabled">            <td id="vsastats_udiv" class="vsa_gizle" style="width:25%;padding:0px;margin:0px;border-top:0px;border-bottom:0px;border-{vb:stylevar left}:1px;border-{vb:stylevar right}:0px;border-color:{vb:stylevar shade_color};border-style:dashed;">            {vb:raw vsatopstats_temptable}            </td>            </vb:if>            <vb:if condition="($vsastats_latestposts_pos==2)">            <td id="vsastats_lpdiv" style="width:50%;padding:0px;margin:0px;border-top:0px;border-bottom:0px;border-{vb:stylevar left}:1px;border-{vb:stylevar right}:0px;border-color:{vb:stylevar shade_color};border-style:dashed;"><span>{vb:rawphrase vsastats_loading}</span></td>            </vb:if>        </tr>

Will be full responsive

Brandon Sheley 11-24-2016 02:27 PM

If only the vbulletin style out of the box was responsive.. wishful thinking I know ;)

Mark.B 11-24-2016 04:02 PM

Quote:

Originally Posted by Brandon Sheley (Post 2578642)
If only the vbulletin style out of the box was responsive.. wishful thinking I know ;)

It is, in the latest product in the range. :)

Brandon Sheley 11-24-2016 10:50 PM

Quote:

Originally Posted by Mark.B (Post 2578645)
It is, in the latest product in the range. :)

Only 18 months after google requested it and over 2 years since mobile use exceeded desktop use.

Great progress..lol :up: :rolleyes:

TheAdminMarket 02-11-2017 05:17 PM

Quote:

Originally Posted by TerryMason (Post 2437516)
Here you go:
http://themecrate.com/

They've got a vbulletin 4 responsive theme.

Their site is down at least last 3 days. Have talked with them on the early days of December and they told me that they're working on a new responsive style for vB. Now what?

TheLastSuperman 02-11-2017 07:11 PM

Quote:

Originally Posted by TheAdminMarket (Post 2582212)
Their site is down at least last 3 days. Have talked with them on the early days of December and they told me that they're working on a new responsive style for vB. Now what?

Napy8gen from vb.com has a responsive style, I'd speak with him ;).

TheAdminMarket 02-11-2017 07:33 PM

Quote:

Originally Posted by TheLastSuperman (Post 2582217)
Napy8gen from vb.com has a responsive style, I'd speak with him ;).

Hi Michael,

Do you've any demo link?

TheLastSuperman 02-11-2017 07:36 PM

Quote:

Originally Posted by TheAdminMarket (Post 2582219)
Hi Michael,

Do you've any demo link?

It's listed on his site - https://www.sultantheme.com/

I can link to that because he offers so many free styles (check here on the org, you will see he is the one offering tons of free themes for vB4 and 5 :D) but I can't link specifically to the responsive one as it's paid and you know the rules about that so from here on out mums the word from me :cool:.

Edit: Here is a modified example we did for the NFLUK - http://forum.nfluk.com/?styleid=16

TheAdminMarket 02-12-2017 06:58 AM

Thank you for your prompt attention to help me Michael. Really appreicated.

I know Sultantheme.com for a long time now, just didn't knew that his username here is Napy8gen. What I didn't liked in the other themes was that they were full of graphics. Not flat ones for sites other than gamers.

At least the new responsive style is simple and nice looking. But is over priced. $89 for a theme, is something that I met only for WHMCS themes. Never seen any theme for any forum software so over priced. Normally forum themes are between $30-$40. Having a higher price as it is responsive (even all other themes for other forums are responsive), is acceptable. eg themecrate's style was $49. But $89 is an amount that I'll never pay even if I had the money.

Also don't know if 3nd party addons using standard vBulletin stylevars should be compatible with it. Have seen some strange stylevars in the page's code.

Christos


All times are GMT. The time now is 02:26 PM.

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.01159 seconds
  • Memory Usage 1,763KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (3)bbcode_code_printable
  • (6)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (2)pagenav_pagelink
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (10)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 

Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.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/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.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
  • printthread_start
  • pagenav_page
  • pagenav_complete
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete