Mailing List Archive

banner customization
Hi,
I'm trying to customize the header, in trac interface.
I did customize a new logo, as explained in the documentation.

I did modify the *site_header.html* in the templates directory as follow

<!-- *site_header.html*: Add site-specific header -->
<link rel="stylesheet" type="text/css"
href="href.chrome('site/ux_header.css')}"/>
<div id="siteheader">
<mtitle>
<strong>UUX, make your own custom distro</strong>
</mtitle>
</div>site/ux_header.css'

<!-- /site_header.html -->

I did also define a specific css for the header (site/*ux_header.css*) as
follow

mtitle strong {
color: green;
margin: 100px;
}

The thing is the logo is declared in the *banner div,* not in the
*siteheader* div.
(see attachement)
In fact they are defined at the same level so,
my new style sheet do not apply to the logo.

Hence i'm getting the following result (see attachment)

Note: I also try to use site/style.css with the proper css, but it does not
apply
to the header.

Any idea ?

Mfg
Jacques


--
You received this message because you are subscribed to the Google Groups "Trac Users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to trac-users+unsubscribe@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/trac-users/69e7e766-e68a-4a21-8d27-6ccbefc6d7c1n%40googlegroups.com.
Re: banner customization [ In reply to ]
On Friday, October 29, 2021 at 7:31:12 AM UTC-7 Joe Bird wrote:

> Hi,
> I'm trying to customize the header, in trac interface.
> I did customize a new logo, as explained in the documentation.
>
> I did modify the *site_header.html* in the templates directory as follow
>
> <!-- *site_header.html*: Add site-specific header -->
> <link rel="stylesheet" type="text/css"
> href="href.chrome('site/ux_header.css')}"/>
> <div id="siteheader">
> <mtitle>
> <strong>UUX, make your own custom distro</strong>
> </mtitle>
> </div>site/ux_header.css'
>
> <!-- /site_header.html -->
>
> I did also define a specific css for the header (site/*ux_header.css*) as
> follow
>
> mtitle strong {
> color: green;
> margin: 100px;
> }
>
> The thing is the logo is declared in the *banner div,* not in the
> *siteheader* div.
> (see attachement)
> In fact they are defined at the same level so,
> my new style sheet do not apply to the logo.
>
> Hence i'm getting the following result (see attachment)
>
> Note: I also try to use site/style.css with the proper css, but it does
> not apply
> to the header.
>
> Any idea ?
>
> Mfg
> Jacques
>

Are you using Trac 1.4 or later?

I think you want to put the custom stylesheet in site_head.html and use CSS
selectors to apply the styles to the banner div and siteheader div.

https://trac.edgewall.org/wiki/TracInterfaceCustomization#SiteAppearance

Ryan

--
You received this message because you are subscribed to the Google Groups "Trac Users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to trac-users+unsubscribe@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/trac-users/d0298e78-0bf3-4703-a6e3-c64161070711n%40googlegroups.com.
Re: Re: banner customization [ In reply to ]
Hi,
I'm using 1.4.2
I don't it's possible.
At present if you want to customize the upper part of the Gui.
One basic thing is to configure the logo. You do it through trac.ini and
its fine.
This is managed as followed

<div id="banner">
<div id="header">
<a id="logo" href="http://bp01:8080/ux">
<img alt="UX custom distrib generator" height="120"
src="/ux/chrome/site/ux.png"></a>
</div>
<form id="search" action="/ux/search" method="get">
<div>
<label for="proj-search">Recherche&nbsp;:</label>
<input type="text" id="proj-search" name="q" size="18" value=""
dcvalue="">
<input type="submit" value="Recherche" dcvalue="Recherche">
</div>
</form>
<div id="metanav" class="nav">
<ul><li class="first">Connecté en tant qu'utilisateur <span
class="trac-author-user">UX</span></li><li><form action="/ux/logout"
class="trac-logout" id="logout" method="post"><div><button name="logout"
type="submit">Déconnexion</button><input name="__FORM_TOKEN" type="hidden"
value="b97e4b8bbea8c2ba1f2c6e28"></div></form></li><li><a
href="/ux/prefs">Préférences</a></li><li><a href="/ux/wiki/TracGuide">Aide
/ Guide</a></li><li class="last"><a href="/ux/about">À propos de
Trac</a></li></ul>
</div>

What i'm trying to achieve something like.


--------------- ------------------------------
| *LOGO * | *My project title* |
----------------------------------------------

I can define my My project title by adding this in
<!-- site_header.html: Add site-specific header --> site_header.html
<div id="siteheader">
<uxtitle>
<strong>UUX, make your own custom distro</strong>
</uxtitle>
</div>
<!-- /site_header.html -->

Unfortunately i get

------------------------------
| *My project title* |
---------------
| *LOGO * |
-----------------

Because the logo belongs to the div called *banner/header*
and the my "Project title belongs to the div *siteheader*

Any idea , how i could achieve this ?

Best Regards
Jacques












Le ven. 29 oct. 2021 à 19:17, RjOllos <rjollos@gmail.com> a écrit :

>
>
> On Friday, October 29, 2021 at 7:31:12 AM UTC-7 Joe Bird wrote:
>
>> Hi,
>> I'm trying to customize the header, in trac interface.
>> I did customize a new logo, as explained in the documentation.
>>
>> I did modify the *site_header.html* in the templates directory as follow
>>
>> <!-- *site_header.html*: Add site-specific header -->
>> <link rel="stylesheet" type="text/css"
>> href="href.chrome('site/ux_header.css')}"/>
>> <div id="siteheader">
>> <mtitle>
>> <strong>UUX, make your own custom distro</strong>
>> </mtitle>
>> </div>site/ux_header.css'
>>
>> <!-- /site_header.html -->
>>
>> I did also define a specific css for the header (site/*ux_header.css*)
>> as follow
>>
>> mtitle strong {
>> color: green;
>> margin: 100px;
>> }
>>
>> The thing is the logo is declared in the *banner div,* not in the
>> *siteheader* div.
>> (see attachement)
>> In fact they are defined at the same level so,
>> my new style sheet do not apply to the logo.
>>
>> Hence i'm getting the following result (see attachment)
>>
>> Note: I also try to use site/style.css with the proper css, but it does
>> not apply
>> to the header.
>>
>> Any idea ?
>>
>> Mfg
>> Jacques
>>
>
> Are you using Trac 1.4 or later?
>
> I think you want to put the custom stylesheet in site_head.html and use
> CSS selectors to apply the styles to the banner div and siteheader div.
>
> https://trac.edgewall.org/wiki/TracInterfaceCustomization#SiteAppearance
>
> Ryan
>
> --
> You received this message because you are subscribed to a topic in the
> Google Groups "Trac Users" group.
> To unsubscribe from this topic, visit
> https://groups.google.com/d/topic/trac-users/BFYx8rkFoOc/unsubscribe.
> To unsubscribe from this group and all its topics, send an email to
> trac-users+unsubscribe@googlegroups.com.
> To view this discussion on the web visit
> https://groups.google.com/d/msgid/trac-users/d0298e78-0bf3-4703-a6e3-c64161070711n%40googlegroups.com
> <https://groups.google.com/d/msgid/trac-users/d0298e78-0bf3-4703-a6e3-c64161070711n%40googlegroups.com?utm_medium=email&utm_source=footer>
> .
>

--
You received this message because you are subscribed to the Google Groups "Trac Users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to trac-users+unsubscribe@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/trac-users/CAKaKgG-aH%2BVEzx9cgDvpnJ%3DP2%2BeKWgvmz9NihAAbDFpev6hZKQ%40mail.gmail.com.
Re: Re: banner customization [ In reply to ]
Hi
I finally managed to do what i wanted
So
I wrote my own stylesheet included it in site_head.html (as written in
the doc)
I created a specific site_header.html (as written in the doc)

But for the logo (trac.ini), i created a blank logo (as there is no
control on it , it belongs to the banner div)
Could be interesting, to have the possibility to disable it
completely in trac.ini
Best Regards
Jacques




Le ven. 29 oct. 2021 à 19:17, RjOllos <rjollos@gmail.com> a écrit :

>
>
> On Friday, October 29, 2021 at 7:31:12 AM UTC-7 Joe Bird wrote:
>
>> Hi,
>> I'm trying to customize the header, in trac interface.
>> I did customize a new logo, as explained in the documentation.
>>
>> I did modify the *site_header.html* in the templates directory as follow
>>
>> <!-- *site_header.html*: Add site-specific header -->
>> <link rel="stylesheet" type="text/css"
>> href="href.chrome('site/ux_header.css')}"/>
>> <div id="siteheader">
>> <mtitle>
>> <strong>UUX, make your own custom distro</strong>
>> </mtitle>
>> </div>site/ux_header.css'
>>
>> <!-- /site_header.html -->
>>
>> I did also define a specific css for the header (site/*ux_header.css*)
>> as follow
>>
>> mtitle strong {
>> color: green;
>> margin: 100px;
>> }
>>
>> The thing is the logo is declared in the *banner div,* not in the
>> *siteheader* div.
>> (see attachement)
>> In fact they are defined at the same level so,
>> my new style sheet do not apply to the logo.
>>
>> Hence i'm getting the following result (see attachment)
>>
>> Note: I also try to use site/style.css with the proper css, but it does
>> not apply
>> to the header.
>>
>> Any idea ?
>>
>> Mfg
>> Jacques
>>
>
> Are you using Trac 1.4 or later?
>
> I think you want to put the custom stylesheet in site_head.html and use
> CSS selectors to apply the styles to the banner div and siteheader div.
>
> https://trac.edgewall.org/wiki/TracInterfaceCustomization#SiteAppearance
>
> Ryan
>
> --
> You received this message because you are subscribed to a topic in the
> Google Groups "Trac Users" group.
> To unsubscribe from this topic, visit
> https://groups.google.com/d/topic/trac-users/BFYx8rkFoOc/unsubscribe.
> To unsubscribe from this group and all its topics, send an email to
> trac-users+unsubscribe@googlegroups.com.
> To view this discussion on the web visit
> https://groups.google.com/d/msgid/trac-users/d0298e78-0bf3-4703-a6e3-c64161070711n%40googlegroups.com
> <https://groups.google.com/d/msgid/trac-users/d0298e78-0bf3-4703-a6e3-c64161070711n%40googlegroups.com?utm_medium=email&utm_source=footer>
> .
>

--
You received this message because you are subscribed to the Google Groups "Trac Users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to trac-users+unsubscribe@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/trac-users/CAKaKgG-X5-TBTR%3Dq2ah5n-ujpvqX_u9VPFu5SoCmgnOKvaajwg%40mail.gmail.com.
Re: Re: banner customization [ In reply to ]
On Wed, Nov 3, 2021 at 9:06 AM 'J Cornily' via Trac Users
<trac-users@googlegroups.com> wrote:
> But for the logo (trac.ini), i created a blank logo (as there is no control on it , it belongs to the banner div)
> Could be interesting, to have the possibility to disable it completely in trac.ini

Configuring [header_logo] src option with empty, the logo in header
will be disabled.

--
Jun Omae <jun66j5@gmail.com> (?? ?)

--
You received this message because you are subscribed to the Google Groups "Trac Users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to trac-users+unsubscribe@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/trac-users/CAEVLMaj-Bhc%2BBxuJ-N_L74kSDU2DzZmPsdUH2qP9s0qQsBDm%2Bg%40mail.gmail.com.