I’ve had a few questions/comments on using Custom Styles with FCK Editor, so here’s a style that I created that will format any link you apply it to as a red button that changes color on mouse over.
Add this CSS to the fck.css and portal.css files in you PORTALS folder.
/* Both variations --a.color-- and --span.color a--
are needed to handle DNN's span applications
not being consistent */
.red_button, a.red_button:link, a.red_button:visited,
span.red_button a, span.red_button a:link,
span.red_button a:visited {
font-weight: bold;
font-size:10px;
color: #FFF;
background-color:#C00;
padding:4px 8px;
text-decoration: none;
border-top: 1px solid #DFDFDF;
border-left: 1px solid #DFDFDF;
border-bottom: 1px solid #333;
border-right: 1px solid #333;
}
a:hover span.red_button,
span.red_button a:hover {
background-color:#900;
border-top: 1px #31557f solid;
border-left: 1px #31557f solid;
border-bottom: 1px #666666 solid;
border-right: 1px #666666 solid;
text-decoration:none
}
Be sure to add the following to the fck.xml file, to append the style to the menu in the FCK editor.
<Style name="red_button" element="span"> <Attribute name="class" value="red_button" /> </Style>
Hope this helps, post any questions in the comments.