Welcome to the MacNN Forums.

If this is your first visit, be sure to check out the FAQ by clicking the link above. You may have to register before you can post: click the register link above to proceed. To start viewing messages, select the forum that you want to visit from the selection below.

You are here: MacNN Forums > Software - Troubleshooting and Discussion > Developer Center > CSS Request

CSS Request
Thread Tools
Grizzled Veteran
Join Date: Aug 1999
Location: a void where there should be ecstasy
Status: Offline
Reply With Quote
Feb 26, 2003, 02:22 AM
 
Im no web developer and i have tried to understand CSS numerous times without success.

I'd like a CSS that i could use as a substitute for an authors CSS in my browsers. I have alot of trouble with many sites on many browsers due to an authors CSS.

Im wondering if anyone would be prepared to knock up a custom CSS for me?

features :

Id like a CSS that does not allow a web site to use its own 'font style' and 'size'. Id like all pages to use only the font style/size i have chosen in the web browsers preferences.

Link Colors- I prefer ALL links on pages to be 'Underlined' and in 'Blue' and all 'Visited Links' to be in Purple. I guess there will be a situation that occurs where parts of a page are blue like macnn.com left side and the links would be blue also and thus difficult to read. Perhaps this is a situation where the background color should remain but the links on this blue should be inverted (White), im not sure if that possible tho.

Background color should remain as the author has set it. In other words background colors used by the page should remain unchanged but all links should conform to blue for unvisited an purple for visited.

Id appreiate greatly some assistance.
     
Senior User
Join Date: Dec 2002
Status: Offline
Reply With Quote
Feb 26, 2003, 05:00 AM
 
css is easy. it seemed hard for me to get at first, but it is simple common sense. you will see. i will be more than happy to help you out (a friend just did the same for me last week with css too).

specify the normal font colors, active link colors, hover color, and visited that you want me too use, and anything else you think of and i will do it asap. when i get up tomorrow morning

you will learn a lot just diggin in to your first css file. it really is simple
Nothing is older than the idea of new

     
Clinically Insane
Join Date: Nov 1999
Status: Offline
Reply With Quote
Feb 26, 2003, 08:34 AM
 
What font style and size do you have set in your preferences? This is important, because that's the only thing I can't do without the information you've given here.

This method isn't totally foolproof, but it's pretty close.
Code:
a:link, a:link:hover { color: blue !important; } a:visited, a:visited:hover, a:link:active { color: purple !important; } a:link, a:visited, a:hover, a:active { text-decoration: underline !important; background-color: inherit !important; }
The important part is, not surprisingly, the !important declaration that I've put on all of the rules. This will make sure that the browser will use your stylesheet's colors. Note that "inherit" (which I'm using often here) does not work properly on Netscape4, but that's OK because Netscape4 can't do user stylesheets anyway.

[EDIT: Added underlines and refactored some code]
You are in Soviet Russia. It is dark. Grue is likely to be eaten by YOU!
     
Targon  (op)
Grizzled Veteran
Join Date: Aug 1999
Location: a void where there should be ecstasy
Status: Offline
Reply With Quote
Feb 26, 2003, 08:54 AM
 
Hi guys, cheers for the replys.

In the preferences I have

Font 'Techno' and (the old classic font)
Size '11'


     
Targon  (op)
Grizzled Veteran
Join Date: Aug 1999
Location: a void where there should be ecstasy
Status: Offline
Reply With Quote
Feb 26, 2003, 10:45 AM
 
here is a pic of the way i want my browser pages to look...this is iCab with Quartz rendering disabled . (i dont think this is possible in Safari)

Image of Techno Font Size 11 Blue and Purple colors.
     
Clinically Insane
Join Date: Nov 1999
Status: Offline
Reply With Quote
Feb 26, 2003, 10:50 AM
 
That's your proportional font; what about monospace? I've substituted Monaco for the monospace font at this point, because it looks as close to Techno as you're likely to have in a monospaced font. I'm including the CSS from my previous post as well, so that you should be able to just cut/paste...
Code:
html, body, * { font-family: Techno !important; font-size: 11pt !important; } pre { font-family: Monaco !important; } a:link, a:link:hover { color: blue !important; } a:visited, a:visited:hover, a:link:active { color: purple !important; } a:link, a:visited, a:hover, a:active { text-decoration: underline !important; background-color: inherit !important; }
You are in Soviet Russia. It is dark. Grue is likely to be eaten by YOU!
     
Targon  (op)
Grizzled Veteran
Join Date: Aug 1999
Location: a void where there should be ecstasy
Status: Offline
Reply With Quote
Feb 26, 2003, 02:51 PM
 
Mill...in all browsers every Font is set to 'Techno' cos its the only one i ever want to look at. I dont know the difference between 'proportional' and 'monospace'

in iCab i can tell u Techno is assigned to the following

Serif
Sans Serif
Monospace
Cursive
Fantasy

In Safari there are two font types both assigned 'Tecnho' they are 'Standard' & 'Fixed-Width'

Im totally unaware of all this font teminology and have no idea what any of it means. All i know is i only like 'Techno' font size 11.

Sorry for being so painfully hopeless
     
Mac Elite
Join Date: Dec 2001
Location: Atlanta, GA, USA
Status: Offline
Reply With Quote
Feb 28, 2003, 02:39 PM
 
Originally posted by Targon:
Mill...in all browsers every Font is set to 'Techno' cos its the only one i ever want to look at. I dont know the difference between 'proportional' and 'monospace'

in iCab i can tell u Techno is assigned to the following

Serif
Sans Serif
Monospace
Cursive
Fantasy

In Safari there are two font types both assigned 'Tecnho' they are 'Standard' & 'Fixed-Width'

Im totally unaware of all this font teminology and have no idea what any of it means. All i know is i only like 'Techno' font size 11.

Sorry for being so painfully hopeless
Mono (monospaced) fonts (also called Fixed-Width fonts) are fonts where the characters are all the same width. If you want to create a text table without tags, or render source code, you use a monospaced font. I doubt you want to use a proportional font like Techno for monospaced, but I suppose you could if you wanted. If so, save the style sheet above as "style.css" and use that for your style sheet in your browser. I tested it and it does work in Safari.
Mac Pro 2x 2.66 GHz Dual core, Apple TV 160GB, two Windows XP PCs
     
Grizzled Veteran
Join Date: Nov 2001
Location: Oregon
Status: Offline
Reply With Quote
Mar 8, 2003, 02:12 AM
 
Originally posted by Targon:
Id like a CSS that does not allow a web site to use its own 'font style' and 'size'. Id like all pages to use only the font style/size i have chosen in the web browsers preferences.

Link Colors- I prefer ALL links on pages to be 'Underlined' and in 'Blue' and all 'Visited Links' to be in Purple.
Since you're using iCab, you can do everything you just asked for in Preferences without CSS: Select "Display" under the "Web Content" section. Uncheck the boxes/pop-ups which say "page decides" or "page sets."
     
Targon  (op)
Grizzled Veteran
Join Date: Aug 1999
Location: a void where there should be ecstasy
Status: Offline
Reply With Quote
Apr 8, 2003, 04:00 AM
 
Originally posted by Rainy Day:
Since you're using iCab, you can do everything you just asked for in Preferences without CSS: Select "Display" under the "Web Content" section. Uncheck the boxes/pop-ups which say "page decides" or "page sets."
I rainy day..i re-read my first post..i can't believe i didn't mention that im using Safari !!!!

Anywayz, i have long since been an iCab user. I have iCab set to exactly as u mentioned for years now to obtain the view i prefer.

Now, there are a few things that annoy me about iCab so now im using Safari 90% of the time, mostly cos of tabs, the ultra fast cache when hitting back button, and also text selection abilities.

My biggest problem is that ALL browsers including Safari wont use my font, size, color ect. Id liek to make Safari load pages in the same manner as i have set up iCab. the only way this is going to be possible is thru a customs CSS with the properties i have stipulated. those are

Font type 'Techno'
Font Size, min 11-max 11
Links underlined in Blue,
Unvisited Links Purple

even with milleniums css above this forum still ignores some of these properties same with some other sites.

im not sure this is ever going to be possible. Id just like to to Disable CSS altogether...it would be the easiest solution for me.
     
   
Thread Tools
Forum Links
Forum Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On
Top
Privacy Policy
All times are GMT -5. The time now is 08:50 PM.
All contents of these forums © 1995-2011 MacNN. All rights reserved.
Branding + Design: www.gesamtbild.com
vBulletin v.3.8.7 © 2000-2011, Jelsoft Enterprises Ltd., Content Relevant URLs by vBSEO 3.3.2