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

Page 10 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)

elwachiman

05-04-2011 02:08 AM

Quote:

Originally Posted by Kolbi (Post 2184132)

Compiled and optimised:

Code:

<script type="text/javascript">

function fixImgs(b){var a=document.getElementsByTagName("img");for(i=0;i<a.length;i++)if(w=a[i].width,h=a[i].height,w>b)f=1-(w-b)/w,a[i].width=w*f,a[i].height=h*f}function addLoadEvent(b){var a=window.onload;window.onload=typeof window.onload!="function"?b:function(){a&&a();b()}}addLoadEvent(function(){fixImgs(200)});

</script>

Excellent works perfect images are adjusted to the mobile. thanks

Kolbi

05-04-2011 09:39 AM

Quote:

Originally Posted by elwachiman (Post 2191542)

Excellent works perfect images are adjusted to the mobile. thanks

Have you tested it with an iPhone? With my notebook the images are resized but not on my mobilephone.

elwachiman

05-04-2011 02:13 PM

Quote:

Originally Posted by Kolbi (Post 2191612)

Have you tested it with an iPhone? With my notebook the images are resized but not on my mobilephone.

was tested in nokia e63 soon be tested on the i phone and the images are very well suited to the mobile screen

Kolbi

05-05-2011 09:47 AM

Quote:

Originally Posted by elwachiman (Post 2191688)

was tested in nokia e63 soon be tested on the i phone and the images are very well suited to the mobile screen

Result resizing images (current):

Apple iPhone 3G - doesn't work
Apple iPad 1 - works
Nokia E63 - works
PC/Laptop - works

S_E_A

05-05-2011 01:27 PM

Hello, thank you for a great mod.

I would like to remove 'last post by' and 'date/time of last post'. Plus I'd prefer the forum titles not underline on the index page. How can I do this?

Any help is greatly appreciated.

Thank you.

dartho

05-06-2011 12:32 AM

Quote:

Originally Posted by S_E_A (Post 2192269)

I would like to remove 'last post by' and 'date/time of last post'.

edit the threadbit template, search for and delete the following (at the end of the template)

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>

Quote:

Originally Posted by S_E_A (Post 2192269)

Plus I'd prefer the forum titles not underline on the index page. How can I do this?

Edit the lightweight.css.php and search for:

Code:

forumold,.forumnew,.forumlink, .forumold_lock, .forumnew_lock

{

        padding:4px;

and add the following immediately below on a new line

Code:

text-decoration:none;

S_E_A

05-06-2011 07:58 AM

Thank you, dartho. The 'last post by' and 'date/time of last post' has successfully been removed. I tried the non-underline suggestion, however the forum titles remain underlined?

dartho

05-06-2011 10:23 AM

You could edit the forumhome_forumbit* (only level 1 and level 2 need changing)template and replace occurences of

HTML Code:

<a href="{vb:link forum, {vb:raw forum}}">

with

HTML Code:

<a href="{vb:link forum, {vb:raw forum}}" style="text-decoration:none;">

S_E_A

05-06-2011 11:05 AM

Great stuff, dartho. The second suggestion was successful.

Is it possible the background colour of 'postbit as background for username/date of post' and the background of thread titles in the threadbit template (think correct template) can be different?

The Rocketeer

05-09-2011 05:17 AM

Hi, Its a great style and I have been using this style for a while, but I cant seem to get the forum icons to appear, I was trying to make it look more attractive something close to this one...

https://vborg.vbsupport.ru/showpost....&postcount=353

https://vborg.vbsupport.ru/external/2011/05/46.jpg

dartho

05-09-2011 01:31 PM

I'm guessing mark has a bunch of forum icons whose names correspond to the forumid number of each forum and has edited the forumhome templates, taken out the statuicon images and replace with custom images.

just searched - check here: https://vborg.vbsupport.ru/showthread.php?t=239274 for one way on how to do this

grc	05-09-2011 07:00 PM

Is there some way I can add a link to "My Profile" to the style?

dartho

05-09-2011 09:12 PM

Sure, edit a template and insert a ink - where did you want the link to appear? Currently I think usernames in threads are linked to profile pages, there isn;t much to see on teh profile page though ...

MissKalunji

05-10-2011 11:01 AM

anyway to get THIS look for your 3.8 product? or guidance ?

grc	05-10-2011 02:58 PM

Quote:

Originally Posted by dartho (Post 2193800)

I was trying to get it to play nice with the thanks mod which displays "thanks" users have received on their "My Profile" page. Unfortunately, that information is in a tab and when I link to it in this style it automatically gives the first tab and doesn't even show the other tabs.

dartho

05-10-2011 09:43 PM

Yeah - this is a pretty cut back style without all the usual hooks and content. If you want to add in stuf like that, you're going to have to do it manually by editing the profile templates or modifying the 'Thanks' plugins to also work with this style.

hilfe-forum

05-16-2011 01:40 PM

top style...
But in this style google analytics not work...
Why?

Kolbi

05-16-2011 05:35 PM

Sure? How have you implemented google analytics?

I would recommend vbSeo integration.

hilfe-forum

05-17-2011 11:03 PM

great Style!
But dont work with VBSEO :(

make my links from:

http://www.hilfe-forum.eu/tutorials-...r-hamachi.html

to

http://www.hilfe-forum.eu/showthread...39#post1386439

so can?t use with VBSEO :(

deverill2010

05-28-2011 05:34 PM

Hi I am wondering if you can help anyway with this.

I have created a page on facebook for my site and what I wanted to do was create a sneak preview tab of the mobile version in a iframe to show within my facebook page.

The above is all fine and I have that working.

I want to display the mobile version of my site i.e this mod as it looks clean and fits nicely in the page, so to do that I am calling this url - www.mywebsite.co.uk/forum.php?styleid=7

Which is fine and displays the mobile version, the thing is if I log in via the iframe on my facebook page it reverts back to my normal style (non mobile).

Is there a way to create a URL so when it is called it sticks to the mobile version?

I don't know if any of the above is possible but thought I would ask her as you made this mod so would know it better than anyone else.

I appreciate any help..
Thanks
J

dartho

05-28-2011 09:04 PM

That'd be more of a vbulletin issue than a style issue, and I'm not sure why, or how to work around. Have you tested with a user account?

Robru

05-29-2011 06:06 PM

Works very well with vB 4.1.4 :)

djawir

05-31-2011 09:43 AM

attachment problem on vbulletin 4.1.3 + vbseo + unixy varnish cache

cant download attachment, always redirect to login page

djawir

05-31-2011 02:16 PM

fixed varnish cache issue not style issue

Mooff

06-01-2011 09:25 AM

1 Attachment(s)

First i want to thank you for your great work. The lightweight style really is blazing fast.

Secondly i want to present the adjustment we made on our board hopeing to improve the usability considering every button is pressed by a huge finger instead of a small mouse on a smartphone display.

I'm not so much talking about the optical changes we made.

We have made one big technical change throughout the whole style. Instead of using text based links, we are using the whole div as a link, which immediately increases the clickable area, as shown on the attached screenshot. The whole grey area now functions as a link.

Here is a live demo: http://www.united-forum.de/?styleid=84

Just wanted to let you know and hope you are interested in including the technical change, since that would save us work (template changes) during an update. :D

previous-code:

Code:

<div class="forum{vb:raw forum.statusicon}"><img style="margin-top: 3px;" src="{vb:stylevar imgdir_statusicon}/forum_{vb:raw forum.statusicon}-16.png" alt="" align="left">&nbsp;<a href="{vb:link forum, {vb:raw forum}}">{vb:raw forum.title}</a></div>

spanlink-code:

Code:

<div class="forum{vb:raw forum.statusicon}" style="position:relative"><a href="{vb:link forum, {vb:raw forum}}"><span class="uf_spanlink"></span></a><span>{vb:raw forum.title}</span></div>

(sidenode, removing the img was purely cosmetic and has nothing to do with the technical change)
additional technical change in the css file:

Code:

.forumold,.forumnew,.forumlink, .forumold_lock, .forumnew_lock

{

...

+        position: relative;

}

.uf_spanlink

{

        position: absolute;

        width: 100%;

        height: 100%;

        top: 0;

        left: 0;

        z-index: 1;

}

For the thread view, the other links (lastpost etc.) do need z-index: 2, to be in front of the spanlink (which can be done via css) and these changes need to be made in about 10? or more templates. If someone is interested and my information is unclear, just ask.

Regards Mooff

Winter Sonata

06-01-2011 06:41 PM

Hello

Does this style recognize small devices ? or shall one change the defulat one once you enter the site ?

Thanks

CardMafia

06-02-2011 03:17 AM

Quote:

Originally Posted by Winter Sonata (Post 2202455)

Hello

Does this style recognize small devices ? or shall one change the defulat one once you enter the site ?

Thanks

Set this style as the default for mobile devices in your admincp :)

jerde

06-02-2011 07:25 AM

Has anyone pursued to make this fully CMS compatible?

Dartho, how much donation would it take to get this done for CMS?

dartho

06-02-2011 10:05 AM

@Mooff - I'll have a look into that, thanks for the suggestion and code
@Sonata - what Card+++++ said! (this is just a style - no inbuilt detection, but VB has that)
@jerde - I've done some custom work on CMS for a specific site, but doubt this is directly transferable as the CMS's can be customised so much, so I have no plans at the moment on actually doing the CMS at present.

jerde

06-02-2011 08:52 PM

Understood, I was just thinking simplicity is better. Have a single column that shows the title, author, and content of the article. That's it. As long as it's fast, and people can read the news, that's all that matters.

Let me know if you would be willing to do a CMS customization for my site blackberryos.com? I'd send you a donation for your help.

jerde

06-03-2011 03:56 AM

Anyone know when the vBulletin team will finally come out with a good mobile style?

Filgga

06-12-2011 12:21 AM

Quote:

Originally Posted by Robru (Post 2201357)

Works very well with vB 4.1.4 :)

Edit... This was my fault, disabled the smilies on the theme

deverill2010

06-12-2011 06:37 AM

Dartho a few templates need updating with the 4.1.4 version, do you plan on updating these at all?

Pretty please your mobile skin is the best by far. Better than vbulletin one as far as I am concerned :)

deverill2010

06-12-2011 06:38 AM

I have also noticed that if I edit a post it breaks out of the frame and you have to keep scrolling right to see the end of the box.

Damn updates!

RRiccio

06-13-2011 07:23 PM

Quote:

Originally Posted by tadukuttan (Post 2185245)

Desktop/PCMode link does not seem to work with VB 4.1.3, every time user switches to Desktop Style, clicking any forum link causes style to switch back to Mobile/Lightweight style. I just changed default style chooser to have 'none' option with value '-1', similar to what VB mobile style uses to switch back to full style.

Code:

                        <setting varname="ls_default_style" displayorder="20">

                                <datatype>free</datatype>

                                <optioncode>select:eval

$options = fetch_style_title_options_array();$options = array('-1' => $vbphrase['none']) + $options;</optioncode>

                        </setting>

This works alright, please let me know if there is better fix.

where do I edit this?

dartho

06-14-2011 12:49 AM

Quote:

Originally Posted by deverill2010 (Post 2206520)

I have also noticed that if I edit a post it breaks out of the frame and you have to keep scrolling right to see the end of the box.

Damn updates!

Go into style manager and open up the Editor Templates > editor_toolbar_off template. Copy it's contents and then edit the Editor Templates > editor_ckeditor template and paste in what you copied. Then edit the editor_clientscript template and delete it's contents.

baghdad4ever

06-14-2011 10:53 AM

how to add google ads in this style?

wrhatter

06-14-2011 04:01 PM

Quote:

Originally Posted by deverill2010 (Post 2206519)

This.

Users love the template, but it broke with the 4.1.4 upgrade.

Going to see if it's just a css issue, and hopefully it can be resolved relatively easily.

wrhatter

06-14-2011 04:15 PM

If you reupload the template it kicks back in properly.

Tells me that the upgraded templates broke the CSS links.

Not a big issue if you haven't heavily modified the templates, you can just re-upload and it'll fix itself. Otherwise, you'll have to re-edit your templates (postbit for me) to add your custom funcationality back in.

leftanalog

06-28-2011 04:52 PM

Ive been looking through the templates, but am unsure what I need to add/change to get the "Post thank you" hack to work with this lightweight style.

If someone could please help.
Thanks a ton.

All times are GMT. The time now is 08:34 PM.

Page 10 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.02112 seconds Memory Usage 1,841KB 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 (12)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (4)pagenav_pagelink (1)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: