vb.org Archive - Forum Style - Lightweight Style for Small Screen Devices (cell phone, iphone, mobile, android)

Page 18 of 29

Show 40 post(s) from this thread on one page

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vBulletin 4.x Styles (https://vborg.vbsupport.ru/forumdisplay.php?f=247)

- - Forum Style - Lightweight Style for Small Screen Devices (cell phone, iphone, mobile, android) (https://vborg.vbsupport.ru/showthread.php?t=249277)

The Rocketeer

12-21-2011 11:06 AM

No Dartho, That merging technique didn't work out very well :(
But I have made a list of minor changes and code edits to make it work and look like styleid 7.

I will see how that goes and if I can post them here, so others like me can improve the look of their CMS. Maybe you can include them in the next update of this style. I really wish the merging thing worked though.

Let me know if you find any code edits worth mentioning or other ways to do this.

dartho

12-21-2011 11:14 AM

Quote:

Originally Posted by The Rocketeer (Post 2279682)

Maybe you can include them in the next update of this style. I really wish the merging thing worked though.

That's the thing - I can;t include them as vBulletin doesnlt export them with the style!

have a look in that CMSONLY XML file to see the templates and code I used on vbdev - add these in manually and I';m sure it will work out.

The issue seems to be a vbulletin bug perhaps? I've posted asking for assistance with it

rajcolmo

12-21-2011 04:46 PM

Updated to 4.1.9 then went to install this from the latest version and got this:

This file was created using a different version of vBulletin from the one you are running.

Your version: 4.1.9
File version: 4.1.8

fly	12-21-2011 05:38 PM

Quote:

Originally Posted by rajcolmo (Post 2279773)

So check the box to ignore the version.

rajcolmo

12-21-2011 10:39 PM

duh... missed that... thanks~!

tafreeh

12-22-2011 04:51 PM

Quote:

Originally Posted by dartho (Post 2275506)

I haven;t forgotten you - it's just that I've been fixing style bugs - your request is not related to this style as such.

Having said all that - I'll try and point you in the right direction -

To strip all HTML tags from posts for a specific style ID, create a plugin as follows:

Product:vBulletin
Hook Location: Postbit Disaply Complete
Name: Strip HTML from Mobile Style Posts
Execution Order:5
Code:

Code:

if (STYLEID=='n') {

$post['message']=strip_tags($post['message'],'<br><a>');

}

replace 'n' with teh styleid of your lightweight style.

the bit in teh code with teh <br><a> is HTML tags you wish to allow, if you want images, add in <img>, if you want <stong> add it in etc. Google php strip_tags

how can I allow Quote and Code ?

dartho

12-22-2011 09:33 PM

Mmm.. try allowing <pre> tags at a guess...

Hippy

12-24-2011 01:40 PM

iphone and a few other phones you are not able to use the attachments
it work under pc /desktop

CappingTheGame

12-24-2011 06:50 PM

Spectacular development, and much thanks. Just a couple of questions that I'm sure will be an easy answer for you.

1.) Upon entering a thread on the mobile version and trying to scroll, I am continuously returned to the bottom of the screen unless I keep my finger on the touchscreen mobile device. It automatically returns me to the bottom. Setting? Installed improperly? Just curious.

2.) Will a feature where you're able to view the thread starter be coming any time soon? Tons of requests on that. Also possibly a last poster or thread starter on the main forum page? Again, curious.

Thanks for your hard work, it is appreciated.

dartho

12-25-2011 10:33 PM

Quote:

Originally Posted by Hippy (Post 2280688)

iphone and a few other phones you are not able to use the attachments
it work under pc /desktop

I can tell you how to remove the attachment button or implement fixes people find, but it works on my phone and that's what it is developed for.

Quote:

Originally Posted by CappingTheGame (Post 2280753)

I've not heard of that one before? What type of device?

Quote:

2.) Will a feature where you're able to view the thread starter be coming any time soon? Tons of requests on that. Also possibly a last poster or thread starter on the main forum page? Again, curious.

Thanks for your hard work, it is appreciated.

That would be easy to add in if you wish - where abouts do you want the thread starter name to appear?

dartho

12-25-2011 10:43 PM

Quote:

Originally Posted by Hippy (Post 2278483)

thanks for the update dartho
I have a questions for ya
How do I go about adding Next to the page nav..

Try replacing pagenav template with

HTML Code:

<div class="windowbg">

                <span>{vb:rawphrase page_x_of_y, {vb:raw pagenumber}, {vb:raw totalpages}}</span>



                <vb:if condition="$show['first']">

                <span class="first_last"><a rel="start" id="btn" href="{vb:raw firstaddress}{vb:raw address2}<vb:if condition="$anchor">#{vb:raw anchor}</vb:if>" title="{vb:rawphrase first_page} - {vb:rawphrase results_x_to_y_of_z, {vb:raw firstnumbers.first}, {vb:raw firstnumbers.last}, {vb:raw total}}">{vb:rawphrase first}</a></span>

                </vb:if>

                <vb:if condition="$show['prev']">

                <span class="prev_next"><a rel="prev" id="btn" href="{vb:raw prevaddress}<vb:if condition="$show['pagelinks']"><vb:if condition="$use_qmark">?</vb:if><vb:if condition="$use_amp">&amp;</vb:if>page={vb:raw prevpage}</vb:if>{vb:raw address2}<vb:if condition="$anchor">#{vb:raw anchor}</vb:if>" title="{vb:rawphrase prev_page} - {vb:rawphrase results_x_to_y_of_z, {vb:raw prevnumbers.first}, {vb:raw prevnumbers.last}, {vb:raw total}}">Prev</a></span>

                </vb:if>

                <vb:if condition="$show_prior_elipsis && $show['prev'] && $show['first']">

                <span class="separator">...</span>

                </vb:if>

                {vb:raw pagenav}

                <vb:if condition="$show_after_elipsis && $show['next'] && $show['last']">

                <span class="separator">...</span>

                </vb:if>

                <vb:if condition="$show['next']">

                <span class="prev_next"><a rel="next" id="btn" href="{vb:raw nextaddress}<vb:if condition="$show['pagelinks']"><vb:if condition="$use_qmark">?</vb:if><vb:if condition="$use_amp">&amp;</vb:if>page={vb:raw nextpage}</vb:if>{vb:raw address2}<vb:if condition="$anchor">#{vb:raw anchor}</vb:if>" title="{vb:rawphrase next_page} - {vb:rawphrase results_x_to_y_of_z, {vb:raw nextnumbers.first}, {vb:raw nextnumbers.last}, {vb:raw total}}">Next</a></span>

                </vb:if>

                <vb:if condition="$show['last']">

                <span class="first_last"><a id="btn" href="{vb:raw lastaddress}<vb:if condition="$show['pagelinks']"><vb:if condition="$use_qmark">?</vb:if><vb:if condition="$use_amp">&amp;</vb:if>page={vb:raw totalpages}</vb:if>{vb:raw address2}<vb:if condition="$anchor">#{vb:raw anchor}</vb:if>" title="{vb:rawphrase last_page} - {vb:rawphrase results_x_to_y_of_z, {vb:raw lastnumbers.first}, {vb:raw lastnumbers.last}, {vb:raw total}}">{vb:rawphrase last}</a></span>

                </vb:if>

</div>

Mark.B

12-25-2011 11:19 PM

Every so often I like to pop into this thread for the benefit of any vB n00bs, to say that this mobile style is "light years" ahead of the THING that vBulletin offer by default.

Use this coupled with Dartho's mobile detection addon if you want your site to present a professional, easily customisable style for mobile users.

See HERE for what I did with it.

Hippy

12-25-2011 11:35 PM

Quote:

Originally Posted by dartho (Post 2280973)

Try replacing pagenav template with

HTML Code:

<div class="windowbg">

                <span>{vb:rawphrase page_x_of_y, {vb:raw pagenumber}, {vb:raw totalpages}}</span>



                <vb:if condition="$show['first']">

                <span class="first_last"><a rel="start" id="btn" href="{vb:raw firstaddress}{vb:raw address2}<vb:if condition="$anchor">#{vb:raw anchor}</vb:if>" title="{vb:rawphrase first_page} - {vb:rawphrase results_x_to_y_of_z, {vb:raw firstnumbers.first}, {vb:raw firstnumbers.last}, {vb:raw total}}">{vb:rawphrase first}</a></span>

                </vb:if>

                <vb:if condition="$show['prev']">

                <span class="prev_next"><a rel="prev" id="btn" href="{vb:raw prevaddress}<vb:if condition="$show['pagelinks']"><vb:if condition="$use_qmark">?</vb:if><vb:if condition="$use_amp">&amp;</vb:if>page={vb:raw prevpage}</vb:if>{vb:raw address2}<vb:if condition="$anchor">#{vb:raw anchor}</vb:if>" title="{vb:rawphrase prev_page} - {vb:rawphrase results_x_to_y_of_z, {vb:raw prevnumbers.first}, {vb:raw prevnumbers.last}, {vb:raw total}}">Prev</a></span>

                </vb:if>

                <vb:if condition="$show_prior_elipsis && $show['prev'] && $show['first']">

                <span class="separator">...</span>

                </vb:if>

                {vb:raw pagenav}

                <vb:if condition="$show_after_elipsis && $show['next'] && $show['last']">

                <span class="separator">...</span>

                </vb:if>

                <vb:if condition="$show['next']">

                <span class="prev_next"><a rel="next" id="btn" href="{vb:raw nextaddress}<vb:if condition="$show['pagelinks']"><vb:if condition="$use_qmark">?</vb:if><vb:if condition="$use_amp">&amp;</vb:if>page={vb:raw nextpage}</vb:if>{vb:raw address2}<vb:if condition="$anchor">#{vb:raw anchor}</vb:if>" title="{vb:rawphrase next_page} - {vb:rawphrase results_x_to_y_of_z, {vb:raw nextnumbers.first}, {vb:raw nextnumbers.last}, {vb:raw total}}">Next</a></span>

                </vb:if>

                <vb:if condition="$show['last']">

                <span class="first_last"><a id="btn" href="{vb:raw lastaddress}<vb:if condition="$show['pagelinks']"><vb:if condition="$use_qmark">?</vb:if><vb:if condition="$use_amp">&amp;</vb:if>page={vb:raw totalpages}</vb:if>{vb:raw address2}<vb:if condition="$anchor">#{vb:raw anchor}</vb:if>" title="{vb:rawphrase last_page} - {vb:rawphrase results_x_to_y_of_z, {vb:raw lastnumbers.first}, {vb:raw lastnumbers.last}, {vb:raw total}}">{vb:rawphrase last}</a></span>

                </vb:if>

</div>

thanks U sir .. worked like a charm
Merry Christmas to you.
Have a great New Year

CappingTheGame

12-26-2011 02:10 AM

Quote:

Originally Posted by dartho (Post 2280972)

I can tell you how to remove the attachment button or implement fixes people find, but it works on my phone and that's what it is developed for.

I've not heard of that one before? What type of device?
iPhone 4 and also on Droid X. Have confirmed with about a dozen other people's devices also. Could be something on my end, but unsure how to fix it.

That would be easy to add in if you wish - where abouts do you want the thread starter name to appear?
Within the selected forum, adding the thread author directly below the forum title and above the last poster might be ideal. Just a thought...have had several suggestions on that. Again, thanks.

See bolded.

SRSC	12-26-2011 09:34 AM

How to resize the picture in post fit to screen?

yanref

12-29-2011 09:36 AM

hi dartho,

bit of an issue?
installed ok, looks and runs fine.
when i try to reply to a post, using over ten characters, it says, "sorry! this forum is not accepting posts" but it should be?
any ideas.

dartho

01-02-2012 09:40 PM

I'm not sure what would be causing this,and am unable to reproduce the error

yanref

01-02-2012 10:16 PM

Quote:

Originally Posted by dartho (Post 2283158)

I'm not sure what would be causing this,and am unable to reproduce the error

the site is, http://graphicshost.co.uk/gamers-asy...php?styleid=15
click a link? and you get this, Invalid Forum specified. If you followed a valid link

maybe its an issue on the latest vb...... any ideas!

snakes1100

01-03-2012 06:05 PM

dartho
i see numerous sites were this style will revert back to the forum default style when you click any link if your using 4.1.9, this includes yanrefs site. Just checked it on my droidx, doing it on my test site as well.

dartho

01-03-2012 11:00 PM

@yanref - still not sure what is causing your issue and no reports of anyone else with the same. Have you tried disabling all add-ons and plugins and testing? (do this in AdminCP->Settings->Options->Plugin/Hook System->Enable Plugin/Hook System = No)

@snakes - whilst yanref has other issues, it stays on the lightweight style for me when visiting his site from my PC and phone. my test site at vbdev.org doesn't have issues either. At any rate, I guess it would be a vBulletin problem if it couldn't maintain a style across pages ...

Hippy

01-03-2012 11:58 PM

@snakes
under Style & Language Settings
your Default Style is set to ?
Default Style for Old Mobile Browsers is set to ? should be none
Default Style for Modern Mobile Browsers is set to ?

in your Forums & Moderators > forum manager >Style Options is set to ?
these may affect the style and over ride things..

CappingTheGame

01-04-2012 12:04 AM

dart,

Any update on adding thread author or how to do it? Would be greatly appreciated. Thanks.

dartho

01-04-2012 12:36 AM

Quote:

Originally Posted by CappingTheGame (Post 2283559)

dart,

Any update on adding thread author or how to do it? Would be greatly appreciated. Thanks.

Edit threadbit template, search for

Code:

<div class="windowbg">

{vb:rawphrase last} {vb:rawphrase post}: {vb:raw thread.lastposter}, {vb:raw thread.lastpostdate}

<vb:if condition="!$show['detailedtime']">{vb:raw thread.lastposttime}</vb:if>



</div>

and replace with

Code:

<div class="windowbg">

<vb:if condition="!$show['detailedtime']">

                                                        {vb:rawphrase started_by_x_y_z_a, {vb:link member, {vb:raw thread}, null, 'postuserid', 'postusername'}, {vb:raw thread.postusername}, {vb:raw thread.startdate}, {vb:raw thread.starttime}, {vb:stylevar dirmark}}

                                                <vb:else />

                                                        {vb:rawphrase started_by_x_y_z, {vb:link member, {vb:raw thread}, null, 'postuserid', 'postusername'}, {vb:raw thread.postusername}, {vb:raw thread.startdate}, {vb:stylevar dirmark}}

                                                </vb:if>

</div>

<div class="windowbg">

{vb:rawphrase last} {vb:rawphrase post}: {vb:raw thread.lastposter}, {vb:raw thread.lastpostdate}

<vb:if condition="!$show['detailedtime']">{vb:raw thread.lastposttime}</vb:if>



</div>

Hippy

01-04-2012 01:01 AM

Quote:

Originally Posted by dartho (Post 2283571)

Edit threadbit template, search for

Code:

<div class="windowbg">

{vb:rawphrase last} {vb:rawphrase post}: {vb:raw thread.lastposter}, {vb:raw thread.lastpostdate}

<vb:if condition="!$show['detailedtime']">{vb:raw thread.lastposttime}</vb:if>



</div>

and replace with

Code:

<div class="windowbg">

<vb:if condition="!$show['detailedtime']">

                                                        {vb:rawphrase started_by_x_y_z_a, {vb:link member, {vb:raw thread}, null, 'postuserid', 'postusername'}, {vb:raw thread.postusername}, {vb:raw thread.startdate}, {vb:raw thread.starttime}, {vb:stylevar dirmark}}

                                                <vb:else />

                                                        {vb:rawphrase started_by_x_y_z, {vb:link member, {vb:raw thread}, null, 'postuserid', 'postusername'}, {vb:raw thread.postusername}, {vb:raw thread.startdate}, {vb:stylevar dirmark}}

                                                </vb:if>

</div>

<div class="windowbg">

{vb:rawphrase last} {vb:rawphrase post}: {vb:raw thread.lastposter}, {vb:raw thread.lastpostdate}

<vb:if condition="!$show['detailedtime']">{vb:raw thread.lastposttime}</vb:if>



</div>

thanks dartho
I tried the code above I am not sure what I did but I ended up editing it to this
look bettter to me any way..

Code:

<div class="windowbg">

<vb:if condition="!$show['detailedtime']">

 {vb:rawphrase started_by_x_y_z_a, {vb:link member, {vb:raw thread}, null, 'postuserid', 'postusername'}, {vb:raw thread.postusername}, {vb:raw thread.startdate}, {vb:raw thread.starttime}, {vb:stylevar dirmark}}

<vb:else />

{vb:rawphrase started_by_x_y_z, {vb:link member, {vb:raw thread}, null, 'postuserid', 'postusername'}, {vb:raw thread.postusername}, {vb:raw thread.startdate}, {vb:stylevar dirmark}}

</vb:if><br />

{vb:rawphrase last} {vb:rawphrase post}: {vb:raw thread.lastposter}, {vb:raw thread.lastpostdate}

<vb:if condition="!$show['detailedtime']">{vb:raw thread.lastposttime}</vb:if>

 

</div>

CappingTheGame

01-04-2012 01:10 AM

Works great...thanks man.

CappingTheGame

01-04-2012 01:16 AM

Real quick, how do I add it to the "New Posts" section also. Right now the thread author is only showing up within each respective forum. If you click New Posts, it still just shows latest poster...

Hippy

01-04-2012 01:26 AM

search_threadbit template do the same thing

CappingTheGame

01-04-2012 01:29 AM

Sorry, could you elaborate? I get doing the same thing, but I already replaced it in the threadbit area. Where do I replace it now?

Thx in advance.

CappingTheGame

01-04-2012 01:32 AM

Nevermind, think I got it. Thanks.

Hippy

01-04-2012 01:34 AM

search_threadbit template
search for

Code:

<div class="windowbg">

{vb:rawphrase last} {vb:rawphrase post}: {vb:raw thread.lastposter}, {vb:raw thread.lastpostdate}

<vb:if condition="!$show['detailedtime']">{vb:raw thread.lastposttime}</vb:if>

</div>

and replace it with

Code:

<div class="windowbg">

<vb:if condition="!$show['detailedtime']">                                                                

                </vb:if>

{vb:rawphrase started_by_x_y_z_a, {vb:link member, {vb:raw thread}, null, 'postuserid', 'postusername'}, {vb:raw thread.postusername}, {vb:raw thread.startdate}, {vb:raw thread.starttime}, {vb:stylevar dirmark}}<br />

{vb:rawphrase last} {vb:rawphrase post}: {vb:raw thread.lastposter}, {vb:raw thread.lastpostdate}



</div>

snakes1100

01-04-2012 05:10 PM

Quote:

Originally Posted by dartho (Post 2283542)

As it was on the test site, there actually are no additional products installed, mind you this only happens when using a mobile device, browsing the mobile style from a pc/linux box, it stays in mobile mode when navigating across the site.

It also appears your forcing the mobile style or its your only style on your dev site, which i dont do, never have had that option on even when it was running 3.8.x

In another test, it appears also that i cant change styles via the usercp, only via the quick change in the footer.

Quote:

Originally Posted by Hippy (Post 2283555)

I dont force users to use the mobile style, as the live site has tapatalk as well as this mobile style.

It is a test site, there are no modifications to forcing a style in specific forums, as i stated it happens on any link you click.

dartho

01-04-2012 09:57 PM

@snakes - yes, I was using vbulletin's detection, which doesn't 'force' a style but it does pre-select the lightweight style for mobile devices, and allows changing to other styles after initial detection. I turned this off and the style no longer sticks (from my Nexus) as you reported - neither does vbulletin's style so I can only assume the issue is with vbulletin. It does 'stick' from my desktop browser.

I've questioned this behaviour on vBulletin.com

flussmitteldj

01-04-2012 10:07 PM

I have two problems!

The Banner
http://www.abload.de/image.php?img=img_0301nplfe.png

The Football Game
http://www.abload.de/image.php?img=img_0302u5x1k.png

dartho

01-04-2012 10:18 PM

it doesn't support the football game, and you should choose smaller banners suitable for mobile devices only 320px wide for iphone

flussmitteldj

01-04-2012 10:23 PM

how can i smaller the banner for the mobile style?

dartho

01-05-2012 08:12 AM

I don;t know - ask your ad provider.

bremereric

01-08-2012 04:16 PM

Quote:

Originally Posted by flussmitteldj (Post 2283943)

how can i smaller the banner for the mobile style?

Photoshop

bremereric

01-09-2012 10:24 PM

Okay I replaced the mobilelogo.png file with my own reduced header.png. It still shows the Mobile header. What am I missing.

https://host261.hostmonster.com:2083...eurl=&basedir=

bremereric

01-10-2012 03:59 AM

Quote:

Originally Posted by bremereric (Post 2285722)

Okay I replaced the mobilelogo.png file with my own reduced header.png. It still shows the Mobile header. What am I missing.

https://host261.hostmonster.com:2083...eurl=&basedir=

Okay this is a delayed reaction like I had before. I uploaded some files to the c-panel before and it took sometime before I saw the changes. I finally saw my header.png on my phone. I replaced the mobilelogo.png in the images/misc folder and it finally worked.

vexxy

01-10-2012 09:35 PM

Great style, installed. Dartho, are you available for a small chat via PM? (it's not a support issue don't worry :) ). I tried to PM you but your inbox is kinda full.

tnx!

All times are GMT. The time now is 10:32 PM.

Page 18 of 29

« First

Last »

Show 40 post(s) from this thread on one page

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.02872 seconds Memory Usage 1,885KB 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 (8)bbcode_code_printable (2)bbcode_html_printable (16)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (4)pagenav_pagelink (2)pagenav_pagelinkrel (1)post_thanks_navbar_search (1)printthread (40)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
Messages: