How to Create VB4 Responsive Theme

[Dave]

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

[tbellik]

here is the full responsive vbulletin 4 theme.

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.

<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

<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]

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

[Mark.B]

Originally Posted by Brandon Sheley

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]

Originally Posted by Mark.B

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:

[TheAdminMarket]

Originally Posted by TerryMason

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]

Originally Posted by TheAdminMarket

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]

Originally Posted by TheLastSuperman

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

Hi Michael,

Do you've any demo link?

[TheLastSuperman]

Originally Posted by TheAdminMarket

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 ) 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 .

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

[TheAdminMarket]

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