473,386 Members | 1,602 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,386 software developers and data experts.

new exciting styles

Does anyone have any suggestions for how I can "jazz" up the presentation of
my content using CSS? My web site has had the same basic look online for
seven years now. I want the basic layout and colors to be the same, but
perhaps have something like the picture zooming out from a point to its full
size when the page loads, or the text shimmering like a transporter beam or
something as it loads.

ideas? I don't want to exclude users of lesser technology from my content,
even if they don't get the full show. Are there examples of how to write
multiple style sheets for different uses? I've heard of them, but am still a
novice.

Thanks
Chris Watson a.k.a. "The Bicycling Guitarist"
www.TheBicyclingGuitarist.net/

Jul 21 '05 #1
5 1429
On Mon, 08 Nov 2004 06:57:30 GMT, The Bicycling Guitarist
<Ch***@TheBicyclingGuitarist.net> wrote:
Does anyone have any suggestions for how I can "jazz" up the
presentation of my content using CSS? My web site has had the same basic
look online for seven years now. I want the basic layout and colors to
be the same, but perhaps have something like the picture zooming out
from a point to its full size when the page loads, or the text
shimmering like a transporter beam or something as it loads.

ideas? I don't want to exclude users of lesser technology from my
content, even if they don't get the full show. Are there examples of how
to write multiple style sheets for different uses? I've heard of them,
but am still a novice.


In my opinion, alternate stylesheets is still a novelty, enjoyed by the
few in the know.

What I suggest is you look at CSS designs which have been done and get
inspiration from them. What to do, and more importantly what not to do.

I submit http://www.opro.org/new%20redesign/ as a design that might not be
perfect, but might spur you onto new ideas. Look at the sigs of regulars
here too. There are so many designs to go with.

Looking at your current design: I think the pic is too prominent. Some
content, like a H1, should be more prominent. The menu, being red (red is
a noticeable color), diverts the eye too. Think about focus. Think about
what you want them to feel when they see your page.

What style of music do you play? Would blacks and blues represent it
better? Greens? Purples?

Think about this for a while, then decide where you want to go.
Jul 21 '05 #2
The Bicycling Guitarist wrote:
Does anyone have any suggestions for how I can "jazz" up the
presentation of my content using CSS? My web site has had the same basic
look online for seven years now.
Yes - those buttons are very 1990s!
I want the basic layout and colors to
be the same, but perhaps have something like the picture zooming out
from a point to its full size when the page loads, or the text
shimmering like a transporter beam or something as it loads.
Please don't waste my CPU power and time with "effects" like that (which
can't be done with straight CSS anyway).

My favoured method, as someone with limited artistic creativity, is
theft. Apparently imitation == flattery, so that's OK. Find some sites
whose layouts you like, and jot down exactly what it is about the layout
that you like. For example, the menus on my site
(http://tranchant.plus.com/) are heavily influenced by Dan Cederholm's
SimpleBits site (http://simplebits.com/).

Try to design a coherent and consistent structure. Maybe you could
choose to differentiate the styling of different sections like the
colour changes at Far Heath Studios (http://farheath.com/) by Richard
Rutter.

Forget the implementation to start with. Pretty much everything you
might want to do can be implemented to some extent. If you start from a
viewpoint of "hey, where can I use border:groove; to best effect", your
design will suffer.
ideas? I don't want to exclude users of lesser technology from my
content, even if they don't get the full show. Are there examples of how
to write multiple style sheets for different uses? I've heard of them,
but am still a novice.


Decide what you want to do first, them come back with specifics. There
are always ways to hide or reveal CSS to different user agents with
varying reliability.

--
Mark.
http://tranchant.plus.com/
Jul 21 '05 #3

"Neal" <ne*****@yahoo.com> wrote in message
news:op**************@news.individual.net...
On Mon, 08 Nov 2004 06:57:30 GMT, The Bicycling Guitarist
<Ch***@TheBicyclingGuitarist.net> wrote: Look at the sigs of regulars here too. There are so many designs to go
with. Yep. Okay.

Looking at your current design: I think the pic is too prominent.
Well, my site is about "The Bicycling Guitarist" and a picture is worth a
thousand words, right?

What style of music do you play? Would blacks and blues represent it
better? Greens? Purples?


" I want the basic layout and colors to be the same"
There's a reason I picked red white and black. These are the band's colors,
and have been associated together in many cultures since ancient times.

Thanks again for your encouragement and advice.

Jul 21 '05 #4

"Mark Tranchant" <ma**@tranchant.plus.com> wrote in message
news:41***********************@ptn-nntp-reader02.plus.net...
The Bicycling Guitarist wrote:
be the same, but perhaps have something like the picture zooming out from
a point to its full size when the page loads, or the text shimmering like
a transporter beam or something as it loads.
Please don't waste my CPU power and time with "effects" like that (which
can't be done with straight CSS anyway).


Oops. I didn't know. Sorry. If I ever do have gee-whiz graphics or audio, I
will be sure to make them "optional."
My favoured method, as someone with limited artistic creativity, is theft.
That's how I originally learned how to play guitar, ;-)
Try to design a coherent and consistent structure. Maybe you could choose
to differentiate the styling of different sections like the colour changes
at Far Heath Studios (http://farheath.com/) by Richard Rutter.
I thought my site was coherent and consistent. ???
I use the same nav structure and page layout for nearly all the site's
pages, except for some of the very oldest.

Decide what you want to do first, them come back with specifics. There are
always ways to hide or reveal CSS to different user agents with varying
reliability.

Thanks Mark.

Jul 21 '05 #5
On Mon, 08 Nov 2004 17:19:21 GMT, The Bicycling Guitarist
<Ch***@TheBicyclingGuitarist.net> wrote:
" I want the basic layout and colors to be the same"
There's a reason I picked red white and black. These are the band's
colors, and have been associated together in many cultures since ancient
times.


Ok. Red is a highly attracting color - it pulls the eye. So use it
carefully. Too much red is not wise.

I'd use a more muted red - try something like #b22 - and incorporate some
greys as well.

See http://www.colorschemer.com/online.html for color ideas. And see
http://www.juicystudio.com/services/colourcontrast.asp for a tool to help
ensure your text and background combinations are readable.
Jul 21 '05 #6

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

0
by: Quinton | last post by:
I'm running a website that uses CSS to format the text and a CGI program Coranto that icludes news updates via SSI. My problem is that some parts of the CSS don't seem to take effect on the...
12
by: dan.vendel | last post by:
Hi, I know nothing about javascript, but quite a lot about regulat html and CSS. Have bumped into a problem that people in this fine congregation perhaps can help me with. I'm making a...
0
by: RollForward Wizard | last post by:
Exciting Oracle News Oracle DB Worm Code Published http://www.eweek.com/article2/0,1895,1880682,00.asp?kc=ewnws110205dtx1k0000599 Researcher: Oracle Passwords Crack in Mere Minutes...
3
by: JezB | last post by:
What's the generally accepted approach for using Styles and Stylesheets in a web application based on .aspx files, Web Controls, User Controls, and code-behind modules (c# in my case)? Most style...
7
by: sasquatch | last post by:
Hi, I've a a site with nested master pages and content pages. I tried using a theme with a stylesheet in the app_themes directory referencing it in the web.config file from a pages tag theme...
3
by: spolsky | last post by:
hi, it is possible to apply multiple styles as shown in the following example. <STYLE TYPE="text/css"><!-- BODY { background-color:salmon; } P { margin-left:20px; } .clsCode {...
0
by: matt urbanowski | last post by:
Hi, I have a calendar control on a form in VS2003 and have applied some styles to it. I have separate styles for all of the groups e.g. DayHeaderStyle, DayStyle, NextPrevStyle etc. and one for the...
4
by: splounx | last post by:
Hi there, I am a relative CSS & JavaScript novice and I have a particular problem that is beyond my level of knowledge so I thought I'd tap the collective wisdom of this group. I would like...
2
by: newbie | last post by:
Is there a tool to identify used / unused styles in a stylesheet? I have a tendency to accumulate styles in a stylesheet. Many of these styles are not actually employed by the page, so many of...
1
by: =?Utf-8?B?UmljaA==?= | last post by:
On my old workstation (development workstation) if I set Application/Enable XP visual styles - I was able to get/see the visual styles - like button borders highlighting when you run the mouse over...
0
by: taylorcarr | last post by:
A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: ryjfgjl | last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.