<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html;charset=ISO-8859-1" http-equiv="Content-Type">
</head>
<body bgcolor="#ffffff" text="#000000">
Hi.<br>
<br>
I need to know how can I define own styles in the FCKeditor.<br>
<br>
I have in the "Format" list: "Normal", "Normal (DIV)", "Formatted",
"Address", "Heading 1", "Heading 2", "Heading 3", "Heading 4", "Heading
5", "Heading 6".<br>
<br>
I want to have another styles defined. How can I do it?<br>
<br>
Thanks!!<br>
<br>
Andrés<br>
<br>
<br>
vikas gupta escribió:
<blockquote cite="mid001e01c7ce6c$26ee26c0$2100a8c0@vikasgupta1"
type="cite">
<meta http-equiv="Content-Type" content="text/html; ">
<meta name="Generator" content="Microsoft Word 11 (filtered medium)">
<style>
<!--
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0in;
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Times New Roman";}
a:link, span.MsoHyperlink
{color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{color:purple;
text-decoration:underline;}
p.MsoPlainText, li.MsoPlainText, div.MsoPlainText
{margin:0in;
margin-bottom:.0001pt;
font-size:10.0pt;
font-family:"Courier New";}
@page Section1
{size:8.5in 11.0in;
margin:1.0in 77.95pt 1.0in 77.95pt;}
div.Section1
{page:Section1;}
-->
</style>
<div class="Section1">
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;">Hi all,<o:p></o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;"><o:p> </o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;"> I have created my own css class with the
same name as div.ocms_de_norm.
It is working fine for background color. But for <o:p></o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;"><o:p> </o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;"> padding-top:
1px; <o:p></o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;"><o:p> </o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;"> padding-bottom:
1px; <o:p></o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;"><o:p> </o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;">I am unable to get these properties in
javascript. I am using <o:p></o:p></span></font></p>
<p class="MsoPlainText"><font color="blue" face="Courier New" size="3"><span
style="font-size: 12pt; color: blue;">Document.getElementByTagName("div").className.paddingTop</span></font>
to get this property. It is giving undefined.<o:p></o:p></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;"><o:p> </o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;"><o:p> </o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;"><o:p> </o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;">One more thing editable tag has only one
attribute file. Can it be a
css file?<o:p></o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;"><o:p> </o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;"><o:p> </o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;">Regards<o:p></o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;">Vikas <o:p></o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;"><o:p> </o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;">-----Original Message-----<br>
From: <a class="moz-txt-link-abbreviated" href="mailto:opencms-dev-bounces@opencms.org">opencms-dev-bounces@opencms.org</a>
[<a class="moz-txt-link-freetext" href="mailto:opencms-dev-bounces@opencms.org">mailto:opencms-dev-bounces@opencms.org</a>] On
Behalf Of Christian Steinert<br>
Sent: Sunday, July 23, 2006 2:28 PM<br>
To: The OpenCms mailing list<br>
Subject: Re: [opencms-dev] css problem</span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;"><o:p> </o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;">Vikas Jain schrieb:<o:p></o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;">> <o:p></o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;">> <o:p></o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;">> Hi List,<o:p></o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;">> <o:p></o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;">> Can I override the default css provided
by opencms for editable.<o:p></o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;">> <o:p></o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;">> I want to override the following css
part::<o:p></o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;">> <o:p></o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;">> <o:p></o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;">> <o:p></o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;">> div.ocms_de_norm { <o:p></o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;">> <o:p></o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;">> width:
100%; <o:p></o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;">> <o:p></o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;">> padding-top:
1px; <o:p></o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;">> <o:p></o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;">>
padding-bottom: 1px; <o:p></o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;">> <o:p></o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;">> }<o:p></o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;">> <o:p></o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;">> <o:p></o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;">> <o:p></o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;">> Thanx in advance.<o:p></o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;">> <o:p></o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;">> <o:p></o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;">> <o:p></o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;">> Regards<o:p></o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;">> <o:p></o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;">> Vikas<o:p></o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;"><o:p> </o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;">I see two ways of doing this<o:p></o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;"><o:p> </o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;">1. edit the stylesheet that comes with
opencms (but you would lose your<o:p></o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;">changes whenever you upgrade to a new version<o:p></o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;"><o:p> </o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;">- OR -<o:p></o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;"><o:p> </o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;">2. a.) create an own stylesheet,<o:p></o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;"> b.) add a different definition of that
style inside your
stylesheet<o:p></o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;"> this new definition can overwrite
the style properties<o:p></o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;"> that you want to change<o:p></o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;"> c.) include that stylesheet in your
templates AFTER
<cms:editable /><o:p></o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;"> -BUT- include it only, if the the
current project is not the<o:p></o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;"> online project<o:p></o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;"> (You should be able to use
CmsRequestContext to find out, if<o:p></o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;"> you are in the online
project or not)<o:p></o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;"><o:p> </o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;"> something like this should be
enough:<o:p></o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;">cmsJspActionElement.getRequestContext().currentProject().isOnlineProject()<o:p></o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;"><o:p> </o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;"><o:p> </o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;"><o:p> </o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;"><o:p> </o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;">I would suggest the 2nd alternative.<o:p></o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;"><o:p> </o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;">Kind Regards,<o:p></o:p></span></font></p>
<p class="MsoPlainText"><font face="Courier New" size="2"><span
style="font-size: 10pt;">Christian<o:p></o:p></span></font></p>
</div>
<pre wrap="">
<hr size="4" width="90%">
_______________________________________________
This mail is sent to you from the opencms-dev mailing list
To change your list options, or to unsubscribe from the list, please visit
<a class="moz-txt-link-freetext" href="http://lists.opencms.org/mailman/listinfo/opencms-dev">http://lists.opencms.org/mailman/listinfo/opencms-dev</a></pre>
</blockquote>
<br>
<br>
<div class="moz-signature">-- <br>
<table class="MsoNormalTable" border="0" cellpadding="0" cellspacing="1"
height="527" width="496">
<tbody>
<tr>
<td style="padding: 0.75pt; width: 215.25pt;" width="287">
<p class="MsoNormal"><font face="Times New Roman" size="3"><span
style="font-size: 12pt;"><img alt="WebStudio S.A."
src="cid:part1.04050503.01020008@ebstudio.com" border="0" height="91"
width="187"><o:p></o:p></span></font></p>
</td>
</tr>
<tr>
<td style="padding: 0.75pt;">
<p class="MsoNormal"><span class="estilo21"><font color="#0000ff"
face="Verdana" size="1"><span style="font-size: 9.5pt;"><b>J. Andrés
Sáyago P.</b></span></font></span><font color="#0000ff" face="Verdana"
size="1"><span
style="font-size: 7.5pt; font-family: Verdana; color: rgb(153, 153, 153);"><br>
<span class="estilo21"><font color="#0000ff" face="Verdana">Ingeniero
de Desarrollo</font></span><br>
<span class="estilo21"></span><span class="estilo21"></span><span
class="estilo21"><font color="#0000ff" face="Verdana">Calle 93B No
12-48 Of 302</font></span><br>
<span class="estilo21"></span></span></font><font color="#0000ff"
face="Verdana" size="1"><span
style="font-size: 7.5pt; font-family: Verdana; color: rgb(153, 153, 153);"><span
class="estilo21"><font color="#0000ff" face="Verdana">Bogota D.C.,
Colombia</font></span><br>
<span class="estilo21"></span></span></font><font color="#0000ff"
face="Verdana" size="1"><span
style="font-size: 7.5pt; font-family: Verdana; color: rgb(153, 153, 153);"><span
class="estilo21"><font color="#0000ff" face="Verdana">Tel: (57) (1)
610 6834 ext. 107</font></span><br>
</span></font><font color="#0000ff" face="Verdana" size="1"><span
style="font-size: 7.5pt; font-family: Verdana; color: rgb(153, 153, 153);"><span
class="estilo21"><font color="#0000ff" face="Verdana">Fax: (57) (1)
610 6834 ext. 108</font></span><br>
</span></font><font color="#0000ff" face="Verdana" size="1"><span
style="font-size: 7.5pt; font-family: Verdana; color: rgb(153, 153, 153);"><span
class="estilo21"><font color="#0000ff" face="Verdana">Cel: (57) 300
5528542</font></span><br>
</span></font><font color="#0000ff" face="Verdana" size="1"><span
style="font-size: 7.5pt; font-family: Verdana; color: rgb(153, 153, 153);"><span
class="estilo21"><font color="#0000ff" face="Verdana"><a
class="moz-txt-link-abbreviated" href="mailto:asayago@ebstudio.com">asayago@ebstudio.com</a></font></span><br>
<span class="estilo21"></span></span></font><br>
<font color="#999999" face="Verdana" size="1"><span
style="font-size: 7.5pt; font-family: Verdana; color: rgb(153, 153, 153);">
<span class="estilo21"><font color="#999999" face="Verdana">Barcelona,
España</font></span><br>
<span class="estilo21"><font color="#999999" face="Verdana">Paseo
de Gracia 2-4, 3,6a</font></span><br>
<span class="estilo21"><font color="#999999" face="Verdana">PBX.
(34) 911 830 105</font></span></span></font><br>
<a href="http://www.ebstudio.com"><span class="estilo51"><font
face="Verdana" size="1"><span style="font-size: 9pt;">www.ebstudio.com</span></font></span><br>
</a><span class="estilo21"><font color="#999999" face="Verdana"
size="1"><span style="font-size: 7.5pt;">"Su Aliado en <st1:PersonName
productid="la Red" w:st="on">la Red</st1:PersonName>"</span></font></span><o:p></o:p></p>
</td>
</tr>
<tr>
<td style="padding: 0.75pt;">
<div>
<p class="MsoNormal" style="margin-bottom: 12pt;"><strong><b><font
color="black" face="Verdana" size="1"><span
style="font-size: 7.5pt; font-family: Verdana; color: black;">AVISO DE
CONFIDENCIALIDAD</span></font></b></strong><b><font color="black"
face="Verdana" size="1"><span
style="font-size: 7.5pt; font-family: Verdana; color: black; font-weight: bold;"><br>
</span></font></b><span class="estilo41"><font color="black"
face="Verdana" size="1"><span style="font-size: 7.5pt;">ESTE MENSAJE,
(INCLUYENDO CUALQUIER ANEXO) ESTÁ DIRIGIDO ÚNICAMENTE A LOS
DESTINATARIOS ARRIBA SEÑALADOS. PUEDE CONTENER INFORMACIÓN CONFIDENCIAL
O PRIVILEGIADA Y NO DEBE SER LEÍDO, COPIADO O DE OTRA FORMA UTILIZADO
POR CUALQUIER OTRA PERSONA. SI USTED RECIBE ESTA COMUNICACIÓN POR
ERROR, FAVOR AVISAR AL REMITENTE Y ELIMINAR EL MENSAJE DE SU SISTEMA.</span></font></span><font
color="black" face="Verdana" size="1"><span
style="font-size: 7.5pt; font-family: Verdana; color: black;"><br>
<br>
</span></font><span class="estilo41"><font color="black"
face="Verdana" size="1"><span style="font-size: 7.5pt;" lang="EN-GB">THIS
E-MAIL (INCLUDING ANY ATTACHMENTS) IS INTENDED ONLY FOR THE
RECIPIENT(S) NAMED ABOVE. IT MAY CONTAIN CONFIDENTIAL OR PRIVILEGED
INFORMATION AND SHOULD NOT BE READ, COPIED OR OTHERWISE USED BY ANY
OTHER PERSON. IF YOU ARE NOT A NAMED RECIPIENT, PLEASE CONTACT THE
SENDER AND DELETE THE E-MAIL FROM YOUR SYSTEM.</span></font></span><span
lang="EN-GB"><o:p></o:p></span></p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>