Unintentional HTML Learning Day!

14 Jun

Screen shot 2013-06-14 at 4.56.54 PM

Whewy! This has been an exhausting process!  I have been trying to customize my website (using tumblr as my hosting site).  While most of the layout was alright, I wanted to change the background, the favicon and the header. I figured I will share what I learned (and the resources I used/dissected) to get the end result 🙂

Basic Scroll Box
First off, I learned how to do this neat box that can scroll (link). I learned it just for this blog post so it wouldn’t be too messy! You’re welcome 😉

<div style=”width: 400px; height: 60px; line-height: 1em; overflow: auto; padding: 2px; border: 4px double #DEBB07;”>Text Goes Here</div>

Scroll Box with Custom Background

@charset “utf-8”;
body {
background-color: {color:Background Color};
background-image:url(http://static.tumblr.com/suwucuz/oivmnwaol/tumblr_bg_jaguar_6.4.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: Bottom Left;
cursor: url(“”), default;
}
Also kinda learned how to do this constrained table box thing...but we'll save that for another time

Scroll Box with Pictured
Learned how to do a scroll box with pictures in them too – sweet!

Sample picture for scroll box: Milford Sound, New Zealand

Sample picture for scroll box: Franz Josef Glacier, New Zealand

That’s it for now, I am working on some other things as well, I will share as I go 🙂

Happy Friday!

Advertisements

One Response to “Unintentional HTML Learning Day!”

  1. Anna Sakoyan June 15, 2013 at 10:03 am #

    That’s really helpful, I’m sure I’ll have to use it one day. Thanks for sharing!

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: