# Meilleure documentation des onglets dans Admin \> Personnaliser \> CSS/HTML

**URL:** https://meta.discourse.org/t/better-documentation-of-tabs-in-admin-customize-css-html/49171
**Category:** Support
**Created:** [Août 24, 2016, 9:21 UTC](https://meta.discourse.org/t/better-documentation-of-tabs-in-admin-customize-css-html/49171 "2016-08-24T21:21:58Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![mackk](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mackk/32/59500_2.png) [@mackk](https://meta.discourse.org/u/mackk)
#### Post date: [Août 24, 2016, 9:21 UTC](https://meta.discourse.org/t/better-documentation-of-tabs-in-admin-customize-css-html/49171/1 "2016-08-24T21:21:58Z")

</div>

Hi all – I’m curious if someone can clarify for me the tabs in Admin \> Customize \> CSS/HTML?

Here’s a screen shot of them:

 ![](https://global.discourse-cdn.com/meta/original/3X/a/2/a2bf5ed8ac92e00360bfd3e2c3fa92c9775fe868.png)

So there’s:

- CSS
- Header
- Top
- Footer
- \< /head\>
- \< /body\>
- Embedded CSS

Can someone clarify for me their definitions and usage?

I’ve successfully added the custom nav bar to my installation that I wanted, but it was mostly through trial and error and I would like to understand what this customize panel is really capable of!

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [Août 24, 2016, 10:52 UTC](https://meta.discourse.org/t/better-documentation-of-tabs-in-admin-customize-css-html/49171/2 "2016-08-24T22:52:33Z")

</div>

Yep this is quite confusing as it exists. ☹

---

<div class="post-metadata">

### Author: ![charleswalter](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/charleswalter/32/116433_2.png) [@charleswalter](https://meta.discourse.org/u/charleswalter)
#### Post date: [Août 25, 2016, 2:48 UTC](https://meta.discourse.org/t/better-documentation-of-tabs-in-admin-customize-css-html/49171/3 "2016-08-25T02:48:44Z")

</div>

So there’s:

- CSS - append styles to the global css document. This is where you can set homepage background, font changes, additional classes that you reference…
- Header - appends code above the global navigation
- Top - appends code after the global navigation header. Good for secondary nav
- Footer - appends code before the close of the bottom div
- \< /head\> - allows for additional code in the head section. This is where you can load javascript and the most powerful customizations of discourse to alter templates.
- \< /body\> - appends code after everything is loaded. Could be used for additional tracking pixels.
- Embedded CSS - if you want to load css inline. (Not really sure why this is needed, but perhaps if you are struggling to override other css, this can come in handy?)

That’s just for desktop. And then there’s a set for mobile as well.

CSS  
Header  
Top  
Footer

Pretty much the same definitions as above, but since there’s no / head, the javascript template overrides need to be added to Header.

---

<div class="post-metadata">

### Author: ![erlend\_sh](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/erlend_sh/32/119475_2.png) [@erlend\_sh](https://meta.discourse.org/u/erlend_sh)
#### Post date: [Août 25, 2016, 10:32 UTC](https://meta.discourse.org/t/better-documentation-of-tabs-in-admin-customize-css-html/49171/4 "2016-08-25T10:32:29Z")

</div>

Maybe we could make a faux-preview of some sort, similar to Ionic:

 ![](https://global.discourse-cdn.com/meta/original/3X/4/d/4d9d238a0b8422846984054f269a19c0b65125e3.png)

---

<div class="post-metadata">

### Author: ![mackk](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mackk/32/59500_2.png) [@mackk](https://meta.discourse.org/u/mackk)
#### Post date: [Août 25, 2016, 2:58 UTC](https://meta.discourse.org/t/better-documentation-of-tabs-in-admin-customize-css-html/49171/5 "2016-08-25T14:58:37Z")

</div>

Thank you! This is super helpful.

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [Août 26, 2016, 7:29 UTC](https://meta.discourse.org/t/better-documentation-of-tabs-in-admin-customize-css-html/49171/6 "2016-08-26T07:29:38Z")

</div>

Yes, absolutely, something along those lines would be great.

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [Juin 8, 2024, 12:45 UTC](https://meta.discourse.org/t/better-documentation-of-tabs-in-admin-customize-css-html/49171/7 "2024-06-08T12:45:19Z")

</div>

Ce sujet a été automatiquement fermé après 2844 jours. Les nouvelles réponses ne sont plus autorisées.
