Wow ! Tu es génial… Merci.
2 « J'aime »
Y a-t-il des codes dans ces champs du composant Versatile Banner ? (ce n’est pas grave s’il n’y en a pas)
Excellent. Je reviens bientôt 
2 « J'aime »
Salut Lilly, j’apprécie vraiment ton aide, mais tu n’as rien à faire pour nous…
1 « J'aime »
Presque terminé. Désolé, j’ai été interrompu par quelqu’un qui m’a pris mon temps.
1 « J'aime »
le texte que vous m’avez donné était différent en casse - les en-têtes sont tous en majuscules. je dois réécrire une partie du contenu.
1 « J'aime »
Non, ne vous inquiétez pas… Vraiment… C’est très apprécié, mais je pense que notre développeur comprendra quand il reviendra demain matin…
Désolé, j’ai eu des interruptions imprévues. Cela m’a aussi pris un peu de temps pour faire correspondre les polices similaires (il semble que vous ayez des polices spéciales, mais vous devriez pouvoir voir où les changer). J’ai tout simplifié et réécrit, et j’ai également retapé les en-têtes en majuscules. Notez également que les informations que vous avez publiées ne sont pas les mêmes que celles de la bannière et que les deux sont dépassées. Vous voudrez probablement les mettre à jour.
Dans l’onglet HTML CSS - COMMON d’un thème ou d’un composant de thème, insérez ceci (vous pouvez créer un nouveau composant si vous le souhaitez) :
#homepage-banner-black {
width: 95%;
background-color: black;
display: block;
padding: 4px;
margin-left: auto;
margin-right: auto;
}
#homepage-banner-red {
width: 95%;
background-color: red;
display: block
padding: 4px;
margin-left: auto;
margin-right: auto;
}
#red-banner-header {
font-size: 18px;
color: white;
background: red;
padding-left: 10px;
padding-right: 10px;
padding-top: 1px;
padding-bottom: 1px;
font-weight: 600;
font-family: Oswald, Arial, Sans-serif;
}
.banner-font-family {
font-family: Tahoma, Sans-serif;
font-weight: 600;
font-size: 14px;
}
.header-link {
font-size: 15px;
color: white !important;
font-weight: 600;
}
table.banner-table-outer {
border: 0px;
padding: 10px;
width: 100%;
table-layout: fixed;
}
tbody.banner {
border: 0px;
padding: 8px;
display: block;
}
.banner-table-black {
margin-top: 10px;
margin-left: 10px;
background-color: black;
width: 100%;
}
tr.banner-table-tr {
border: 0px;
}
tr.banner-red-tr {
background-color: black;
border: 0px;
}
td.banner-table-td {
border: 0px;
width: 300px;
}
Ensuite, dans la zone main-heading-content du composant Versatile Banner, insérez tout ceci :
<div id="homepage-banner-red">
</div>
<div id="homepage-banner-black">
<div class="banner-font-family">
<table width="100%" align="center" class="banner-table-outer">
<tbody class="banner">
<tr class="banner-red-tr">
<td class="banner-table-td" colspan=4></td>
</tr>
<tr class="banner-table-tr">
<td class="banner-table-td" colspan=4> <span id="red-banner-header">PLANIFICATION DES SÉANCES DE QUESTIONS-RÉPONSES EN DIRECT -</span>
</td>
</tr>
<tr class="banner-table-tr" height="10px">
<td class="banner-table-td" colspan=4></td>
</tr>
<tr class="banner-table-tr">
<td class="banner-table-td">
<a
href="https://forum.georgegammon.com/t/upcoming-live-q-a-5-23-2023-reply-with-your-george-gammon-questions/12481">
<span class="header-link"> GEORGE GAMMON : </span>
<br />
Mardi 23 mai à 20h EST</a>
</td>
<td class="banner-table-td">
<a
href="https://forum.georgegammon.com/t/upcoming-live-q-a-5-23-2023-reply-with-your-lyn-alden-questions/12446">
<span class="header-link"> LYN ALDEN : </span>
<br />
Jeudi 23 mai à 16h EST</a>
</td>
<td class="banner-table-td">
<a
href="https://forum.georgegammon.com/t/upcoming-live-q-a-5-25-2023-reply-with-your-chris-macintosh-questions/12502">
<span class="header-link">CHRIS MACINTOSH : </span>
<br />
Jeudi 25 mai à 19h EST</a>
</td>
<td class="banner-table-td">
<a
href="https://forum.georgegammon.com/t/upcoming-live-q-a-6-5-2023-reply-with-your-brent-johnson-questions/12444">
<span class="header-link">BRENT JOHNSON : </span>
<br />
Lundi 5 juin à 19h EST</a>
</td>
</tr>
<tr class="banner-table-tr" height="10px">
<td colspan=4></td>
</tr>
<tr class="banner-table-tr">
<td class="banner-table-td">
<a
href="https://forum.georgegammon.com/t/upcoming-live-q-a-6-12-2023-reply-with-your-jason-hartman-questions/12491">
<span class="header-link">JASON HARTMAN : </span>
<br />
Lundi 12 juin à 16h EST</a>
</td>
<td class="banner-table-td">
<a
href="https://forum.georgegammon.com/t/upcoming-live-happy-hour-6-19-2023-reply-with-your-team-rcp-questions/12383">
<span class="header-link"> HEURE HEUREUSE RCP : </span>
<br />
Lundi 19 juin à 15h30 EST</a>
</td>
<td class="banner-table-td">
<a
href="https://forum.georgegammon.com/t/upcoming-live-q-a-5-29-2023-reply-with-your-patrick-ceresna-questions/12402">
<span class="header-link"> PATRICK CERESNA : </span>
<br />
Lundi 29 mai à 13h EST</a>
</td>
<td class="banner-table-td">
<a href="https://forum.georgegammon.com/t/rcp-podcast/6173">
<span class="header-link">PODCAST RCP EN DIRECT</span>
<br />
(Audio seulement)</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
5 « J'aime »
Résultat :
Encore une fois, désolé pour l’attente. Si vous avez besoin d’aide supplémentaire, n’hésitez pas à me le faire savoir
4 « J'aime »
Au cas où cela serait utile, chaque modification CSS est enregistrée dans Discourse.
admin/logs/staff_action_logs?filters=%7B\"action_name\"%3A\"change_theme\"%2C\"action_id\"%3A4%7D
Cliquez sur « Détails » :
4 « J'aime »