Discover Top Posts Tagged with #external css

just a pro-themer tip: don’t use element id’s or classes like “.events” or “#event” bcs tumblr won’t let you upload/update your external CSS into the theme-related files. maybe for security reasons, i bet.

#tumblr #tumblr themes #custom HTML #custom themes #CSS #external CSS #classes #events

How to host a external CSS file on DropBox

Things you need:

a theme done

a DropBox account

First thing you need to do is save your css file in a notepad called name.css the css part is very very very important. You can either delete the <style> tags or leave it like that, it will not make any difference.

Now, go to dropbox and click upload > files. Select the new css file you just saved and wait for it to load. You can either save in your dropbox home or create a folder, each theme/project you do can be organized in folders too.

This is how the file is on your dropbox page

Click on share and after, click on create a link.

Lastly click on copy a link. This is important to make sure everyone with this link can see the file. Now, the code you copied, paste it on a notepad, it should be a code like this:

https://www.dropbox.com/s/rn2vkymsmoq9fhr/blcodes.css?dl=0

is important to edit this link like this, delete the final part from ?dl=0 and replace the www. to dl. Now th code will be like this:

https://dl.dropbox.com/s/rn2vkymsmoq9fhr/blcodes.css

Now it’s time to apply this external css file to your html blog, that has no css. In your customize page, search for <head> and bellow paste:

replace the dropbox link part with your css link and save it. Wait a few seconds and see if the file is working.

How to edit this file and not need to replace the link every time?

Whenever you create a name.css file and upload to your dropbox page, it will replace the current file on the folder. That is, whenever you need to edit something on your code you don’t have to make a new link and edit the link on the head tag.

The only thing i’ve noticed is, you have to click share and create a link again, wait a few seconds and refresh the page.

But why have a external css if I can go to the customize and edit there?

You know, for the past years I have a lot of problems with tumblr, it can’t let me edit my codes, sometimes, it can’t let me even post or reblog sometimes. And I’m that kind of person who see something and don’t like in her theme, and want to edit/change asap. That is, if something super ugly appear in front of me and tumblr won’t let me change it, I’ll have to way until next day. That’s why I was eager in find how to make this, since I’ve tried many things that didn’t work. This is useful for people like me who is having a hard time with tumblr.

#coding #tutorials #external css #dropbox