The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

How To Get Colored Text In A Chart

View previous topic View next topic Go down

Solved How To Get Colored Text In A Chart

Post by MADBIKER1960 on December 27th 2010, 3:41 pm

Greetings;

http://nfsworldcommunity.canadian-forum.com/portal

I have a member of the forum who has created some charts.

These charts require color, however his attempt at putting color in has failed, and I am not sure how to tell him to put color in. I know it can be done, he already has on another site with the same list.

Any ideas on how I can make this happen for him?

MADBIKER1960
Forumember

Male Posts : 97
Reputation : 0
Language : English
Location : Toronto, Ontario. CANADA

http://nfsworldcommunity.canadian-forum.com/

Back to top Go down

Solved Re: How To Get Colored Text In A Chart

Post by RoNo on December 27th 2010, 11:32 pm

If you're using the original table code/div classes, try this
Code:
.dp-highlighter {
   background-color: darkred;
   font-family: "Consolas","Courier New",Courier,mono,serif;
   font-size: 12px;
   margin: 18px 0 !important;
   overflow: auto;
   padding-top: 1px;
   }
   
.dp-highlighter ol li {border-left: 3px solid lime;padding-left:2px;}
.dp-highlighter ol {color:lime;}
.dp-highlighter span {color:orange;}
.dp-highlighter span dpj
.dp-highlighter a {color:#999999;}
.dp-highlighter a:hover {color:#000000;}
.dp-highlighter .dp-j .number {color: yellow;}

Example
Code:
.dp-highlighter {
   background-color: darkred;
   font-family: "Consolas","Courier New",Courier,mono,serif;
   font-size: 12px;
   margin: 18px 0 !important;
   overflow: auto;
   padding-top: 1px;
   }
   
.dp-highlighter ol li {border-left: 3px solid lime;padding-left:2px;}
.dp-highlighter ol {color:lime;}
.dp-highlighter span {color:orange;}
.dp-highlighter span dpj
.dp-highlighter a {color:#999999;}
.dp-highlighter a:hover {color:#000000;}
.dp-highlighter .dp-j .number {color: yellow;}
</style>

<div class="dp-highlighter"><div class="bar"><div class="tools"><a onclick="dp.sh.Toolbar.Command('ViewSource',this);return false;" href="#">view plain</a><a onclick="dp.sh.Toolbar.Command('CopyToClipboard',this);return false;" href="#">copy to clipboard</a><a onclick="dp.sh.Toolbar.Command('PrintSource',this);return false;" href="#">print</a><a onclick="dp.sh.Toolbar.Command('About',this);return false;" href="#">?</a></div></div><ol start="1" class="dp-j"><li class="alt"><span><span>****************************** TYPE: E N G I N E ********************************</span></span></li><li class=""><span>=================================================================================</span></li><li class="alt"><span>Series| Manufacturer Brand |RAR| TSD ACC HND | Price T1 | Price T2 | Price T3 |</span></li><li class=""><span>=================================================================================</span></li><li class="alt"><span>Street| Amerikon SpeedSystems|1st|<span class="number">2</span><span>%</span><span class="number">2</span><span>%</span><span class="number">0</span><span>% |</span><span class="number">2</span><span>,</span><span class="number">000</span><span> | </span><span class="number">10</span><span>,</span><span class="number">000</span><span> | </span><span class="number">40</span><span>,</span><span class="number">000</span><span> |</span></span></li><li class=""><span>Street| Amerikon SpeedSystems|2nd|<span class="number">3</span><span>%</span><span class="number">3</span><span>%</span><span class="number">0</span><span>% |</span><span class="number">3</span><span>,</span><span class="number">000</span><span> | </span><span class="number">15</span><span>,</span><span class="number">000</span><span> | </span><span class="number">60</span><span>,</span><span class="number">000</span><span> |</span></span></li><li class="alt"><span>Street| Amerikon SpeedSystems|3rd|<span class="number">4</span><span>%</span><span class="number">4</span><span>%</span><span class="number">0</span><span>% |</span><span class="number">4</span><span>,</span><span class="number">000</span><span> | </span><span class="number">20</span><span>,</span><span class="number">000</span><span> | </span><span class="number">80</span><span>,</span><span class="number">000</span><span> |</span></span></li><li class=""><span>Street| DawnDraft|1st|<span class="number">1</span><span>%</span><span class="number">3</span><span>%</span><span class="number">0</span><span>% |</span><span class="number">2</span><span>,</span><span class="number">000</span><span> | </span><span class="number">10</span><span>,</span><span class="number">000</span><span> | </span><span class="number">40</span><span>,</span><span class="number">000</span><span> |</span></span></li><li class="alt"><span>Street| DawnDraft|2nd|<span class="number">2</span><span>%</span><span class="number">4</span><span>%</span><span class="number">0</span><span>% |</span><span class="number">3</span><span>,</span><span class="number">000</span><span> | </span><span class="number">15</span><span>,</span><span class="number">000</span><span> | </span><span class="number">60</span><span>,</span><span class="number">000</span><span> |</span></span></li><li class=""><span>Street| DawnDraft_ _ _ _ _ _ |3rd|<span class="number">3</span><span>%</span><span class="number">4</span><span>%</span><span class="number">0</span><span>% |??| ?? | ?? |</span></span></li><li class="alt"><span>Street| NOVA-T |1st|<span class="number">2</span><span>%</span><span class="number">1</span><span>%</span><span class="number">0</span><span>% |</span><span class="number">1</span><span>,</span><span class="number">650</span><span> |</span><span class="number">8</span><span>,</span><span class="number">300</span><span> | </span><span class="number">33</span><span>,</span><span class="number">000</span><span> |</span></span></li><li class=""><span>Street| NOVA-T |2nd|<span class="number">3</span><span>%</span><span class="number">2</span><span>%</span><span class="number">0</span><span>% |</span><span class="number">2</span><span>,</span><span class="number">500</span><span> | </span><span class="number">12</span><span>,</span><span class="number">500</span><span> | ?? |</span></span></li><li class="alt"><span>Street| NOVA-T _ _ _ _ _ _ _ |3rd|<span class="number">4</span><span>%</span><span class="number">3</span><span>%</span><span class="number">0</span><span>% |??| ?? | ?? |</span></span></li><li class=""><span>Street| OMNIA RaceGruppe |1st|<span class="number">3</span><span>%</span><span class="number">1</span><span>%</span><span class="number">0</span><span>% |</span><span class="number">2</span><span>,</span><span class="number">000</span><span> | </span><span class="number">10</span><span>,</span><span class="number">000</span><span> | </span><span class="number">40</span><span>,</span><span class="number">000</span><span> |</span></span></li><li class="alt"><span>Street| OMNIA RaceGruppe |2nd|<span class="number">4</span><span>%</span><span class="number">2</span><span>%</span><span class="number">0</span><span>% |</span><span class="number">3</span><span>,</span><span class="number">000</span><span> | </span><span class="number">15</span><span>,</span><span class="number">000</span><span> | </span><span class="number">60</span><span>,</span><span class="number">000</span><span> |</span></span></li><li class=""><span>Street| OMNIA RaceGruppe |3rd|<span class="number">4</span><span>%</span><span class="number">3</span><span>%</span><span class="number">0</span><span>% |??| ?? | ?? |</span></span></li><li class="alt"><span>Street| Royal Purple |RPE|<span class="number">4</span><span>%</span><span class="number">4</span><span>%</span><span class="number">0</span><span>% |</span><span class="number">0</span><span> |</span><span class="number">0</span><span> |</span><span class="number">0</span><span> |</span></span></li><li class=""><span>--------------------------------------------------------------------------------|</span></li><li class="alt"><span>Race| Gromlen|1st|<span class="number">4</span><span>%</span><span class="number">4</span><span>%</span><span class="number">0</span><span>% |</span><span class="number">5</span><span>,</span><span class="number">000</span><span> | </span><span class="number">25</span><span>,</span><span class="number">000</span><span> |</span><span class="number">100</span><span>,</span><span class="number">000</span><span> |</span></span></li><li class=""><span>Race| Gromlen|2nd|<span class="number">6</span><span>%</span><span class="number">6</span><span>%</span><span class="number">6</span><span>% |??|??|??|</span></span></li><li class="alt"><span>Race| Gromlen_ _ _ _ _ _ _ |3rd|<span class="number">7</span><span>%</span><span class="number">7</span><span>%</span><span class="number">0</span><span>% |??|??|??|</span></span></li><li class=""><span>Race| Kestrel|1st|<span class="number">4</span><span>%</span><span class="number">6</span><span>%</span><span class="number">0</span><span>% |</span><span class="number">5</span><span>,</span><span class="number">000</span><span> | </span><span class="number">25</span><span>,</span><span class="number">000</span><span> |</span><span class="number">100</span><span>,</span><span class="number">000</span><span> |</span></span></li><li class="alt"><span>Race| Kestrel|2nd|<span class="number">4</span><span>%</span><span class="number">8</span><span>%</span><span class="number">0</span><span>% |</span><span class="number">6</span><span>,</span><span class="number">000</span><span> | </span><span class="number">30</span><span>,</span><span class="number">000</span><span> |</span><span class="number">120</span><span>,</span><span class="number">000</span><span> |</span></span></li><li class=""><span>Race| Kestrel_ _ _ _ _ _ _ |3rd|<span class="number">4</span><span>%</span><span class="number">9</span><span>%</span><span class="number">0</span><span>% |??|??|??|</span></span></li><li class="alt"><span>Race| Norset |1st|<span class="number">6</span><span>%</span><span class="number">4</span><span>%</span><span class="number">0</span><span>% |</span><span class="number">5</span><span>,</span><span class="number">000</span><span> | </span><span class="number">25</span><span>,</span><span class="number">000</span><span> |</span><span class="number">100</span><span>,</span><span class="number">000</span><span> |</span></span></li><li class=""><span>Race| Norset |2nd|<span class="number">8</span><span>%</span><span class="number">4</span><span>%</span><span class="number">0</span><span>% |??|??|??|</span></span></li><li class="alt"><span>Race| Norset _ _ _ _ _ _ _ |3rd|<span class="number">9</span><span>%</span><span class="number">4</span><span>%</span><span class="number">0</span><span>% |??|??|??|</span></span></li><li class=""><span>Race| Richter|1st|<span class="number">4</span><span>%</span><span class="number">4</span><span>%</span><span class="number">0</span><span>% |??|??|??|</span></span></li><li class="alt"><span>Race| Richter|2nd|<span class="number">6</span><span>%</span><span class="number">4</span><span>%</span><span class="number">0</span><span>% |</span><span class="number">5</span><span>,</span><span class="number">000</span><span> | </span><span class="number">25</span><span>,</span><span class="number">000</span><span> |</span><span class="number">100</span><span>,</span><span class="number">000</span><span> |</span></span></li><li class=""><span>Race| Richter|3rd|<span class="number">7</span><span>%</span><span class="number">4</span><span>%</span><span class="number">0</span><span>% |??|??|??|</span></span></li><li class="alt"><span>--------------------------------------------------------------------------------|</span></li><li class=""><span>Pro | Medion |1st|------ |??|??|??|</span></li><li class="alt"><span>Pro | Medion |2nd|------ |??|??|??|</span></li><li class=""><span>Pro | Medion _ _ _ _ _ _ _ |3rd|<span class="number">9</span><span>%</span><span class="number">9</span><span>%</span><span class="number">0</span><span>% | </span><span class="number">10</span><span>,</span><span class="number">000</span><span> | </span><span class="number">50</span><span>,</span><span class="number">000</span><span> |</span><span class="number">200</span><span>,</span><span class="number">000</span><span> |</span></span></li><li class="alt"><span>Pro | URSA Motorsport|1st|------ |??|??|??|</span></li><li class=""><span>Pro | URSA Motorsport|2nd|------ |??|??|??|</span></li><li class="alt"><span>Pro | URSA Motorsport_ _ _ |3rd|------ |??|??|??|</span></li><li class=""><span>Pro | Velocicom|1st|<span class="number">6</span><span>%</span><span class="number">9</span><span>%</span><span class="number">0</span><span>% |??|??|??|</span></span></li><li class="alt"><span>Pro | Velocicom|2nd|<span class="number">6</span><span>% </span><span class="number">12</span><span>%</span><span class="number">0</span><span>% |??|??|??|</span></span></li><li class=""><span>Pro | Velocicom_ _ _ _ _ _ |3rd|------ |??|??|??|</span></li><li class="alt"><span>Pro | Ventura|1st|------ |??|??|??|</span></li><li class=""><span>Pro | Ventura|2nd|------ |??|??|??|</span></li><li class="alt"><span>Pro | Ventura|3rd|<span class="number">9</span><span>%</span><span class="number">7</span><span>%</span><span class="number">0</span><span>% |</span><span class="number">8</span><span>,</span><span class="number">350</span><span> | </span><span class="number">41</span><span>,</span><span class="number">750</span><span> |</span><span class="number">167</span><span>,</span><span class="number">000</span><span> |</span></span></li><li class=""><span>=================================================================================</span></li></ol></div>
Test code in *this online editor

RoNo
Active Poster

Male Posts : 1270
Reputation : 135
Language : English
Location : Laguna Beach, California

http://bf2mercenaries.forumotion.com/

Back to top Go down

Solved Re: How To Get Colored Text In A Chart

Post by MADBIKER1960 on January 31st 2011, 12:45 am

This has been solved

Thanks. :wouhou:

MB1960

MADBIKER1960
Forumember

Male Posts : 97
Reputation : 0
Language : English
Location : Toronto, Ontario. CANADA

http://nfsworldcommunity.canadian-forum.com/

Back to top Go down

Solved Re: How To Get Colored Text In A Chart

Post by Sanket on January 31st 2011, 7:12 am

Since this thread is marked solved, I will lock this thread.


Sanket Smile


Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum