Automagically generate your own hexadecimal color codes!
Since there seemed to be a little hexadecimal color code trend on this page for a little while, I thought I'd continue the tradition with a little something I found called Colormat 3001. By dragging the sliders there you can generate all the colors you could want to use on a website. go to www.yaromat.com and click on the Colormat link. .. i won't make a direct link to it because if you poke around more on Yaromat you'll find quite a few Dreamweaver extensions and even a Java Macintosh emulator, just for fun.
July 31, 2001
Worms, worms, everywhere...
Oh, will the madness ever end? Just in case you haven't already heard about this latest e-mail worm, here's a good article with some instructions on how to eliminate this pesty bug.
PCWorld.com - Sircam Worm: Crawling Fast but Easily Crushed
Oh, will the madness ever end? Just in case you haven't already heard about this latest e-mail worm, here's a good article with some instructions on how to eliminate this pesty bug.
PCWorld.com - Sircam Worm: Crawling Fast but Easily Crushed
July 30, 2001
Ok, I'm a new guy so i should start off by saying 'burrito.'
Anyway, since this is a web design theme, I like coding languages, like PHP right now, so I dug up a link to a help file. Yea it's on PHP's site, but hey now it's even easier to learn.
All you gotta do is get the manual (well and read some). Also find a free php host to learn on, ok so it's alot. Bear with me on this.
Anyway, since this is a web design theme, I like coding languages, like PHP right now, so I dug up a link to a help file. Yea it's on PHP's site, but hey now it's even easier to learn.
All you gotta do is get the manual (well and read some). Also find a free php host to learn on, ok so it's alot. Bear with me on this.
More colors...
Here's an even better table of hexideximal color codes:
Webmonkey Color Codes
(Thanks Ellen, for the link)
Here's an even better table of hexideximal color codes:
Webmonkey Color Codes
(Thanks Ellen, for the link)
All the colors of the rainbow...
Handy chart for getting those hexidecimal codes for various colors.
RGB Color Codes and Names
Handy chart for getting those hexidecimal codes for various colors.
RGB Color Codes and Names
The morning after...
Things are now back to normal after the Blog-a-thon.
Of course, the big news of the day is the impending destruction of the Internet by the Code Red worm (ok, maybe I'm exaggerating a little bit).
Code Red Alert
Things are now back to normal after the Blog-a-thon.
Of course, the big news of the day is the impending destruction of the Internet by the Code Red worm (ok, maybe I'm exaggerating a little bit).
Code Red Alert
July 29, 2001
One last CSS post...
Here's one more good tutorial, the basics of CSS tags - the who, what, when and why!
Step 1: The Layout - CSS in 7 Easy Steps
Here's one more good tutorial, the basics of CSS tags - the who, what, when and why!
Step 1: The Layout - CSS in 7 Easy Steps
More on CSS...
Did I create more questions than I answered? Here is a basic tutorial to look over:
Anthony's Cascading Style Sheets 2 Tutorial
Did I create more questions than I answered? Here is a basic tutorial to look over:
Anthony's Cascading Style Sheets 2 Tutorial
CSS in detail
Let's look at a two-column layout on Glish.com (ALA style):
body { margin:0px 0px 0px 0px; } <-- nothing tricky here, just establishing the margins as zero pixels
#leftcontent { <-- we're setting the width of the column, borders and margins
float:left;
width:67%;
background:#fff;
border-right:2px solid #000;
border-bottom:2px solid #000;
margin-right:15px;
padding-bottom:20px;}
#rightcontent {
}
p,h1,pre { <--- defining some text elements
margin:0px 30px 10px 30px;
}
h1 {
font-size:14px;
padding-top:10px;
}
#rightcontent p { <--- establishing the right column
font-size:10px;
margin-left:0px;
}
Ok, so we stash this code in the "head" section of a web page and then set it with two "div" sections, one each for the left and right columns.
Here is the example (be sure and look at the source code)
Let's look at a two-column layout on Glish.com (ALA style):
body { margin:0px 0px 0px 0px; } <-- nothing tricky here, just establishing the margins as zero pixels
#leftcontent { <-- we're setting the width of the column, borders and margins
float:left;
width:67%;
background:#fff;
border-right:2px solid #000;
border-bottom:2px solid #000;
margin-right:15px;
padding-bottom:20px;}
#rightcontent {
}
p,h1,pre { <--- defining some text elements
margin:0px 30px 10px 30px;
}
h1 {
font-size:14px;
padding-top:10px;
}
#rightcontent p { <--- establishing the right column
font-size:10px;
margin-left:0px;
}
Ok, so we stash this code in the "head" section of a web page and then set it with two "div" sections, one each for the left and right columns.
Here is the example (be sure and look at the source code)
More CSS
Next, let's surf over to bluerobot.com and look at a couple more layouts. From here, we'll pick a two column page and start looking at it more closely.
The Layout Reservoir - BlueRobot
Next, let's surf over to bluerobot.com and look at a couple more layouts. From here, we'll pick a two column page and start looking at it more closely.
The Layout Reservoir - BlueRobot
CSS Layouts
Strap yourself in with the seatbelt, because here we go with the last tutorial.
So, you want a two or more columns on your web page. Frames don't play well with the search engines, and your tables just don't spark any interest. Well, let's examine using CSS to do the layout.
Start here and read up on some good code by Eric Costello:
glish.com : CSS layout techniques
Strap yourself in with the seatbelt, because here we go with the last tutorial.
So, you want a two or more columns on your web page. Frames don't play well with the search engines, and your tables just don't spark any interest. Well, let's examine using CSS to do the layout.
Start here and read up on some good code by Eric Costello:
glish.com : CSS layout techniques
Modifying your windows...
Ok, we've got the basic link down, now let's add some more of the options. Let's add the scrollbar and the location:
a href="javascript:void window.open('beach.html', 'Sample2', 'width=340,height=260,scrollbars=1,location=1');"
Click here to test it
Ok, we've got the basic link down, now let's add some more of the options. Let's add the scrollbar and the location:
a href="javascript:void window.open('beach.html', 'Sample2', 'width=340,height=260,scrollbars=1,location=1');"
Click here to test it
Opening new windows, continued...
So, there's the traditional method, but let's say you want more control over that new "child" window that you're opening. Knowing the attributes that you can control from the tutorial below, you can control the height, width, turn the toolbar on and off, etc.
And, if it is a one time deal, you can get by with something very simple. Just use the window.open command in your anchor tag:
a href="javascript:void window.open('/images/beach.jpg', 'Sample1', 'WIDTH=340,HEIGHT=260');"
Click here to try it
So, there's the traditional method, but let's say you want more control over that new "child" window that you're opening. Knowing the attributes that you can control from the tutorial below, you can control the height, width, turn the toolbar on and off, etc.
And, if it is a one time deal, you can get by with something very simple. Just use the window.open command in your anchor tag:
a href="javascript:void window.open('/images/beach.jpg', 'Sample1', 'WIDTH=340,HEIGHT=260');"
Click here to try it
;){kind=link}
Opening up links in a new window
The next item on my list of topics. We've touch on this a tad bit, with the pop up windows. There is the classic method, using the "target" attribute of the anchor tag.
a href="http://whatever.com" target="_blank" <-- opens the link in a brand new browser.
But, you can control what parts of the browser you want to use in your new window. Take a look at this article:
Popup Tutor
(if you clicked on this, you got a new browser, ie. _blank was the target)
The next item on my list of topics. We've touch on this a tad bit, with the pop up windows. There is the classic method, using the "target" attribute of the anchor tag.
a href="http://whatever.com" target="_blank" <-- opens the link in a brand new browser.
But, you can control what parts of the browser you want to use in your new window. Take a look at this article:
Popup Tutor
(if you clicked on this, you got a new browser, ie. _blank was the target)
Putting it to the test...
Ok, let's combine the two previous tutorials and create a pop up window with a colored scroll bar.
Click here to test it and then check out the source code.
Ok, let's combine the two previous tutorials and create a pop up window with a colored scroll bar.
Click here to test it and then check out the source code.
Scrollbar finale...
If the previous two sites weren't enough, this handy little tool creates the CSS code for you.
Copy and paste and violia! You've got your scrollbars!
Scrollbar Color Properties
If the previous two sites weren't enough, this handy little tool creates the CSS code for you.
Copy and paste and violia! You've got your scrollbars!
Scrollbar Color Properties
Scroll bars continued...
And again, here's another good article.
Fabulous tropical scroll bars for IE 5.5 - Web Building - CNET.com
And again, here's another good article.
Fabulous tropical scroll bars for IE 5.5 - Web Building - CNET.com
Customizing the browser scroll bar...
You know you want them - those spiffy colored, funky scroll bars that only the
coolest web sites have. Let's walk through it step by step.
First off, let's visit this site for an introduction:
ZDNet: Help & How-To: Colored scroll bars
You know you want them - those spiffy colored, funky scroll bars that only the
coolest web sites have. Let's walk through it step by step.
First off, let's visit this site for an introduction:
ZDNet: Help & How-To: Colored scroll bars
Subscribe to:
Posts (Atom)