Difference between revisions of "Online editor link colors"

From RCampus Wiki
Jump to: navigation, search
 
(3 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
This article explains how to set the color of links in the [[online editor]].
+
This article explains how to set the color of links when using the [[online editor]].
  
 
== Set color of individual links ==
 
== Set color of individual links ==
Line 11: Line 11:
 
* Select '''edit link''' from the pop-up menu.
 
* Select '''edit link''' from the pop-up menu.
 
* Select the '''Advanced''' tab.
 
* Select the '''Advanced''' tab.
−
* In the '''Style''' box enter the following and replace XXXXXX with with a color from the [[#Color_Table|color table]] below:
+
* In the '''Style''' box enter the following and replace XXXXXX with a color from the [[#Color_Table|color table]] below:
  
 
<pre>
 
<pre>
Line 30: Line 30:
 
<PRE>
 
<PRE>
 
<STYLE>
 
<STYLE>
−
  COLOR: XXXXXX;
+
  a:link {COLOR: XXXXXX;}
 
</STYLE>
 
</STYLE>
 
</PRE>
 
</PRE>
Line 38: Line 38:
 
<pre>
 
<pre>
 
<STYLE>
 
<STYLE>
−
   COLOR: Mediumvioletred;
+
   a:link {COLOR: Mediumvioletred;}
 
</STYLE>
 
</STYLE>
 
</pre>
 
</pre>
Line 47: Line 47:
 
== See also ==
 
== See also ==
 
* [[Online editor]]
 
* [[Online editor]]
 +
 +
 +
[[Category:ePortfolios]]
 +
[[Category:Websites]]

Latest revision as of 18:15, 3 February 2023

This article explains how to set the color of links when using the online editor.

Set color of individual links

Using Internet Explorer

  • Highlight or select the link.
  • Select the Text Color icon.(button.textcolor.gif) from the toolbar.
  • Select a color.

Using Firefox

  • Right click on the link.
  • Select edit link from the pop-up menu.
  • Select the Advanced tab.
  • In the Style box enter the following and replace XXXXXX with a color from the color table below:
color: XXXXXX;

Example: Enter the following in the Style box to change the color of a link to Mediumvioletred 

color: Mediumvioletred;

Set color of all links on a page

  • Open the page for editing.
  • Click on the HTML icon (button.source.gif)
  • NOTE: Be extremely careful with the HTML content. Add an extra line to the top of the HTML content and insert the following code (replace XXXXXX with a color from the color table below):
<STYLE>
   a:link {COLOR: XXXXXX;}
</STYLE>

Example: Enter the following in the Style box to change the color of ALL links on the page to Mediumvioletred 

<STYLE>
  a:link {COLOR: Mediumvioletred;}
</STYLE>

Color Table

Aliceblue
#F0F8FF 		  Antiquewhite
#FAEBD7 		  Aqua
#00FFFF		  
Aquamarine
#7FFFD4 		  Azure
#F0FFFF 		  Beige
#F5F5DC 		 
Bisque
#FFE4C4 		  Black
#000000 		  Blanchedalmond
#FFEBCD 		 
Blue
#0000FF 		  Blueviolet
#8A2BE2 		  Brown
#A52A2A 		 
Burlywood
#DEB887 		  Cadetblue
#5F9EA0 		  Chartreuse
#7FFF00 		 
Chocolate
#D2691E 		  Coral
#FF7F50 		  Cornflowerblue
#6495ED 		 
Cornsilk
#FFF8DC 		  Crimson
#DC143C 		  Cyan
#00FFFF 		 
Darkblue
#00008B 		  Darkcyan
#008B8B 		  Darkgoldenrod
#B8860B 		 
Darkgray
#A9A9A9 		  Darkgreen
#006400 		  Darkkhaki
#BDB76B 		 
Darkmagenta
#8B008B 		  Darkolivegreen
#556B2F 		  Darkorange
#FF8C00 		 
Darkorchid
#9932CC 		  Darkred
#8B0000 		  Darksalmon
#E9967A 		 
Darkseagreen
#8FBC8F 		  Darkslateblue
#483D8B 		  Darkslategray
#2F4F4F 		 
Darkturquoise
#00CED1 		  Darkviolet
#9400D3 		  Deeppink
#FF1493 		 
Deepskyblue
#00BFFF 		  Dimgray
#696969 		  Dodgerblue
#1E90FF 		 
Firebrick
#B22222 		  Floralwhite
#FFFAF0 		  Forestgreen
#228B22 		 
Fuchsia
#FF00FF 		  Gainsboro
#DCDCDC 		  Ghostwhite
#F8F8FF 		 
Gold
#FFD700 		  Goldenrod
#DAA520 		  Gray
#808080 		 
Green
#008000 		  Greenyellow
#ADFF2F 		  Honeydew
#F0FFF0 		 
Hotpink
#FF69B4 		  Indianred
#CD5C5C 		  Indigo
#4B0082 		 
Ivory
#FFFFF0 		  Khaki
#F0E68C 		  Lavender
#E6E6FA 		 
Lavenderblush
#FFF0F5 		  Lawngreen
#7CFC00 		  Lemonchiffon
#FFFACD 		 
Lightblue
#ADD8E6 		  Lightcoral
#F08080 		  Lightcyan
#E0FFFF 		 
Lightgoldenrodyellow
#FAFAD2 		  Lightgreen
#90EE90 		  Lightgrey
#D3D3D3 		 
Lightpink
#FFB6C1 		  Lightsalmon
#FFA07A 		  Lightseagreen
#20B2AA 		 
Lightskyblue
#87CEFA 		  Lightslategray
#778899 		  Lightsteelblue
#B0C4DE 		 
Lightyellow
#FFFFE0 		  Lime
#00FF00 		  Limegreen
#32CD32 		 
Linen
#FAF0E6 		  Magenta
#FF00FF 		  Maroon
#800000 		 
Mediumaquamarine
#66CDAA 		  Mediumblue
#0000CD 		  Mediumorchid
#BA55D3 		 
Mediumpurple
#9370D8 		  Mediumseagreen
#3CB371 		  Mediumslateblue
#7B68EE 		 
Mediumspringgreen
#00FA9A 		  Mediumturquoise
#48D1CC 		  Mediumvioletred
#C71585 		 
Midnightblue
#191970 		  Mintcream
#F5FFFA 		  Mistyrose
#FFE4E1 		 
Moccasin
#FFE4B5 		  Navajowhite
#FFDEAD 		  Navy
#000080 		 
Oldlace
#FDF5E6 		  Olive
#808000 		  Olivedrab
#688E23 		 
Orange
#FFA500 		  Orangered
#FF4500 		  Orchid
#DA70D6 		 
Palegoldenrod
#EEE8AA 		  Palegreen
#98FB98 		  Paleturquoise
#AFEEEE 		 
Palevioletred
#D87093 		  Papayawhip
#FFEFD5 		  Peachpuff
#FFDAB9 		 
Peru
#CD853F 		  Pink
#FFC0CB 		  Plum
#DDA0DD 		 
Powderblue
#B0E0E6 		  Purple
#800080 		  Red
#FF0000 		 
Rosybrown
#BC8F8F 		  Royalblue
#4169E1 		  Saddlebrown
#8B4513 		 
Salmon
#FA8072 		  Sandybrown
#F4A460 		  Seagreen
#2E8B57 		 
Seashell
#FFF5EE 		  Sienna
#A0522D 		  Silver
#C0C0C0 		 
Skyblue
#87CEEB 		  Slateblue
#6A5ACD 		  Slategray
#708090 		 
Snow
#FFFAFA 		  Springgreen
#00FF7F 		  Steelblue
#4682B4 		 
Tan
#D2B48C 		  Teal
#008080 		  Thistle
#D8BFD8 		 
Tomato
#FF6347 		  Turquoise
#40E0D0 		  Violet
#EE82EE 		 
Wheat
#F5DEB3 		  White
#FFFFFF 		  Whitesmoke
#F5F5F5 		 
Yellow
#FFFF00 		  YellowGreen
#9ACD32 		     

See also

Retrieved from "https://help.rcampus.com/index.php?title=Online_editor_link_colors&oldid=5766"