Re: color modification
"Thomas Feldman" <[email protected]> Thu, 5 Mar 2009 14:18:38 +0100
| Newsgroups | gmane.comp.cms.jahia.template |
|---|---|
| Message-ID | <[email protected]> |
This is a multi-part message in MIME format. --===============1777877013== Content-class: urn:content-classes:message Content-Type: multipart/alternative; boundary="----_=_NextPart_001_01C99D94.E5DD94F4" This is a multi-part message in MIME format. ------_=_NextPart_001_01C99D94.E5DD94F4 Content-Type: text/plain; charset="iso-8859-1" Content-Transfer-Encoding: quoted-printable Hi clement, =20 Thanks for your help...In fact, I couldn't find in which CSS was the = desired link because its color was referred as #990000 under firefox , = and as #900 in the CSS...very strange... Apart from that, that blocked = me initially, I managed to do all the changes I wanted in the CSS. =20 Can I add something to the wish list for the next release? I wanted to have my logo left aligned at the beginning of the nav = toolbar. SO nav and logo should be on the same line. Sadly, it is not = possible as it is because nav engine produce a html code for the nav = that is embedded in a div...so the nav always goes to the next line, = whatever I do. So , as this is a limit to the look & feel, my wish would be : "let us = position the different element like the nav as we would like"... =20 Thanks again for your help... The new site we did with Jahia now rocks! Thomas =20 =20 De : [email protected] = [mailto:[email protected]] De la part de Cl=E9ment Egger Envoy=E9 : mercredi 4 mars 2009 12:11 =C0 : [email protected] Objet : Re: [template_list] color modification =20 Hello thomas =20 Can you tell me what set of templates you've used to start your project = ? web-templates ? community ? =20 I don't 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 "section menu" (I suppose = it's 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; ... } =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're 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"links"></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"externallink"></span> and internal links (links to other Jahia = pages) are enclosed in a <span class=3D"link"></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'm 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't find it anywhere in the jahia code = (template+core)....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_001_01C99D94.E5DD94F4 Content-Type: text/html; charset="iso-8859-1" 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=3Diso-8859-1"> <meta name=3DGenerator content=3D"Microsoft Word 12 (filtered medium)"> <style> <!-- /* Font Definitions */ @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.EmailStyle19 {mso-style-type:personal; font-family:"Calibri","sans-serif"; color:windowtext;} span.EmailStyle20 {mso-style-type:personal; font-family:"Calibri","sans-serif"; color:#1F497D;} span.cssselector {mso-style-name:cssselector;} span.EmailStyle22 {mso-style-type:personal-reply; font-family:"Calibri","sans-serif"; color:#1F497D;} .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;} --> </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'>Hi = clement,<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'>Thanks = for your help…In fact, I couldn’t find in which CSS was the desired link because = its color was referred as #990000 under firefox , and as #900 in the = CSS…very strange… Apart from that, that blocked me initially, =A0=A0I = managed to do all the changes=A0 I wanted in the CSS.<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 I = add something to the wish list for the next release?<o:p></o:p></span></p> <p class=3DMsoNormal><span lang=3DEN-US style=3D'color:#1F497D'>I wanted = to have my logo left aligned at the beginning of the nav toolbar. SO nav and logo = should be on the same line. Sadly, it is not possible as it is because nav = engine produce a html code for the nav that is embedded in a div…so the = nav always goes to the next line, whatever I do.<o:p></o:p></span></p> <p class=3DMsoNormal><span lang=3DEN-US style=3D'color:#1F497D'>So , as = this is a limit to the look & feel, my wish would be : “let us position = the different element like the nav as we would = like”…<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'>Thanks = again for your help… The new site we did with Jahia now = rocks!<o:p></o:p></span></p> <p class=3DMsoNormal><span lang=3DEN-US = style=3D'color:#1F497D'>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'><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><b><span = style=3D'font-size:10.0pt;font-family:"Tahoma","sans-serif"'>De :</s= pan></b><span style=3D'font-size:10.0pt;font-family:"Tahoma","sans-serif"'> [email protected] [mailto:[email protected]] = <b>De la part de</b> Cl=E9ment Egger<br> <b>Envoy=E9 :</b> mercredi 4 mars 2009 12:11<br> <b>=C0 :</b> [email protected]<br> <b>Objet :</b> Re: [template_list] color = modification<o:p></o:p></span></p> </div> </div> <p class=3DMsoNormal><o:p> </o:p></p> <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’ve 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’t 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 “section menu” (I suppose it’s 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<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'> 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'> color: #0000FF;<o:p></o:p></span></p> <p class=3DMsoNormal><span lang=3DEN-US = style=3D'color:#1F497D'> display: inline;<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'>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'> #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'> 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 in a links box, you’re 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”links”></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”externallink”></span> and internal links (links to other Jahia pages) are enclosed in a <span class=3D”link”></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’m = 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’t find it anywhere in the jahia code (template+core)….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_001_01C99D94.E5DD94F4-- --===============1777877013== 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 --===============1777877013==--