Showing posts with label ios. Show all posts
Showing posts with label ios. Show all posts

Fixed Background Image on IOS? No problem.

Tuesday, April 7, 2015

Scroll those pages!

#FixedBackgroundImage #background-attachment

Many web designers have pulled out their hair over the lack of the common background-attachment: fixed css style for ios.

There are many solutions out there, from parallax to javascript to replicate the affect of a fixed background image.

However, there is a simpler solution. Really, there is.

Simply put the following div just below your body tag and adjust to your needs:

<div style="width:100%;height:100%;background-image:url("mybg.jpg"); background-size:cover; position: fixed; z-index:-1;"></div>

The important part here is that the dimensions be 100% of the page or container you want to fill. You can adjust the z-index to your other content as needed.

The background-size element allows your image to fill the entire div, and the fixed position allows all other content on the page to scroll while the image stays still.

IOS doesn't like fixed page backgrounds, but adding a full-sized div with a background flies fine in the face of those Apple devices.

Go ahead, give it a try!

Add an HTML signature to your ios device (and make it stay!)

Friday, March 13, 2015

HTML Signature for ios

When Apple launched the iPhone, that "Sent from my iPhone" signature on your outgoing emails was a novelty to some and an annoyance to others.

If you're a business, you probably find it annoying and would like to add some rich text linking to your website or display your logo.

There are instructions online on how to do this, but eventually, ios seems to break the images (since they aren't really supported).

Now there's a solution that works, even if you've closed the Mail app or even turned your device off. Although this does require some knowledge of html and saving files - you probably already know how to accomplish that, since you're looking to add an html signature in the first place.

Step 1
Create your html signature on your desktop computer, either in an email program, using the html tools available in your regular email or webmail client or using an html editor.
Important Tip: Don't paste images into your signature, upload them to a server and link to them. This prevents being blocked by email programs for 'dangerous' embedded content.

Step 2
Save the signature as an html file by copying the code into a text editor like notepad and save the file as something like 'signature.html'.

Step 3
Upload the file to your favorite cloud server (like dropbox), or email the file to your ios device as an attachment.

Step 4
On your ios device, open up your dropbox or other cloud program and view the file, or open up the html file you attached and mailed to yourself and view the file.

Step 5
When viewing your signature html file, select and copy it.

Step 6
Open your ios device settings, tap on 'Mail, Contacts, Calendars', then scroll down and tap on 'Signature'.

Step 7
Choose the account, or select 'All Accounts', delete what is currently in the text box and then paste the copied html signature into the box.

That's it. Try it out and see how it looks and enjoy!