Possible duplicate:
Can I override CSS using user-css on Mobile Safari?
I am trying to change the CSS of the website http://www.baomoi.com for my grandmother. I would like to change the CSS for readability for it and make it more minimalistic. I tried using the JavaScript bookmarklet:
javascript:(function(){if%20(!document.getElementById('someuniqueid')){var%20objHead%20=%20document.getElementsByTagName('head');%20if%20(objHead[0]){if%20(document.createElementNS%20&&%20objHead[0].tagName%20==%20'head')%20var%20objCSS%20=%20objHead[0].appendChild(document.createElementNS('http://www.w3.org/1999/xhtml',%20'link'));%20else%20var%20objCSS%20=%20objHead[0].appendChild(document.createElement('link'));%20objCSS.id%20=%20'someuniqueid';%20objCSS.rel%20=%20'stylesheet';%20objCSS.href%20=%20'http://fu.com/minimal.css';%20objCSS.type%20=%20'text/css';}}})()
This works once when it is initially loaded, but when another link is clicked on the site, it loads the CSS site by default.
Is it possible to have a site contained in an iframe and have persistent CSS throughout the site?
Or would it be easier to create your own iPad application that loads the site and aggressively inserts CSS?
I found this idea http://macthemes.net/forum/viewtopic.php?id=16808955&p=1 ; but I just downloaded the Xcode SDK and don’t want to delve into the creation of an iPad application just for this, if there is a simpler method.
Essentially, I just need to change the CSS of baomoi.com and make it stay constant while clicking on the links.
Any ideas and suggestions are welcome.
Thanks!
Edit: I'm looking at this now (CSSPivot), thank you again for your suggestions, I'm new to mobile safari, and I already noticed that iframes for some reason do not have scrollbars.
Also, there are suggestions to advance the route of creating a real iPad application that can also do this? I was considering looking at a freelancer or similar site where I could find someone to create this for me, since I have no experience in developing for iOS.
The iPad is a simple device for my grandmother, and I would like to do it where she can access several sites (Vietnamese sites, but they are quite difficult to navigate through her, and color schemes are hard to see).
Like Android, using the WebView element, it overrides the loading of URLs and redirects stylesheets to custom ones?
Thank you again for your suggestions.