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