Re: color modification
Clément Egger <[email protected]> Wed, 4 Mar 2009 12:10:59 +0100
| Newsgroups | gmane.comp.cms.jahia.template |
|---|---|
| Organization | Jahia |
| Message-ID | <00a001c99cb9$e5d6c430$b1844c90$@com> |
Il s'agit d'un message à parties multiples au format MIME.
--===============0439968353==
Content-Type: multipart/alternative;
boundary="----=_NextPart_000_00A1_01C99CC2.479B2C30"
Content-Language: fr
Il s'agit d'un message à parties multiples au format MIME.
------=_NextPart_000_00A1_01C99CC2.479B2C30
Content-Type: text/plain;
charset="Windows-1252"
Content-Transfer-Encoding: quoted-printable
Hello thomas
=20
Can you tell me what set of templates you=92ve used to start your =
project ?
web-templates ? community ?
=20
I don=92t understand what problem you have precisely, as it is very =
standard
css work to add a different color to links when they belong to a box, or =
to
a certain depth level in the menu for instance.
=20
Perhaps this will help you
=20
In the css the
#navigationN1 correspond to first level of pages (so the main menu most =
of
the time)
#navigationN2 correspond to the second depth of pages (so the first =
level
items in the side menu, most of the time)
And so on.
=20
So if you want to change what you call the =93section menu=94 (I suppose =
it=92s
the font color of the main menu) in green (#0000FF) for instance and =
orange
(#ff6600) when the mouse rolls on it, you should change the following
styles
=20
#bodywrapper #navigationN1 li a {
background: transparent url( ../img/navigationN1-separator.png )
no-repeat 100% 50%;
color: #0000FF;
display: inline;
=85
}
=20
and
=20
#bodywrapper #navigationN1 li a:hover,
#bodywrapper #navigationN1 li a.selected, #bodywrapper #navigationN1 =
li
a.inpath {
color: #ff6600;
}
=20
=20
For the links located in a links box, you=92re right they inherit from =
the
global declaration #bodywrapper a, #bodywrapper a:link=20
=20
But you can override that easily
If you look at the source code of the links list, we can see that lists =
of
links are enclosed in a <div class=3D=94links=94></div> so you may add
=20
#bodywrapper .links a {color : blue ; }
#bodywrapper .link a :visited { color :#silver;}
#bodywrapper .link a :hoevr { color :#purple;}
=20
Or, other solution, you certainly have seen in the source code that =
external
links are specifically enclosed in a <span =
class=3D=94externallink=94></span> and
internal links (links to other Jahia pages) are enclosed in a <span
class=3D=94link=94></span>
=20
So you can easily put in you css the required styles to apply on those
classes
=20
=20
De : [email protected]
[mailto:[email protected]] De la part de Thomas Feldman
Envoy=E9 : mercredi 4 mars 2009 11:00
=C0 : Any questions regarding template development and/or about the =
taglibs
extension
Objet : [template_list] color modification
=20
Hi,=20
I have a work to do with templates and JAhia 6. As far, I know how to
manipulate templates. I also knew in Jahia 5 how to change look and feel =
in
a page. Now everything seems to be put in a CSS (web.css).Allright. The
problem is I=92m trying yo change some font colors: the font of the menu =
when
an item is selected, as the font of section title or font of links in a
link box.
The color code for the default color is #990000.
The problem is that I can=92t find it anywhere in the jahia code
(template+core)=85.So I wonder where are all thise L&F informations.
=20
Thanks for your help.
=20
Thomas Feldman
Chef de projet technique -Technical Project Manager
____________________________________________________________
Duke - A Razorfish Company
86-90, rue Notre Dame de Nazareth
75003 Paris - France
T : +33 (0)1 53 44 17 19
mailto:[email protected]
http://www.duke-interactive.com
____________________________________________________________
If emails save time, not printing them saves trees
=20
No virus found in this incoming message.
Checked by AVG - www.avg.com
Version: 8.0.237 / Virus Database: 270.11.3/1971 - Release Date: =
03/03/09
16:09:00
------=_NextPart_000_00A1_01C99CC2.479B2C30
Content-Type: text/html;
charset="Windows-1252"
Content-Transfer-Encoding: quoted-printable
<html xmlns:v=3D"urn:schemas-microsoft-com:vml" =
xmlns:o=3D"urn:schemas-microsoft-com:office:office" =
xmlns:w=3D"urn:schemas-microsoft-com:office:word" =
xmlns:m=3D"http://schemas.microsoft.com/office/2004/12/omml" =
xmlns=3D"http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv=3DContent-Type content=3D"text/html; =
charset=3Dwindows-1252">
<meta name=3DGenerator content=3D"Microsoft Word 12 (filtered medium)">
<style>
<!--
/* Font Definitions */
@font-face
{font-family:Wingdings;
panose-1:5 0 0 0 0 0 0 0 0 0;}
@font-face
{font-family:Wingdings;
panose-1:5 0 0 0 0 0 0 0 0 0;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
@font-face
{font-family:Tahoma;
panose-1:2 11 6 4 3 5 4 4 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0cm;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Calibri","sans-serif";}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
color:purple;
text-decoration:underline;}
p
{mso-style-priority:99;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:12.0pt;
font-family:"Times New Roman","serif";}
p.MsoListParagraph, li.MsoListParagraph, div.MsoListParagraph
{mso-style-priority:34;
margin-top:0cm;
margin-right:0cm;
margin-bottom:0cm;
margin-left:36.0pt;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Calibri","sans-serif";}
span.EmailStyle17
{mso-style-type:personal;
font-family:"Calibri","sans-serif";
color:windowtext;}
span.EmailStyle19
{mso-style-type:personal-reply;
font-family:"Calibri","sans-serif";
color:#1F497D;}
span.cssselector
{mso-style-name:cssselector;}
.MsoChpDefault
{mso-style-type:export-only;
font-size:10.0pt;}
@page Section1
{size:612.0pt 792.0pt;
margin:70.85pt 70.85pt 70.85pt 70.85pt;}
div.Section1
{page:Section1;}
/* List Definitions */
@list l0
{mso-list-id:462429732;
mso-list-type:hybrid;
mso-list-template-ids:1244164520 -1773763038 67895299 67895301 67895297 =
67895299 67895301 67895297 67895299 67895301;}
@list l0:level1
{mso-level-start-at:0;
mso-level-number-format:bullet;
mso-level-text:-;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-18.0pt;
font-family:"Calibri","sans-serif";
mso-fareast-font-family:Calibri;
mso-bidi-font-family:"Times New Roman";}
ol
{margin-bottom:0cm;}
ul
{margin-bottom:0cm;}
-->
</style>
<!--[if gte mso 9]><xml>
<o:shapedefaults v:ext=3D"edit" spidmax=3D"1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext=3D"edit">
<o:idmap v:ext=3D"edit" data=3D"1" />
</o:shapelayout></xml><![endif]-->
</head>
<body lang=3DFR link=3Dblue vlink=3Dpurple>
<div class=3DSection1>
<p class=3DMsoNormal><span lang=3DEN-US style=3D'color:#1F497D'>Hello =
thomas<o:p></o:p></span></p>
<p class=3DMsoNormal><span lang=3DEN-US =
style=3D'color:#1F497D'><o:p> </o:p></span></p>
<p class=3DMsoNormal><span lang=3DEN-US style=3D'color:#1F497D'>Can you =
tell me what
set of templates you=92ve used to start your project ? web-templates ? =
community
?<o:p></o:p></span></p>
<p class=3DMsoNormal><span lang=3DEN-US =
style=3D'color:#1F497D'><o:p> </o:p></span></p>
<p class=3DMsoNormal><span lang=3DEN-US style=3D'color:#1F497D'>I =
don=92t understand
what problem you have precisely, as it is very standard css work to add =
a
different color to links when they belong to a box, or to a certain =
depth level
in the menu for instance.<o:p></o:p></span></p>
<p class=3DMsoNormal><span lang=3DEN-US =
style=3D'color:#1F497D'><o:p> </o:p></span></p>
<p class=3DMsoNormal><span lang=3DEN-US style=3D'color:#1F497D'>Perhaps =
this will
help you<o:p></o:p></span></p>
<p class=3DMsoNormal><span lang=3DEN-US =
style=3D'color:#1F497D'><o:p> </o:p></span></p>
<p class=3DMsoNormal><span lang=3DEN-US style=3D'color:#1F497D'>In the =
css the<o:p></o:p></span></p>
<p class=3DMsoNormal><span lang=3DEN-US =
style=3D'color:#1F497D'>#navigationN1
correspond to first level of pages (so the main menu most of the =
time)<o:p></o:p></span></p>
<p class=3DMsoNormal><span lang=3DEN-US =
style=3D'color:#1F497D'>#navigationN2
correspond to the second depth of pages (so the first level items in the =
side
menu, most of the time)<o:p></o:p></span></p>
<p class=3DMsoNormal><span style=3D'color:#1F497D'>And so =
on.<o:p></o:p></span></p>
<p class=3DMsoNormal><span =
style=3D'color:#1F497D'><o:p> </o:p></span></p>
<p class=3DMsoNormal><span lang=3DEN-US style=3D'color:#1F497D'>So if =
you want to
change what you call the =93section menu=94 (I suppose it=92s the font =
color of the
main menu) in green (#0000FF) for instance and orange (#ff6600) when the =
mouse
rolls on it,=A0 you should change the following =
styles<o:p></o:p></span></p>
<p class=3DMsoNormal><span lang=3DEN-US =
style=3D'color:#1F497D'><o:p> </o:p></span></p>
<p class=3DMsoNormal><span lang=3DEN-US =
style=3D'color:#1F497D'>#bodywrapper
#navigationN1 li a {<o:p></o:p></span></p>
<p class=3DMsoNormal><span lang=3DEN-US =
style=3D'color:#1F497D'>=A0=A0=A0 background:
transparent url( ../img/navigationN1-separator.png ) no-repeat 100% =
50%;<o:p></o:p></span></p>
<p class=3DMsoNormal><span lang=3DEN-US =
style=3D'color:#1F497D'>=A0=A0=A0 color: #0000FF;<o:p></o:p></span></p>
<p class=3DMsoNormal><span lang=3DEN-US =
style=3D'color:#1F497D'>=A0=A0=A0 display: inline;<o:p></o:p></span></p>
<p class=3DMsoNormal><span lang=3DEN-US =
style=3D'color:#1F497D'>=85<o:p></o:p></span></p>
<p class=3DMsoNormal><span lang=3DEN-US =
style=3D'color:#1F497D'>}<o:p></o:p></span></p>
<p class=3DMsoNormal><span lang=3DEN-US =
style=3D'color:#1F497D'><o:p> </o:p></span></p>
<p class=3DMsoNormal><span lang=3DEN-US =
style=3D'color:#1F497D'>and<o:p></o:p></span></p>
<p class=3DMsoNormal><span lang=3DEN-US =
style=3D'color:#1F497D'><o:p> </o:p></span></p>
<p class=3DMsoNormal><span lang=3DEN-US =
style=3D'color:#1F497D'>#bodywrapper
#navigationN1 li a:hover,<o:p></o:p></span></p>
<p class=3DMsoNormal><span lang=3DEN-US =
style=3D'color:#1F497D'>=A0=A0=A0 #bodywrapper
#navigationN1 li a.selected, #bodywrapper #navigationN1 li a.inpath =
{<o:p></o:p></span></p>
<p class=3DMsoNormal><span lang=3DEN-US =
style=3D'color:#1F497D'>=A0=A0=A0 color: #ff6600;<o:p></o:p></span></p>
<p class=3DMsoNormal><span lang=3DEN-US =
style=3D'color:#1F497D'>}<o:p></o:p></span></p>
<p class=3DMsoNormal><span lang=3DEN-US =
style=3D'color:#1F497D'><o:p> </o:p></span></p>
<p class=3DMsoNormal><span lang=3DEN-US =
style=3D'color:#1F497D'><o:p> </o:p></span></p>
<p class=3DMsoNormal><span lang=3DEN-US style=3D'color:#1F497D'>For the =
links located
=A0in a links box, you=92re right they inherit from the global =
declaration
#bodywrapper a, #bodywrapper a:link <o:p></o:p></span></p>
<p class=3DMsoNormal><span lang=3DEN-US =
style=3D'color:#1F497D'><o:p> </o:p></span></p>
<p class=3DMsoNormal><span lang=3DEN-US style=3D'color:#1F497D'>But you =
can override
that easily<o:p></o:p></span></p>
<p class=3DMsoNormal><span lang=3DEN-US style=3D'color:#1F497D'>If you =
look at the
source code of the links list, we can see that lists of links are =
enclosed in a
<div class=3D=94links=94></div> so you may =
add<o:p></o:p></span></p>
<p class=3DMsoNormal><span lang=3DEN-US =
style=3D'color:#1F497D'><o:p> </o:p></span></p>
<p class=3DMsoNormal><span lang=3DEN-US =
style=3D'color:#1F497D'>#bodywrapper .links a
{color : blue ; }<o:p></o:p></span></p>
<p class=3DMsoNormal><span lang=3DEN-US =
style=3D'color:#1F497D'>#bodywrapper .link a
:visited { color :#silver;}<o:p></o:p></span></p>
<p class=3DMsoNormal><span lang=3DEN-US =
style=3D'color:#1F497D'>#bodywrapper .link a
:hoevr { color :#purple;}<o:p></o:p></span></p>
<p class=3DMsoNormal><span lang=3DEN-US =
style=3D'color:#1F497D'><o:p> </o:p></span></p>
<p class=3DMsoNormal><span lang=3DEN-US style=3D'color:#1F497D'>Or, =
other solution,
you certainly have seen in the source code that external links are =
specifically
enclosed in a <span class=3D=94externallink=94></span> and =
internal links
(links to other Jahia pages) are enclosed in a <span =
class=3D=94link=94></span><o:p></o:p></span></p>
<p class=3DMsoNormal><span lang=3DEN-US =
style=3D'color:#1F497D'><o:p> </o:p></span></p>
<p class=3DMsoNormal><span lang=3DEN-US style=3D'color:#1F497D'>So you =
can easily put
in you css the required styles to apply on those =
classes<o:p></o:p></span></p>
<p class=3DMsoNormal><span lang=3DEN-US =
style=3D'color:#1F497D'><o:p> </o:p></span></p>
<p class=3DMsoNormal><span lang=3DEN-US =
style=3D'color:#1F497D'><o:p> </o:p></span></p>
<div>
<div style=3D'border:none;border-top:solid #B5C4DF 1.0pt;padding:3.0pt =
0cm 0cm 0cm'>
<p class=3DMsoNormal style=3D'margin-left:35.4pt'><b><span lang=3DEN-US
style=3D'font-size:10.0pt;font-family:"Tahoma","sans-serif"'>De :</s=
pan></b><span
lang=3DEN-US =
style=3D'font-size:10.0pt;font-family:"Tahoma","sans-serif"'>
[email protected] [mailto:[email protected]] =
<b>De
la part de</b> Thomas Feldman<br>
<b>Envoy=E9 :</b> mercredi 4 mars 2009 11:00<br>
<b>=C0 :</b> Any questions regarding template development and/or =
about the
taglibs extension<br>
<b>Objet :</b> [template_list] color =
modification<o:p></o:p></span></p>
</div>
</div>
<p class=3DMsoNormal style=3D'margin-left:35.4pt'><span =
lang=3DEN-US><o:p> </o:p></span></p>
<p class=3DMsoNormal style=3D'margin-left:35.4pt'><span lang=3DEN-US>Hi, =
<o:p></o:p></span></p>
<p class=3DMsoNormal style=3D'margin-left:35.4pt'><span lang=3DEN-US>I =
have a work to
do with templates and JAhia 6. As far, I know how to manipulate =
templates. I
also knew in Jahia 5 how to change look and feel in a page. Now =
everything
seems to be put in a CSS (web.css).Allright. The problem is I=92m trying =
yo
change some font colors: the font of the menu when an item is selected, =
as the
font of section title or font of links in a link =
box.<o:p></o:p></span></p>
<p class=3DMsoNormal style=3D'margin-left:35.4pt'><span lang=3DEN-US>The =
color
code for the default color is #990000.<o:p></o:p></span></p>
<p class=3DMsoNormal style=3D'margin-left:35.4pt'><span lang=3DEN-US>The =
problem is
that I can=92t find it anywhere in the jahia code =
(template+core)=85.So I
wonder where are all thise L&F informations.<o:p></o:p></span></p>
<p class=3DMsoNormal style=3D'margin-left:35.4pt'><span =
lang=3DEN-US><o:p> </o:p></span></p>
<p class=3DMsoNormal style=3D'margin-left:35.4pt'><span =
lang=3DEN-US>Thanks for your
help.<o:p></o:p></span></p>
<p class=3DMsoNormal style=3D'margin-left:35.4pt'><span =
lang=3DEN-US><o:p> </o:p></span></p>
<p class=3DMsoNormal =
style=3D'mso-margin-top-alt:6.0pt;margin-right:0cm;margin-bottom:
0cm;margin-left:35.4pt;margin-bottom:.0001pt'><b><span lang=3DEN-US
style=3D'font-size:10.0pt'>Thomas Feldman<br>
</span></b><span lang=3DEN-US style=3D'font-size:10.0pt'>Chef de =
projet
technique -Technical Project Manager<br>
_______________________________________________________</span><span
style=3D'font-size:10.0pt'>_____<o:p></o:p></span></p>
<p class=3DMsoNormal =
style=3D'mso-margin-top-alt:6.0pt;margin-right:0cm;margin-bottom:
0cm;margin-left:35.4pt;margin-bottom:.0001pt'><b><span =
style=3D'font-size:10.0pt'>Duke
- A Razorfish Company</span></b><span style=3D'font-size:10.0pt'><br>
86-90, rue Notre Dame de Nazareth<br>
75003 Paris - France<br>
T : +33 (0)1 53 44 17 19<o:p></o:p></span></p>
<p class=3DMsoNormal =
style=3D'mso-margin-top-alt:6.0pt;margin-right:0cm;margin-bottom:
0cm;margin-left:35.4pt;margin-bottom:.0001pt'><span =
style=3D'font-size:10.0pt'><a
href=3D"mailto:[email protected]">mailto:thomas.feldman=
@duke-interactive.com</a><br>
<a =
href=3D"http://www.duke-interactive.com">http://www.duke-interactive.com<=
/a><br>
____________________________________________________________<o:p></o:p></=
span></p>
<p class=3DMsoNormal =
style=3D'margin-top:6.0pt;mso-margin-bottom-alt:auto;
margin-left:35.4pt'><span lang=3DEN-GB style=3D'font-size:10.0pt'>If =
emails save
time, not printing them saves trees</span><span =
lang=3DEN-US><o:p></o:p></span></p>
<p class=3DMsoNormal style=3D'margin-left:35.4pt'><span =
lang=3DEN-US><o:p> </o:p></span></p>
<p style=3D'margin-left:35.4pt'><span =
style=3D'font-size:10.0pt;font-family:"Arial","sans-serif"'>No
virus found in this incoming message.<br>
Checked by AVG - www.avg.com<br>
Version: 8.0.237 / Virus Database: 270.11.3/1971 - Release Date: =
03/03/09
16:09:00</span><o:p></o:p></p>
</div>
</body>
</html>
------=_NextPart_000_00A1_01C99CC2.479B2C30--
--===============0439968353==
Content-Type: text/plain; charset="us-ascii"
MIME-Version: 1.0
Content-Transfer-Encoding: 7bit
Content-Disposition: inline
_______________________________________________
template_list mailing list
[email protected]
http://lists.jahia.org/cgi-bin/mailman/listinfo/template_list
--===============0439968353==--