Externally host CSS on Dropbox

Externally host CSS on Dropbox

Description:
Keep your CSS safe by remotely hosting it for free on Dropbox.

You will Need:
A Dropbox account - Free and Paid Subscriptions available.
A CSS file.


Step 1: Preparing Your File
a.) Select a CSS code that you wish to remotely host.
b.) Open it in your editor of choice, (e.g. Notepad (Windows), Notepad++, Sublime, etc.)
c.) Remove the style tags: <style> & </style>.
d.) Save as filename.css


Step 2: Uploading and Sharing Your File
a.) Log into dropbox and upload your file.
b.) Once your file has been uploaded, click on the Share button for your file.
c.) Make sure that others can view the file. If this option is not selected you may be the only one who can see the profile.
d.) Copy the link.

Step 3: Using the file on Subeta
a.) On Subeta navigate to where you with to use the code, e.g. pet profile, user profile, e.t.c.
b.) Type in the style tags: <style> </style>
c.) Within these tags you will add: @import url(DROPBOXurl);
d.) You will need to replace the www with dl.
e.) The @import needs to stay at the very top of any additional CSS that may be added on site.

Here is the result:


<style>

@import url(https://dl.dropbox.com/s/r08z5kkma3b3skw/pet%20profile%20test%202.css?dl=0);

</style>



How I Use It:
I use setup for my codes for several reasons. By downloading dropbox on my PC and Macbook, I can access and modify my files on the go or which ever computer feels like working that day. It also allows me to modify and update code and see it update onsite within seconds after saving my file. If Subeta has any hiccups that mess with code, I know it is safe offsite.