Author Topic: modifying files for mobile viewing?  (Read 1574 times)

0 Members and 1 Guest are viewing this topic.

Offline JeremyB796

  • Occasional poster
  • *
  • Posts: 15
    • View Profile
modifying files for mobile viewing?
« on: May 20, 2014, 05:11:45 PM »
I am wondering if it is possible to edit this to fit within a small form factor-
Is there a single template that I would have to edit or would I have to do this all files individually?

I have to learn more html and css prior to editing it though, as I only know chunks of html 4.1 and only enough css to add a bgimage.

Offline bmartino1

  • Tireless poster
  • ****
  • Posts: 870
  • I'm only trying to help i mean no offense.
    • View Profile
    • My HFS Google Drive Shared Link
Re: modifying files for mobile viewing?
« Reply #1 on: May 20, 2014, 07:12:59 PM »
developing web pages can be diffucults:

html (good source to use)
http://www.w3schools.com/html/DEFAULT.asp

Css (good source to use):
http://www.w3schools.com/css/DEFAULT.asp

as for your question. I'm not aware of any developed template ment to fit in the 240 px by 240 px range for phone dispaly
not he standard 720 by 1024 range for tablets....

rarw template might have something but no guarantess.

you would have to develope to webpages with in the html text that chaecks browser and operating system(which is using jquery a java based code....
(use googel webs for development help, using chrome web source you can copy it right from them....)- might save you ahve the time and work, other wise your html will need:
http://www.w3schools.com/jquerymobile/jquerymobile_intro.asp
I'm only trying to help i mean no offense.
thank you for your time and patience,
Bmartino1

Offline JeremyB796

  • Occasional poster
  • *
  • Posts: 15
    • View Profile
Re: modifying files for mobile viewing?
« Reply #2 on: May 21, 2014, 05:41:18 PM »
Since the p[ages are already there- I could possible strip the "fat" off, and shrink the width.
By template- I meant if the pages were formatted off of one file. or if they were all individually formated (from the looks of the code(that I barely understand), it seems to be the later)

I'm thinking of using newer smart phone displays as reference as they are becoming common place (I'm probably one of few without a cellular device at all)
I won't be worrying about feature-phone compatibility as those things can't do much on the web anyways.

I was planning to have separate static mobile variation of what is already in place- It seems that the FHFS website already works fine on iOS and Android, I would just need to pick away at things to make it...thinner...
---

I'm probably way over my head with this...I have limited knowledge about such tasks- I actually was looking at W3schools as that is how I learned html4.1 originally...

I want to try to take a minimal approach to this to make it fit nicely.
I want to keep text a sparse as possible while still explaining decently, and to avoid centering everything as that would look awful.
I think I could have the logo on top-left, logon/register buttons to the top-right (on top one another), put the navbar below it rather than on top, make the font slightly larger, shrink the white border down within those buttons.

login prompt may need to be smaller...it looks like it would fit-

The file listing might need to lose a few features- Keep the most basic things towards the top (or represent them as icon on the right
So I would probably keep uploading, deleting, renaming, new folders, and other file actions at the top of side, and push actions that probably wouldn't be used as much to the bottom...just in case someone wants to do certain things...
« Last Edit: May 21, 2014, 05:50:38 PM by JeremyB796 »

Offline bmartino1

  • Tireless poster
  • ****
  • Posts: 870
  • I'm only trying to help i mean no offense.
    • View Profile
    • My HFS Google Drive Shared Link
Re: modifying files for mobile viewing?
« Reply #3 on: May 21, 2014, 08:33:42 PM »
then you need to use html to set the width and height of thepage:
http://stackoverflow.com/questions/5965007/how-can-i-set-a-fixed-height-for-my-entire-webpage

which uses css in html:

html {
  min-width: 100%;
  min-height: 100%;
  background-image: url(http://www.example.com/somelargeimage.jpg);
  background-position: top center;
  background-color: #000;
}

body {
  width: 1054px;
  height: 1054px;
  background-color: #FFF;
}
I'm only trying to help i mean no offense.
thank you for your time and patience,
Bmartino1