Register Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools
  #1  
Old 08 May 2015, 21:23
Santori Santori is offline
 
Join Date: Apr 2010
Tutorial: How to see, images, videos and more into Vbulletin mobile

Hello:

After a lot of hours, I finally find the solutions to see to videos and images properly into my vbulletin mobile style: Some of this changes are by another people, I don,t remenber all, but thank you all of them...other changes are symple by me.

This are the changes you need to made.

FIXING CMS
Into the cms mobile you need to see the videos into a preview article page and into article page with a correct width.

Go to vbcms_content_article_preview

Search to :



Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

and change it for:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Now you have images and videos into mobile CMS preview; I put the size 270px because is the maximun size I recommend for mobile devices as Iphone or Samsung Galaxy.

But the videos are too big; no problem:

Go to: vbulletin.css

And at top write:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

NOW YOU HAVE ALSO RESIZED VIDEOS INTO PREVIEW AND ARTICLE PAGES.


FIXING FORUM AND BLOGS IMAGES

Ok, Now we have another problem: into forum pages and blosg, ect, the images are too big, and if you install a mod that resize the images this will be resized too into your full site.

No problem. go to the

Header template and put this code:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

This javascript will resize all the images to maximum witdh 270, but you can change it, this also works if you put the code into full site.



UPLOADING SERVICES TO PUT PHOTOS INTO POST
Now we look for the sollution to upload images into post. Into my case I donīt allow users to take photos or upload images and I put a third party service: tinypic.


You must go to:

newthread


Find:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.


And paste this code after:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

We need to put this code too for the New reply template and QUICK REPLY.

For quick reply go to: SHOWTHREAD and make the same changes that above.

THE LAST PROBLEM CAN BE: THE ATTACHMENT ARE NOT SHOWING.

You need to be sure you have this code into postbit template:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Now look into your mobile template for the following templates;

postbit_attachmentimage
postbit_attachmentthumbnail

Copy this templates from the full site templates...


That is all!!!!
Reply With Quote
  #2  
Old 13 May 2015, 10:49
softsingapore's Avatar
softsingapore softsingapore is offline
 
Join Date: Sep 2007
Thanks! Finally got the image preview in my CMS.
__________________
www.soft.com.sg - Singapore Music Portal
Reply With Quote
  #3  
Old 13 May 2015, 16:55
webmastersun's Avatar
webmastersun webmastersun is offline
 
Join Date: Oct 2013
Nice tips!

For our forum template, it already converted into responsive design thus I didn't use script like that any more.

But it is useful for mobile styles

Good job!
__________________
The best webmaster forum & internet marketing forum for webmasters and internet marketers.
Reply With Quote
  #4  
Old 22 May 2015, 19:09
hiker's Avatar
hiker hiker is offline
 
Join Date: Sep 2009
This is a great concept, although on my custom theme it is a bit different. Can you help me find where to place the code?

Here is my vbcms_content_article_preview code



Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Reply With Quote
  #5  
Old 25 May 2015, 17:04
Santori Santori is offline
 
Join Date: Apr 2010
For some reason you have yet the code but is not showing:
Try to change:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

FOR:
Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.


OR DELETE THE CONDITIONAL.

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Reply With Quote
Reply



Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools

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


New To Site? Need Help?

All times are GMT. The time now is 02:22.

Layout Options | Width: Wide Color: