This is a new website design that I might (hopefully ) use sometime between April of this year & when I am in Community College.
The purpose of this layout is to show off my talent for designing webpages.
One of the things that you should know about this layout is that when you hover over "mark.seymour" at the top-left corner, it glows. I do this by having ONE graphic (gif) with the "normal" version of the text, and the "highlighted" version of the text at the bottom. In CSS I have:
#logo {
background: url('../images/logo.gif') top center no-repeat;
}
#logo:hover {
background: url('../images/logo.gif') bottom center no-repeat;
}
Sometime I might describe the technique on my site, or something like that.
It took a little bit of work with it (considering that I only started it around thrusday/friday of the second week of April, and continued working on it on the sunday of that week.)
So for now, enjoy
If you have any questions about it or any suggestions to add to it, just comment on this, or email me at markseymour.89@hotmail.com.
Seeing the entire code makes it understandable. You make a overflow button with the 'display block' element in CSS to replace a header with an image.
Doesnt your image flicker when you hover it? CSS overflows tend to do that. Preloading might help then
A collection of the most beautiful and amazing square photographs I found among my favourites. Please have a look and give these artists the attention they deserve!
When it comes to community spirit, `Rushy is a shining example. From participating in devmeets, to providing positive encouragement to other artists, `Rushy can always be found demonstrating what it really takes to be a true deviant. It's without any hesitation that we are delighted to award the Deviousness Award for July 2009 to `RushyRead More
Devious Comments
Comments
**CY**
[link]
I use a H1 at top so then it's more accessible;
So how would I use "Block" to do it?
--
Doesnt your image flicker when you hover it? CSS overflows tend to do that. Preloading might help then
**CY**
--
Previous PageNext Page