Posts tagged CSS
Also, a quick personal note: don’t send me Tumblr messages through the “Fanmail” feature. I turned off my Ask box because I didn’t want any more questions and then people just started asking questions through Fanmail. I can’t turn it off, but I won’t reply. Thanks!
P.S. Tumblr, if you are listening, not being able to shut off the Fanmail “feature” is a terrible idea, please change that
I’m guessing that you can hide the little envelope button if you add this to the CSS of your page (i.e., in the custom CSS box or between the <style></style> tags in the customize panel):
.fan_mail{display:none !important;}
(via nedroidcomics)
This is a ridiculously basic trick (that is invaluable for changing Tumblr themes and other website code) that I should’ve learned a long time ago. At least I know it now!
To reload a page and bypass the cache:
either: Hold down both the Ctrl and ⇧ Shift keys and then press R. (Alternatively, hold down the Ctrl key and then press F5.) On a Mac, use the ⌘ Cmd key instead of Ctrl.
or: Hold down the ⇧ Shift key and click the Reload button on the navigation toolbar.
Ha! Myspace is how I learned to write HTML/CSS.
(via annorexicheart & fuckyeahidiotnerdgirl-deactivat)
Do you like my Tumblr layout?
Does it show up okay in your browser? Do you have any suggestions for improvement?
Sites like ava7patterns have lots of nice backgrounds to download for your webpage, but it’s good to know how to make your own if you’re into web design. It seems intuitive, but I like to refer back to this article.
History + HTML/CSS > History + Pencil/Paper
I’m making my World Civ notes into a carefully formatted HTML document. I like hand-coding like this more than I like using a word processor.
I’m spending more time adjusting borders, padding, and margins than I am memorizing facts about The French Revolution. My notes are gonna look so good, though.
Thanks, anon! I started with Peter Vidani’s Not Quite, but I removed the attribution since it doesn’t look anything like that theme anymore.
I used CSS to make my rollover logo. I created the normal and rollover versions of my logo in Photoshop (using a free font called Plastic Pill) and saved them to Photobucket.
And then I added this to my code:
<style>
#header {
height: 90px;
width: 784px;
background-image:url(http://.../axon-logo-2.png);
}
#header:hover img { display:none; }
</style>
<div id="header">
<img src="http://.../axon-logo-1.png" />
</div>
The bolded part makes “axon-logo-1.png” disappear when you put your mouse over it to reveal the background image (“axon-logo-2.png”) underneath.
