Inizio  >  Docs  >  TYPO3  >  agg. stili in rte htmlarea  
agg. stili in rte htmlareaagg. stili in rte htmlarea

Index

http://lists.netfielders.de/pipermail/typo3-ug-italy/2007-May/003822.html

nel TSconfig della pagina principale (root):

RTE.classes {
        coding {
                name = coding
        value = color:#000; background:#eee; border-bottom: 1px solid #ccc; font-style: italic; line-height:  20px;
        }
}


RTE.default {
        proc.allowedClasses (
                external-link, external-link-new-window, internal-link, internal-link-new-window, download, mail,
                align-left, align-center, align-right,
                csc-frame-frame1, csc-frame-frame2,
                component-items, action-items,
                component-items-ordered, action-items-ordered,
                important, name-of-person, detail,
                coding
        )
        classesCharacter = important, name-of-person, detail, coding
        contentCSS = fileadmin/templates/nikoz.org/simpleDesign/style/htmlarea.css
}
RTE.default.showTagFreeClasses = 1


########## fileadmin/templates/nikoz.org/simpleDesign/style/htmlarea.css ############# 

 /* Left, center, right and justify alignment of text in block elements*/
p.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, div.align-left, address.align
-left { text-align: left; }
p.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, div.align-cente
r, address.align-center { text-align: center; }
p.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, div.align-right, addre
ss.align-right { text-align: right; }
p.align-justify, h1.align-justify, h2.align-justify, h3.align-justify, h4.align-justify, h5.align-justify, h6.align-justify, div.alig
n-justify, address.align-justify { text-align: justify; }

/* Two frame examples taken from the example CSS file of CSS Styled Content extension and applied to p and table block elements.*/
p.csc-frame-frame1, table.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #333333; }
p.csc-frame-frame2, table.csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #333333; }

/* Bullet styles for unordered lists.*/
ul.component-items { color: #186900; list-style-type: circle; }
ul.action-items { color: #8A0020; list-style-image: url(img/red_arrow_bullet.gif); }

/* Numbering styles for ordered lists.*/
ol.component-items-ordered { color: #10007B; list-style-type: lower-roman; }
ol.action-items-ordered { color: #8A0020; list-style-type: lower-greek; }

/* Three inline text colors taken from the color scheme of CSS Styled Content extension.*/
span.important { color: #8A0020; }
span.name-of-person { color: #10007B; }
span.detail { color: #186900; }
span.coding { color:#000; background:#eee; border-bottom: 1px solid #ccc; font-style: italic; line-height:  20px;}


/* Selectors for the default configuration of the link accessibity feature.*/
a.external-link {}
a.external-link-new-window {}
a.internal-link {}
a.internal-link-new-window {}
a.download {}
a.mail {}


########## fileadmin/templates/nikoz.org/simpleDesign/style/htmlarea.css #############
nel foglio di stile del template va definito il nuovo stile


.coding {
   
color:#000; background:#eee; border-bottom: 1px solid #ccc; font-style: italic; line-height:  20px;
        }

ciao a tutti

oltre a quello che dice correttamente Mauro e che puoi leggere nel
thread segnalato, forse ? utile sottolineare la distinzione che c'? tra
classeParagraph e classesCharacter dato che non mi pare sia accennato.
Come da esempio:
RTE.default {
.....
.....
classesParagraph = p1, p2, p3
classesCharacter = spanA, spanB, spanC
}
dove
classesParagraph sono gli stili per il combo Paragraph e
classesCharacter sono invece quelli per il combo Text.

ciao Marco

To top