Pligg Mobile Template

[Yankidank]

Looks like a great mobile template. I have been considering the idea of making a responsive template design to replace wistie, so that it would scale down to a mobile version automatically. Seeing what you did with the captcha and simple messaging module made me realize that I would have to take modules into consideration of such a design.

[mobiweb]

Thanks for the comment, Yankidank. I will make more improvement on this template...

[mobiweb]

Hi all,

You do not need to change setting of template to mobile. It keeps your current template when viewing your site on desktop browser and automatically change to mobile template when visiting your site on mobile device.

[mobiweb]

The new version has just been released to support upload module.

What are changes with last version:
template_details.php - pligg mobile template information
register_center.tpl - horizontal view
mpligg.css - horizontal view and upload module
link_summary.tpl - support upload module

Screen shots:

Landing page:
home.PNG

Story detail:
detail.PNG

Live Demo:
http://mobilepligg.com

[worldwalker]

RE: Version 1.0.0

how would one go about getting to the comments and descrption for a link ?

i seem to only be able to click a link that will take me off site, and not click into a submitted story's description and comment section.

[mobiweb]

RE: Version 1.0.0

how would one go about getting to the comments and descrption for a link ?

i seem to only be able to click a link that will take me off site, and not click into a submitted story's description and comment section.

Hi worldwalker,

In mobile version, the comments and description only displays in story page when you click on the title link.
In the story page, the comment section places in collapsible button.

If you are using the site at local host, please change the $my_base_url to your local ip address in settings.php to make sure it works well when you access with your mobile device.

e.g.
settings.php
$my_base_url = 'http://yourlocalipaddress';

And you can check the template in live demo at: Mobile Pligg

Let me know if you see the problem there.

Thanks.

[worldwalker]

RE: Version 1.0.0

I guess it is because i have my site set up to go directly to the link submitted. It would be nice to be able to have a "read more" link that would take you to the entire submission with comments and all. As i love to be able to have pressing the link title take me directly to the link for posts that have no description, and if a link have an explaining description one could press the "read more" link, and go to read description or to see the comments.

I really cannot tell you how impressed i am with this module. I would like to donate for it if you have a paypal account or something. Letting something like this be free of charged is really great.

Another thing.. I was looking around the CSS files to edit colors, padding and text size and stuff like that. However i am having a really hard time to do so.

In style.css i cant seem to change anything really. In mpligg.css i can edit some pretty advanced settings, however they only show up in opera mini, opera mobile and ipad safari. But not some other mobile browsers.

Im guessing i am editing the wrong thing here. So maybe you could direct me to where i can personalize the looks of the addon or let me know if im editing in the right place?

in some browsers the edited parts of the site is showing and in others they are not.
that makes it a bit of a mystery to me, since changing, lets say the color of the header background, in on place show be loaded in the same way by all browsers.

i have of course tried to clear cookies and cache, even uninstalling browsers or downloading yet another browser. clearing out template cache in the admin section.

do you have an idea what i am doing wrong ?


The following two pictures show the site at the same time sort of. it is two different browsers showing my edited site in two different ways. this puzzles me a great deal, since problems like that is usually just cache related. but as seen, they look very different

working:
working.jpg

not working:
notworking.jpg





Also.. The upcoming section looks different than the frontpage. The seperating blue line is missing and the alignment is a bit screwed up i think.

foto.jpg

[mobiweb]

Worldwalker,


It has been used JQuery Mobile so that to change style of some elements: you need to override JQM style.

For easier, I suggest you goto jquerymobile.com/themeroller: change whatever you like then download the theme to your site.

Readmore and comming up page will be have in next release.


Cheers.

[mobiweb]

worldwalker,

- style.css is default file for wistie that has not been changed much.
- mpligg.css is the one for mobile template which modified some component styles from JQueryMobile. E.g. header-button.ui-header, ui-li-heading...you need to find which JQueryMobile component you want to edit then write a new class override them.
- You can also go to ThemeRoller | jQuery Mobile to make your own theme then download and apply to your site.

- Readmore and upcomming page will have in next release...

Thanks for your feedback and let me know anything still need to be improved.

Cheers.