By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
445,813 Members | 1,252 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 445,813 IT Pros & Developers. It's quick & easy.

overriding font colors with... ?

P: 3
hi, is it any possible to override exact font colors in someone elses website ? i want to override all color except black. so, doing it via firefox's color choices not working. it overrides black too.
Mar 8 '07 #1
Share this Question
Share on Google+
4 Replies


Expert 100+
P: 1,892
hi, is it any possible to override exact font colors in someone elses website ? i want to override all color except black. so, doing it via firefox's color choices not working. it overrides black too.
Post an example of the code I'm not really sure what you mean.
Mar 8 '07 #2

P: 3
Post an example of the code I'm not really sure what you mean.
it is a php site with three frames left-top-center. it has its own .css which is goes like this:

<HEAD>
<link rel="stylesheet" href="whatever.css">
</HEAD>

and it contains this:

Expand|Select|Wrap|Line Numbers
  1. <!--
  2. body {scrollbar-3dlight-color:#222288; 
  3. scrollbar-arrow-color:#222288;
  4. scrollbar-base-color:#000000;
  5. scrollbar-darkshadow-color:#222288;
  6. scrollbar-face-color:#000000;
  7. scrollbar-highlight-color:#000000;
  8. scrollbar-shadow-color:#000000;
  9. color: #9999ff; }
  10. p,td {  font-family: Verdana, Arial, Helvetica; font-size: 8pt; }
  11. .forum {  font-family: Verdana, Arial, Helvetica; font-size: 8pt; }
  12. .blue {  color: #9999ff;}
  13. .bold {  color: #22ee22;}
  14. .gold { font-family: "Trebuchet MS", tecton,tekton,verdana,arial; color: #e8e296; font-weight: bold; font-size: 12pt; text-decoration: none }
  15. .silver { font-family: "Trebuchet MS", tecton,tekton,verdana,arial; color: #c4c2d6; font-weight: bold; font-size: 12pt; text-decoration: none }
  16. .bronze { font-family: "Trebuchet MS", tecton,tekton,verdana,arial; color: #c8b266; font-weight: bold; font-size: 12pt; text-decoration: none }
  17. h3 {  font-family: Arial, Helvetica; color: #9999ff; font-size: 12pt; font-style: normal; font-weight: bold}
  18. .body {  font-family: Verdana, Arial, Helvetica; font-size: 8pt; color: #00cc00; text-indent: 80px; clip:     rect(   ); margin-top: 0px; margin-bottom: 0px}
  19. .pre {  font-family: courier; font-size: 10pt; color: #6666ff; }
  20. .date {  font-family: "Courier New", Courier, mono; font-size: 10pt; color: #00cc00; text-indent: 0pt; margin-top: 10px; margin-bottom: 0px}
  21. li { font-family: Verdana, Arial, Helvetica; font-size: 8pt; color: #9999ff; clip: rect( ); margin-top: 0px; margin-bottom: 0px }
  22. .small { font-family: Verdana, Arial, Helvetica; font-size: 7pt; }
  23. .intro { font-family: Verdana, Arial, Helvetica; font-size: 8pt; color: #00cc00 ; line-height: 20pt;}
  24. h4 { font-family: Verdana, Arial, Helvetica; color: #9999ff; font-size: 10pt; font-style: normal; font-weight: bold }
  25. h2 { font-family: Arial, Helvetica; color: #9999ff; font-size: 14pt; font-style: normal; font-weight: bold }
  26. ul { font-family: Verdana, Arial, Helvetica; font-size: 8pt; color: #9999ff; clip: rect( ); margin-top: 0px; margin-bottom: 0px }
  27. dt { font-family: Verdana, Arial, Helvetica; font-size: 8pt; color: #9999ff; clip: rect( ); margin-top: 0px; margin-bottom: 0px }
  28. dd { font-family: Verdana, Arial, Helvetica; font-size: 8pt; color: #9999ff; clip: rect( ); margin-top: 0px; margin-bottom: 0px }
  29. dl { font-family: Verdana, Arial, Helvetica; font-size: 8pt; color: #9999ff; clip: rect( ); margin-top: 0px; margin-bottom: 0px }
  30. .mini { font-family: Verdana, Arial, Helvetica; font-size: 8pt; color: #003300; }
  31. .script { font-family: Courier, Verdana, Arial, Helvetica; font-size: 6pt; color: #9999ff; }
  32. input { background-color: #ccccff; border-color: #333399; color: #000000; font-family: Verdana, Arial, Helvetica; font-size: 8pt;}
  33. .checkbox { background-color: #000000; border-none; width: 12; height: 12; }
  34. select { background-color: #ccccff; border-color: #333399; color: #000000; font-family: Verdana, Arial, Helvetica; font-size: 8pt;}
  35. textarea { background-color: #ccccff; border-color: #333399; color: #000000; font-family: Verdana, Arial, Helvetica; font-size: 8pt;}
  36. .readonly { background-color: #000000; color: #ccccff; border-color: #000000; }
  37. .semireadonly { background-color: #000000; color: #ccccff; border-color: #0000cc; }
  38. .highlight { color: #ccccff; }
  39. .hilight { color: #eeeeff; }
  40. .menu { color: #6666ff; }
  41. .tablehead { background-color: #000066; }
  42. .tablemark { background-color: #000066; }
  43. .tablehighlight { background-color: #9999ff; }
  44. .tablecolorborder1 { border-color: #000066; }
  45. .tablecolorborder2 { border-color: #666666; }
  46. .tablecolorbg { background-color: #000033; }
  47. .report { font-family: Courier; color: black; background-color: rgb(30%,30%,30%); }
  48. .p {  font-family: Verdana, Arial, Helvetica; font-size: 8pt; color: #6666ff;}
  49. a {  color: #9999ff;}
  50. -->
also when i look at the source i see this:

Expand|Select|Wrap|Line Numbers
  1.         if (parseInt(Math.random()*2)) {
  2.                         toright = '<font color="'+geel+'">&gt;</font>';
  3.                         toleft = '&lt;';
  4.                 } else {
  5.                         toright = '<font color="'+geel+'">&raquo;</font>';
  6.                         toleft = '&laquo;';
  7.                 }
  8.                 fakeagain1 = '<p><font color="black"></font><a href="censored.php?ch_id='+chid+'&opps='+opps+'&pageid='+fid+'"><span id="a1">'+toright+' explanatory text '+toright+'</span></a></p>';
  9.                 fakeagain2 = '<p><font color="black">---</font><a href="censored.php?ch_id='+chid+'&opps='+opps+'&pageid='+fid+'"><span id="a2">'+toright+' explanatory text '+toright+'</span></a></p>';
  10.                 fightagain1 = '<p><font color="black">--</font><a href="censored.php?ch_id='+chid+'&opps='+opps+'&pageid='+nid+'"><span id="a1">'+toright+' explanatory text '+toright+'</span></a>';
  11.                 fightagain2 = '<p><font color="black">----</font><a href="censored.php?ch_id='+chid+'&opps='+opps+'&pageid='+nid+'"><span id="a2">'+toright+' explanatory text '+toright+'</span></a>';
  12.                 grijs = '#' + '0' + (parseInt(Math.random()*16)).toString(16) + '0' + (parseInt(Math.random()*16)).toString(16) + '0' + (parseInt(Math.random()*16)).toString(16);
  13.                 //geel = '#' + (parseInt(Math.random()*16)+188).toString(16) + (parseInt(Math.random()*16)+240).toString(16) + (parseInt(Math.random()*16)+86).toString(16);
  14.                 //groen = '#' + '0' + (parseInt(Math.random()*16)).toString(16) + (parseInt(Math.random()*16)+240).toString(16) + (parseInt(Math.random()*16)+86).toString(16);
  15.         groen = geel;
  16.                 backlink = '<p><font color="black">----</font><a href="censored_censor.php?page='+chlvl+'&opps='+opps+'"><font color="'+groen+'"><span id="bl">&lt; back to somewhere &lt;</span></font></a></p>';
i was hoping to open the whole website in a big big iframe which contains my own .css which overrides everything as i like.
Mar 8 '07 #3

Expert 100+
P: 1,892
it is a php site with three frames left-top-center. it has its own .css which is goes like this:

<HEAD>
<link rel="stylesheet" href="whatever.css">
</HEAD>

and it contains this:

Expand|Select|Wrap|Line Numbers
  1. <!--
  2. body {scrollbar-3dlight-color:#222288; 
  3. scrollbar-arrow-color:#222288;
  4. scrollbar-base-color:#000000;
  5. scrollbar-darkshadow-color:#222288;
  6. scrollbar-face-color:#000000;
  7. scrollbar-highlight-color:#000000;
  8. scrollbar-shadow-color:#000000;
  9. color: #9999ff; }
  10. p,td {  font-family: Verdana, Arial, Helvetica; font-size: 8pt; }
  11. .forum {  font-family: Verdana, Arial, Helvetica; font-size: 8pt; }
  12. .blue {  color: #9999ff;}
  13. .bold {  color: #22ee22;}
  14. .gold { font-family: "Trebuchet MS", tecton,tekton,verdana,arial; color: #e8e296; font-weight: bold; font-size: 12pt; text-decoration: none }
  15. .silver { font-family: "Trebuchet MS", tecton,tekton,verdana,arial; color: #c4c2d6; font-weight: bold; font-size: 12pt; text-decoration: none }
  16. .bronze { font-family: "Trebuchet MS", tecton,tekton,verdana,arial; color: #c8b266; font-weight: bold; font-size: 12pt; text-decoration: none }
  17. h3 {  font-family: Arial, Helvetica; color: #9999ff; font-size: 12pt; font-style: normal; font-weight: bold}
  18. .body {  font-family: Verdana, Arial, Helvetica; font-size: 8pt; color: #00cc00; text-indent: 80px; clip:     rect(   ); margin-top: 0px; margin-bottom: 0px}
  19. .pre {  font-family: courier; font-size: 10pt; color: #6666ff; }
  20. .date {  font-family: "Courier New", Courier, mono; font-size: 10pt; color: #00cc00; text-indent: 0pt; margin-top: 10px; margin-bottom: 0px}
  21. li { font-family: Verdana, Arial, Helvetica; font-size: 8pt; color: #9999ff; clip: rect( ); margin-top: 0px; margin-bottom: 0px }
  22. .small { font-family: Verdana, Arial, Helvetica; font-size: 7pt; }
  23. .intro { font-family: Verdana, Arial, Helvetica; font-size: 8pt; color: #00cc00 ; line-height: 20pt;}
  24. h4 { font-family: Verdana, Arial, Helvetica; color: #9999ff; font-size: 10pt; font-style: normal; font-weight: bold }
  25. h2 { font-family: Arial, Helvetica; color: #9999ff; font-size: 14pt; font-style: normal; font-weight: bold }
  26. ul { font-family: Verdana, Arial, Helvetica; font-size: 8pt; color: #9999ff; clip: rect( ); margin-top: 0px; margin-bottom: 0px }
  27. dt { font-family: Verdana, Arial, Helvetica; font-size: 8pt; color: #9999ff; clip: rect( ); margin-top: 0px; margin-bottom: 0px }
  28. dd { font-family: Verdana, Arial, Helvetica; font-size: 8pt; color: #9999ff; clip: rect( ); margin-top: 0px; margin-bottom: 0px }
  29. dl { font-family: Verdana, Arial, Helvetica; font-size: 8pt; color: #9999ff; clip: rect( ); margin-top: 0px; margin-bottom: 0px }
  30. .mini { font-family: Verdana, Arial, Helvetica; font-size: 8pt; color: #003300; }
  31. .script { font-family: Courier, Verdana, Arial, Helvetica; font-size: 6pt; color: #9999ff; }
  32. input { background-color: #ccccff; border-color: #333399; color: #000000; font-family: Verdana, Arial, Helvetica; font-size: 8pt;}
  33. .checkbox { background-color: #000000; border-none; width: 12; height: 12; }
  34. select { background-color: #ccccff; border-color: #333399; color: #000000; font-family: Verdana, Arial, Helvetica; font-size: 8pt;}
  35. textarea { background-color: #ccccff; border-color: #333399; color: #000000; font-family: Verdana, Arial, Helvetica; font-size: 8pt;}
  36. .readonly { background-color: #000000; color: #ccccff; border-color: #000000; }
  37. .semireadonly { background-color: #000000; color: #ccccff; border-color: #0000cc; }
  38. .highlight { color: #ccccff; }
  39. .hilight { color: #eeeeff; }
  40. .menu { color: #6666ff; }
  41. .tablehead { background-color: #000066; }
  42. .tablemark { background-color: #000066; }
  43. .tablehighlight { background-color: #9999ff; }
  44. .tablecolorborder1 { border-color: #000066; }
  45. .tablecolorborder2 { border-color: #666666; }
  46. .tablecolorbg { background-color: #000033; }
  47. .report { font-family: Courier; color: black; background-color: rgb(30%,30%,30%); }
  48. .p {  font-family: Verdana, Arial, Helvetica; font-size: 8pt; color: #6666ff;}
  49. a {  color: #9999ff;}
  50. -->
also when i look at the source i see this:

Expand|Select|Wrap|Line Numbers
  1.         if (parseInt(Math.random()*2)) {
  2.                         toright = '<font color="'+geel+'">&gt;</font>';
  3.                         toleft = '&lt;';
  4.                 } else {
  5.                         toright = '<font color="'+geel+'">&raquo;</font>';
  6.                         toleft = '&laquo;';
  7.                 }
  8.                 fakeagain1 = '<p><font color="black"></font><a href="censored.php?ch_id='+chid+'&opps='+opps+'&pageid='+fid+'"><span id="a1">'+toright+' explanatory text '+toright+'</span></a></p>';
  9.                 fakeagain2 = '<p><font color="black">---</font><a href="censored.php?ch_id='+chid+'&opps='+opps+'&pageid='+fid+'"><span id="a2">'+toright+' explanatory text '+toright+'</span></a></p>';
  10.                 fightagain1 = '<p><font color="black">--</font><a href="censored.php?ch_id='+chid+'&opps='+opps+'&pageid='+nid+'"><span id="a1">'+toright+' explanatory text '+toright+'</span></a>';
  11.                 fightagain2 = '<p><font color="black">----</font><a href="censored.php?ch_id='+chid+'&opps='+opps+'&pageid='+nid+'"><span id="a2">'+toright+' explanatory text '+toright+'</span></a>';
  12.                 grijs = '#' + '0' + (parseInt(Math.random()*16)).toString(16) + '0' + (parseInt(Math.random()*16)).toString(16) + '0' + (parseInt(Math.random()*16)).toString(16);
  13.                 //geel = '#' + (parseInt(Math.random()*16)+188).toString(16) + (parseInt(Math.random()*16)+240).toString(16) + (parseInt(Math.random()*16)+86).toString(16);
  14.                 //groen = '#' + '0' + (parseInt(Math.random()*16)).toString(16) + (parseInt(Math.random()*16)+240).toString(16) + (parseInt(Math.random()*16)+86).toString(16);
  15.         groen = geel;
  16.                 backlink = '<p><font color="black">----</font><a href="censored_censor.php?page='+chlvl+'&opps='+opps+'"><font color="'+groen+'"><span id="bl">&lt; back to somewhere &lt;</span></font></a></p>';
i was hoping to open the whole website in a big big iframe which contains my own .css which overrides everything as i like.
After rereading, I don't think you will be able to override someone elses website unless you copy that code to your own site. You would need access to their site to change the CSS for the page.
Mar 8 '07 #4

P: 3
After rereading, I don't think you will be able to override someone elses website unless you copy that code to your own site. You would need access to their site to change the CSS for the page.
but firefox doing it easily... it should be possible. well let me alter my question then, how can i see how firefox doing it ?
Mar 8 '07 #5

Post your reply

Sign in to post your reply or Sign up for a free account.