Connexion

Récupérer mon mot de passe

Derniers sujets*
» [EDGE] Auto suggestion de la recherche
par tenrev Ven 22 Jan 2021 - 15:13

» [EDGE] Coloriser la cellule vue dans la liste des sujets ....
par tenrev Mar 19 Jan 2021 - 21:31

» [TOUTES VERSIONS] Utiliser les variables utilisateur/forum
par tenrev Mer 30 Déc 2020 - 16:29

» [PHPBB3] Faire un menu déroulant dans le titre d'un forum ou d'un sous forum
par tenrev Mar 29 Déc 2020 - 12:04

» [PHPBB3] Afficher un bouton de navigation sur le premier et le dernier message
par tenrev Mar 29 Déc 2020 - 11:48

» [TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes
par tenrev Mar 29 Déc 2020 - 11:46

» [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster
par tenrev Mar 29 Déc 2020 - 11:43

» [AWESOMEBB] Ajouter un bouton "S'enregistrer" en haut du forum
par Milouze14 Dim 27 Déc 2020 - 8:39

» [AWESOMEBB] Coloriser les cases Annonces & Notes
par Milouze14 Mer 23 Déc 2020 - 8:17

» [PHPBB2] Séparer les messages
par fanny Lun 21 Déc 2020 - 17:51

» [PHPBB2] Mettre en résolu via la réponse rapide
par fred9545 Dim 20 Déc 2020 - 10:48

» [PHPBB2]Supprimer le tag "Re" sur les messages
par fanny Dim 13 Déc 2020 - 22:22

» [PHPBB2] Mettre une couleur de fond dans le profil des messages
par fanny Dim 13 Déc 2020 - 13:26

» [EDGE] Afficher les forums de la catégorie dans la liste des sujets
par clost Sam 12 Déc 2020 - 10:27

» [TOUTES VERSIONS] Afficher une barre des tâches façon Windows 10 sur votre forum
par Quad Daniel Sam 12 Déc 2020 - 8:53

» [TOUTES VERSIONS] Faire clignoter le chiffre ou le nombre de notification(s) dans la toolbar
par fanny Ven 11 Déc 2020 - 14:32

» [PHPBB2] Afficher un message en haut de sujet lorsqu'il est verrouillé
par fanny Jeu 10 Déc 2020 - 10:36

» [PHPBB2] Effet loupe sur chaque message
par fanny Jeu 10 Déc 2020 - 10:11

» [TOUTES VERSIONS] Afficher des boutons pour le haut et le bas de page
par fanny Mer 9 Déc 2020 - 8:27

» [PHPBB2]Afficher les statistiques dans la liste des membres
par fanny Mar 8 Déc 2020 - 9:26

Les statistiques du forum
Nous avons 458 membres enregistrés

L'utilisateur enregistré le plus récent est cin

Nos membres ont posté un total de 23480 messages dans 1202 sujets

[TOUTES VERSIONS] Changer l'apparence du Panneau d'administration

Voir le sujet précédent Voir le sujet suivant Aller en bas

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Jeu 1 Oct 2020 - 17:32

Hello les ami(e)s,
notre ami Arnaud @no_way vient encore de nous gâter et cette fois ci concernant l'apparence du panneau d'administration.

Il est vrai qu'avec le temps on s'habitue aux couleurs pas très chouette de ces pages:

[TOUTES VERSIONS] Changer l'apparence du Panneau d'administration 128

Actuellement, il est impossible de modifier le style des pages du Panneau d'administration via la C.S.S.


Mais par contre, avec un module comme Stylus :

Après l'installation:

[TOUTES VERSIONS] Changer l'apparence du Panneau d'administration 212



Pour Firefox:
https://addons.mozilla.org/fr/firefox/addon/styl-us/?utm_source=addons.mozilla.org&utm_medium=referral&utm_content=search

Pour Chrome:
https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne

Pour Opera:

https://addons.opera.com/fr/extensions/details/stylus/

Pour EDGE:  
voir les explications ici:

Pour Safari
Apple a décidé d'arrêter de développement pour Windows:

https://support.apple.com/fr-fr/HT204416


Les procédures sont presque similaires, pour Chrome par exemple:

Cliquez pour l'installer.....


[TOUTES VERSIONS] Changer l'apparence du Panneau d'administration 311

[TOUTES VERSIONS] Changer l'apparence du Panneau d'administration 411

Ensuite il suffit de se connecter à votre panneau d'administration:



Une fois entré dans votre P.A ,
ouvrir Stylus:

[TOUTES VERSIONS] Changer l'apparence du Panneau d'administration 510

Puis cliquer sur cette URL:
[TOUTES VERSIONS] Changer l'apparence du Panneau d'administration 610


Un nouvel onglet apparaît dans lequel il est demandé en bas de page par quoi doit commencer l'url pour l'attribution du code CSS, vous devriez y trouver quelque chose du style:


Code:
https://VOTRE_FORUM/admin/?blabla...

Remplacez le champ par :

Code:
https://VOTRE_FORUM/admin/

Ou si c'est trop compliqué supprimé tout ce qui se trouve après :
Code:
/admin/  

Illustration:

[TOUTES VERSIONS] Changer l'apparence du Panneau d'administration 710

Copiez tout le contenu de cette page:

https://fa7up.fr/a2ea6875e56c677dae0ee2699d8d85e3.css

Ou ceci:
Code:
@charset "UTF-8";
/*
 * Ce fichier correspond à la feuille CSS du PA de laquelle ont été ôtées
 * toutes les déclarations qui n'impactent pas les couleurs.
 * */
body {
  background-color: #dfdfdf;
}
h1 {
  color: #333;
}
.likeh2 {
  color: #1b546f;
}
h2 {
  color: #1b546f;
}
h2 a {
  color: #1b546f !important;
}
h2 a:hover {
  color: #6ca226 !important;
  border-bottom: 1px solid #6ca226;
}
ul.h2-breadcrumb {
  color: #1b546f;
}
ul.list-transfert-forums li div p {
  color: #aaa;
}
ul.list-transfert-forums li div h3 {
  color: #4f4f4f;
}
.forum_convert ul.h2-breadcrumb li span {
  color: #4f4f4f;
}
ul.h2-breadcrumb li a,
ul.h2-breadcrumb a li {
  color: #1b546f;
}
ul.h2-breadcrumb li a:hover,
ul.h2-breadcrumb a:hover li {
  color: #6ca226;
}
caption {
  color: #1b546f;
}
blockquote.block_left {
  color: #4f4f4f;
  background: none;
}
p.explain {
  background: none;
}
hr {
  border-top: 1px solid #999;
}
a:link,
a:active,
a:visited {
  color: #007e9b;
}
a:hover {
  color: #c40;
}
#page-header {
  background: #cacfd5;
}
#page-header a {
  color: #fff;
}
#page-header a:hover {
  color: #fff;
}
.logo-header {
  background-color: #cacfd5;
}
.right-header:hover {
  background-color: #d8dadd;
  border-left: 1px solid #ececec;
}
.right-menu-header {
  background-color: #ffffff;
  box-shadow: 0 3px 4px rgba(63, 63, 63, 0.2);
}
.right-menu-header:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
}
.right-menu-header a {
  color: #3c3940 !important;
}
.right-menu-header a:hover {
  background-color: #d8dadd;
}
.avatar-header > img {
  background-color: #ffffff;
  border: 1px solid #ddd;
}
#page-header ul.preview_forum li {
  background-color: #2e3133;
}
#page-header ul.font-size {
  background-color: #2e3133;
}
#page-header ul.preview_forum li a {
  color: #fff;
}
#page-header ul.preview_forum li a:hover {
  color: #fff;
}
#page-footer {
  background-color: #2e3133;
  color: #a3aaae;
}
#content {
  background-color: #d9d9d9;
}
#tools {
  color: #666;
}
#tabs {
  background: linear-gradient(#497e97 8%,#1b546f 92%,#17455b);
}
#tabs a {
  color: #fff;
}
#tabs a span {
  transition: all 400ms;
}
#tabs a:hover span,
#tabs #activetab a span {
  background-color: rgba(255, 255, 255, 0.2);
}
.panel {
  background-color: #fff;
  border: 3px solid #cdcdcd;
}
#menu {
  background-color: #ccced0;
  border-right: 1px solid #dae3e9;
  border-bottom: 1px solid #dae3e9;
}
#menu .submenu {
  border-bottom: 1px solid #ececec;
}
#menu #activesubmenu {
  border-bottom: 1px solid #ececec;
}
#menu .submenu a span {
  color: #4a4a4a;
}
#menu #activesubmenu a {
  background-color: #1b546f;
  color: #ffffff;
}
#menu #activesubmenu a:hover,
#menu .submenu a:hover,
#menu .submenu a:hover span {
  color: #fff;
  background-color: #5f7797;
}
* html .coins-bottom {
  border: 0px solid #fff;
  background: #fff url(https://2img.net/i/fa/admin/icones/border-bottom.png) repeat-x;
}
.header {
  color: #1b546f;
}
.left-top {
  color: #3c3940;
}
.left-bottom {
  color: #86b125;
  border-bottom: 0px solid #fff;
}
.right-top {
  background: #fff url(https://2img.net/i/fa/admin/icones/top-right-gris.png) left no-repeat;
}
.right-bottom {
  background: #fff url(https://2img.net/i/fa/admin/icones/bottom-right-blanc.png) left no-repeat;
}
#admin_version p.btn span {
  background-color: #fff;
}
#admin_version p.btn a {
  background-color: #fff;
  color: #1b546f;
}
#admin_version p.btn span {
  background-color: #1b546f;
  color: #fff;
}
table.grey {
  background-color: #ececec;
  border: 1px solid #d5d5c8;
}
th {
  color: #fff;
  background: #1b546f;
}
th.nobg {
  color: #6f6f6f;
  background-color: #bfbfbf;
}
th a:link,
th a:active,
th a:visited {
  color: #edfbd8;
}
th a:hover {
  color: #c40;
}
td {
  color: #4f4f4f;
}
.row1 {
  background-color: #a4acb0;
}
.row3 {
  background-color: #d1d7dc;
}
.row4 {
  background-color: #e4e8eb;
}
.rowimportant {
  background-color: #d63600;
}
.col1 {
  background-color: #dee3e7;
}
.col2 {
  background-color: #efefef;
}
fieldset {
  background-color: #cecece;
  border: 1px solid #e3e3e3;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  color: #a3aaae;
}
legend {
  color: #1b546f;
}
table.like-fieldset {
  background: #d8dadd url(https://2img.net/i/bl/spirale.png) no-repeat;
  border: 1px solid #cdcdcd;
}
table.like-fieldset th {
  color: #1b546f;
}
input,
select {
  border: 1px solid #1b546f;
  color: #333;
}
input.disabled {
  background-color: #ddd;
}
textarea {
  border-left: 1px solid #1b546f;
  border-top: 1px solid #1b546f;
  border-right: 1px solid #1b546f;
  border-bottom: 1px solid #1b546f;
}
fieldset.tabulated {
  background-color: #dadfe4;
}
select option.disabled {
  background-color: #bbb;
  color: #fff;
}
dt {
  color: #666;
}
fieldset {
  color: #666;
}
dd {
  color: #4f4f4f;
}
dd span.info {
  color: #888;
}
dt span.info {
  color: #888;
}
fieldset dd em {
  color: #888;
}
input:focus,
textarea:focus {
  color: #000;
}
input.icon_search {
  background: #2e3133 !important;
}
.link_cancel,
a.link_cancel {
  color: #c00;
}
.link_refresh,
a.link_refresh {
  color: #f73;
  border: 1px solid #f73;
}
a.link_refresh:hover {
  background-color: #eee;
}
.link_add,
a.link_add {
  color: #6c0;
  border: 1px solid #6c0;
}
a.link_add:hover {
  background-color: #eee;
}
input[type="button"],
input[type="submit"],
button,
.btn,
.div_btns a {
  background-color: #2e3133;
  color: #ffffff;
}
.btn:hover {
  background-color: #3f4345;
}
a.btn,
a.btn:hover {
  color: #ffffff;
}
.icon_add,
.icon_ok {
  background-color: #5f7797 !important;
}
.icon_add:hover,
.icon_ok:hover {
  background-color: #3b8bd2 !important;
}
.icon_cancel {
  background-color: #e9553c !important;
}
.icon_cancel:hover {
  background-color: #eb644b !important;
}
input[disabled],
button[disabled],
textarea[disabled] {
  background-color: #ebebe4;
}
.pagination span strong {
  color: #fff;
  background: #069;
  border: 1px solid #069;
}
.pagination span a,
.pagination span a:link,
.pagination span a:visited,
.pagination span a:active {
  color: #5c758c;
  background: #ecedee;
  border: 1px solid #b4bac0;
}
.pagination span a:hover {
  border-color: #069;
  background: #069;
  color: #fff;
}
.success {
  color: #282 !important;
}
.error {
  color: #bc2a4d !important;
}
.message {
  color: #ffa34f !important;
}
.successbox,
.errorbox,
.messagebox,
.warning-navbar {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
  color: #666;
}
.successbox,
.warning-navbar {
  background: #bfd5f2;
  border: 1px solid #94b9e9;
}
.errorbox {
  background: #ffbaba;
  border: 1px solid #f5aca6;
}
.messagebox {
  background: #fff8c4;
  border: 1px solid #f2c779;
}
.errorbox h3 {
  color: #4c7bea;
}
.successbox h3,
.warning-navbar h3 {
  color: #5f7797;
}
.messagebox h3 {
  color: #eeb751;
}
.successbox h3::before {
  color: #5f7797;
}
.warning-navbar h3::before {
  color: #5f7797;
}
.errorbox h3::before {
  color: #4c7bea;
}
.messagebox h3::before {
  color: #eeb751;
}
.successbox a,
.errorbox a,
.messagebox a,
.warning-navbar a {
  color: #4f4f4f;
}
#errorpage #content h1 {
  color: #df075c;
}
#errorpage #content h2 {
  border-bottom: 1px solid #ccc;
  color: #333;
}
#tooltip {
  color: #000;
  border: 1px solid #1b546f;
  background-color: #fff;
}
#tooltip p.header {
  color: #fff;
  background: #1b546f repeat;
  border: 1px solid #1b546f;
}
#tooltip p {
  color: #666;
}
.redcheckbox {
  border-color: #f00;
}
.greyboxes {
  background-color: #efefef;
  border: 1px solid #d4d4bf;
}
.greyboxes h2 {
  color: #fff;
  background-color: #89cc46;
  border-bottom: 1px solid #ccc;
}
* html a.lk_icone {
  border: 1px solid #fff;
}
* html a.lk_icone:hover {
  color: #444;
  border: 1px solid #bbb;
  background: #eee;
}
div.icone_left,
div.icone_right,
div.icone_left_hover,
div.icone_right_hover {
  color: #999;
  border: 1px solid #fff;
  background: #fff;
}
div.icone_first_steps {
  color: #999;
  _border-color: #d8dadd;
}
div.icone_left:hover,
div.icone_right:hover {
  color: #444;
  border-color: #ffffff;
  background: #eee;
}
#first_steps .float a::before,
#first_steps_1 .ico_step div.icone_first_steps::before {
  background-color: #1b546f;
  color: #ffffff;
}
#first_steps_2 .ico_step div.icone_first_steps::before {
  background-color: #1b546f;
  color: #ffffff;
}
#first_steps_3 .ico_step div.icone_first_steps::before {
  background-color: #1b546f;
  color: #ffffff;
}
#first_steps .icone_first_steps:hover a::before {
  background-color: #4c7bea;
}
.main_icones_link:hover,
.main_icones a:hover {
  background-color: #d8dadd;
}
div.avatar {
  color: #ccc;
  border: 1px solid #fff;
  background: #fff;
}
div.avatar div {
  background: #b3e4f0;
}
div.news1 {
  background: #fff;
}
div.news2 {
  background: #eee;
}
.txt_blue,
.txt_blue:hover {
  color: #1b546f !important;
}
.txt_orange {
  color: #f73;
}
.txt_green {
  color: #2e3133;
}
a.txt_green {
  color: #ced1d7;
}
.txt_green a:hover {
  color: #ced1d7;
}
.txt_grey {
  color: #aaa;
}
fieldset.warning,
fieldset.warning_category,
fieldset.warning_topicit,
fieldset.warning-navbar {
  background: #fff9c4;
  border: 1px solid #4caf50;
}
fieldset.warning_category {
  border: 1px solid #d50000;
}
fieldset.warning_topicit {
  border: 1px solid #00b0ff;
}
fieldset.warning.warning_special {
  background: #ffbaba;
  border: 1px solid #d50000;
}
fieldset.warning.warning_special .warning_special_countdown {
  background-color: #fff;
  border: 1px solid #4c7bea;
  color: #333;
}
fieldset.warning_special div[style] {
  background-color: #ffeaea !important;
}
fieldset.warning_cadeau {
  background: #dff2bf;
  border: 1px solid #4caf50;
}
fieldset.alert {
  background: #ffbaba;
  border: 1px solid #d50000;
}
fieldset.warning span.hide,
fieldset.warning_category span.hide,
fieldset.warning_topicit span.hide,
fieldset.warning_cadeau span.hide,
fieldset.alert span.hide,
fieldset span.basic.hide {
  background-color: #333;
  color: #ffffff;
}
span.alert_icon,
span.warning_icon,
span.warning_cadeau_icon {
  color: #4c7bea;
}
span.warning_icon,
.warning-navbar .fa-warning,
.warning-navbar legend {
  color: #f57c00;
}
span.warning_cadeau_icon {
  color: #5f7797;
}
.field_title {
  color: #1b546f !important;
}
.field_title a {
  color: #1b546f !important;
}
.explain_left {
  color: #4f4f4f;
}
.explain_right {
  color: #4f4f4f;
}
div.btn_home_left,
div.btn_home_right {
  border: 2px solid #d7d7d7;
  color: #1b546f;
}
div.btn_home_left a,
div.btn_home_left a:visited {
  color: #86b125;
}
div.btn_home_right a,
div.btn_home_right a:visited {
  color: #86b125;
}
div.btn_home_left a:hover,
div.btn_home_right a:hover {
  background: #eee;
  color: #86b125;
}
table td.checked-auth {
  background-color: #e7ffea;
  border-top: 1px solid #bfffc6;
  border-bottom: 1px solid #bfffc6;
}
.block_portal_struct {
  border: 1px solid #1b546f;
}
.block_portal_struct tr {
  background: #f3f3f3;
}
.block_portal_struct th,
.block_portal_struct th tr {
  background-color: #1b546f;
}
.block_portal_struct th td {
  color: #fff;
}
.block_portal_struct a:hover,
.block_portal_struct .existing_mod:hover,
.block_portal_struct .personnal_mod:hover {
  color: #3c3940;
}
.block_portal_struct_th {
  border: outset 2px #458baa;
  background: url(none) #397d9c;
  color: #fff;
}
.block_portal_struct .existing_mod {
  color: #fff;
}
#basket.block_portal_struct {
  background-color: #e9553c;
  border: 1px solid #e9553c;
  color: #ffffff;
}
#tabs_menu a {
  border-radius: 1em 1em 0px 0px;
  background: #cecece linear-gradient(#b9b9b9 60%,#909090 90%);
}
#tabs_menu #activetab a {
  background: #cecece;
  margin: 0 .5em;
}
#tabs_menu a span {
  color: #d9d9d9;
  background: none;
}
* html #tabs_menu a span {
  color: #706262;
}
#tabs_menu a:hover span {
  color: #d9d9d9;
}
#tabs_menu #activetab a span {
  color: #626671;
  background: none;
}
#tabs_menu #activetab a:hover span {
  color: #626671;
}
.panel_menu {
  background-color: #cecece;
  border: 1px solid #cdcdcd;
}
.panel_menu_simple {
  background-color: #fff;
  border: 1px solid #cdcdcd;
}
ul#theme_list li {
  background-color: #fff;
  border: 1px solid #ccc;
}
ul#theme_list li.theme_selected {
  background-color: #1b546f;
  border-color: #cdcdcd;
  color: #fff;
}
ul#theme_list li.theme_selected a {
  color: #fff;
}
ul#theme_list img {
  border: 1px solid #1b546f;
}
.border-separe {
  border-right: solid 1px #8fd534;
}
.notepad-content #notepad {
  background-image: repeating-linear-gradient(0deg, transparent, transparent 22px, #eee 22px, #eee 23px), repeating-linear-gradient(-90deg, transparent, transparent 22px, #eee 22px, #eee 23px);
  border: 1px dotted #aaa;
}
.notepad-content #notepad:hover {
  border: 1px dotted #309bfb;
}
.notepad-close,
.notepad-open {
  background: #2e3133 none repeat scroll 0 0 !important;
}
.profile_submit_error {
  border-color: #dd2c2c;
  color: #dd2c2c;
}
.profile_submit_error:hover {
  border-color: #dd2c2c;
}
.profile_cell_background0 {
  background: #fff;
}
.profile_cell_background1 {
  background: #f9f9f9;
}
.profile_cell_highlight {
  background: #cee3b1;
}
.profile_form_true {
  background: #f1f6ed;
}
.profile_form_false {
  background: #f6eded;
  border: 1px dotted #c00;
}
.colorpicker_add_input {
  border: 1px solid #000;
}
.jqmWindow {
  background-color: #fff;
  border: 1px solid #444;
}
.jqmOverlay {
  background-color: #555;
}
.navbar-preview {
  background-color: #ffffff;
  border: 1px solid #eee;
}
#invite_jqm legend img {
  border: 1px solid #cdcdcd;
  background: #fff;
}
#invite_jqm .invite_error {
  background: #f6eded;
  color: #c00;
  border: 1px solid #c00;
}
#invite_jqm .row1:hover,
#invite_jqm .row2:hover {
  background-color: #d1d7dc;
}
#invite_jqm .invite_wait h1 {
  color: #1b546f;
}
.defaultbar {
  background-color: #ffffe0;
  border: 1px solid #cdcdcd;
}
.defaultbar .jquery-completed {
  background-color: #ced1d7;
}
.defaultbar .jquery-jslider {
  background-color: #1b546f;
  border: 1px solid #888;
}
.defaultbar .jquery-jslider-hover {
  background-color: #cdcdcd;
  border: 1px solid #888;
}
.join_file_slider label {
  color: #5c5c5c;
}
.pwd_img {
  color: #000;
}
div.CodeMirror {
  border: 1px solid #1b546f !important;
}
div.CodeMirror .searched {
  background: #ffff00;
}
#page-footer li a {
  color: #a3aaae;
}
.sceditor-container {
  border: 1px solid #1b546f !important;
}
div.sceditor-toolbar {
  border-bottom: 1px solid #1b546f !important;
}
.left-top .fa {
  color: #4c7bea;
}
.edit.fa.fa-cog {
  color: #1b546f;
}
.edit.fa.fa-cogs {
  color: #497e97;
}
.delete.fa.fa-times,
.close.fa.fa-times {
  color: #e9553c;
}
.refresh.fa.fa-refresh {
  color: #ff8c00;
}
.add.fa.fa-plus,
.add.fa.fa-check,
.global-ok.fa,
.green-color {
  color: #5f7797;
}
.green-color {
  color: #4d9a26;
}
.red-color {
  color: #4c7bea;
}
.perms.fa.fa-low-vision,
.preview.fa.fa-eye,
.save.fa.fa-save {
  color: #666;
}
.group .fa.fa-star,
.group.fa.fa-star {
  color: #4c7bea;
}
.day-expire-green,
.day-expire-orange,
.day-expire-red,
.litigation-open,
.litigation-close,
.tpl-online,
.tpl-wait {
  background-color: #5f7797;
  color: #ffffff !important;
}
.day-expire-red,
.litigation-open,
.tpl-wait {
  background-color: #e9553c;
}
.day-expire-orange {
  background-color: #e99739;
}
.form-error {
  color: #c0392b !important;
}
.switch {
  background: #eee;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
}
.switch-label {
  color: rgba(255, 255, 255, 0.35);
}
.switch-input:checked + .switch-label {
  color: #fff;
}
.switch-label-on,
.switch-label-off {
  color: #444;
}
.switch-selection {
  background: #1b546f;
}
.color_pkg_default {
  color: #2e3133;
}
.color_pkg_advanced {
  color: #1b546f;
}
.color_pkg_premium {
  color: #e1b12c;
}
.color_bg_pkg_default,
.color_bg_pkg_package_default {
  background-color: #2e3133 !important;
}
.color_bg_pkg_advanced,
.color_bg_pkg_package_advanced {
  background-color: #1b546f !important;
}
.color_bg_pkg_premium,
.color_bg_pkg_package_premium {
  background-color: #e1b12c !important;
}
.list-awesome.zoom:hover {
  background-color: #fff;
  border: 2px solid #444;
}
.list-awesome li:nth-child(2n + 1) {
  background-color: #ecf3f7;
}
.list-awesome li.list-awesome-head,
.list-awesome li.list-awesome-intro {
  color: #fff;
}
.list-awesome li.list-awesome-intro {
  color: #444;
  background-color: #eee;
}
.list-awesome li.break {
  background-color: #ffffff;
}
.list-awesome th {
  background: #fff;
}
.list-awesome .list-awesome-intro {
  background-color: #eee;
}
.list-awesome tr:nth-child(2n) td {
  background-color: #ecf3f7;
}
.list-awesome tr:last-child td.custom-row-price {
  background-color: #eee;
}
.list-awesome td {
  color: #666;
}
.list-awesome tr td.empty {
  background-color: #fff;
}
#package_options_list li.list-awesome-intro {
  background-color: #ffffff;
}
#package_options ul li.custom-row-price {
  background-color: #eee;
}
#package_options_index ul {
  background-color: #eee;
}
#package_options_index hr {
  color: #333;
  background-color: #333;
}
.club_options td.club_options_head {
  color: #fff;
}
.club_options a {
  color: #ffffff;
  background-color: #1b546f !important;
}
.club_options tr:nth-child(2n + 1) {
  background-color: #ecf3f7;
}
.invision_news_options a {
  color: #ffffff;
}
.list-awesome.pkg_active {
  background-color: #fff;
  border: 2px solid #444;
}
.list-awesome .pkg_active {
  border-left: 2px solid #444;
  border-right: 2px solid #444;
}
.list-awesome th.pkg_active {
  border-top: 2px solid #444;
}
.list-awesome tr:last-child td.custom-row-price.pkg_active {
  border-left: 2px solid #444;
  border-right: 2px solid #444;
  border-bottom: 2px solid #444;
}
#block_total {
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
}
#block_total h3 {
  border-bottom: 1px solid #e3e3e3;
}
#block_payement_btn {
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
#block_payement_btn input[disabled] {
  background-color: #969696;
}
.packageTag:hover,
.packageTag {
  background-color: #2e3133;
  color: #ffffff !important;
}
#split_module_text {
  border-top: 1px solid #000;
}
.web_warning_ltr {
  color: #c61717;
}
.warn-contest-orange {
  background-color: #e99739;
  color: #ffffff !important;
}

/*CodeMirror*/
.CodeMirror {
  background: #e3e3e3;
}
.CodeMirror-gutter,
.CodeMirror-gutter-text {
  color: #fff;
  background: #7b7b7b;
}
.cm-s-default .activeline {
  background: #d7d7d7 !important
}

/*SCEditor*/
.sceditor-toolbar {
  background: #595959 linear-gradient(#9b9b9b,#595959) !important;
}
.sceditor-group {
  background: #bababa !important;
}
.sceditor-button.active,
.sceditor-button:active,
.sceditor-button:hover {
  background: #a6a6a6 !important;
}

/*modif couleur definie HTML*/
[bgcolor^="#FFF"],
[bgcolor^="#fff"],
[style*="#FFF"],
[style*="#fff"] {
  background-color: #e1e1e1 !important
}
[bgcolor^="#EEE"],
[bgcolor^="#eee"],
[style*="#EEE"],
[style*="#eee"] {
  background-color: #dedede !important
}

Et déposez le dans l'éditeur.
Cliquez enfin sur Enregistrer et admirez le merveilleux travail que nous a offert Arnaud les ami(e)s  hinhin .


Dernière édition par Milouze14 le Ven 2 Oct 2020 - 18:39, édité 6 fois


NOUVELLE BARRE DE NAVIGATION
LES DERNIERES ASTUCES & DERNIERS MESSAGES

Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
no_way
no_way
Développeur

Messageno_way le Ven 2 Oct 2020 - 13:47

Ola

Merci d'avoir pris le temps de rédiger ce tuto mon ami, je tiens à dire que mon but était surtout de ne pas m'exploser les yeux d'où les tons plus sombres pour le PA ;)

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Ven 2 Oct 2020 - 15:59

Coucou Arnaud,

de rien, tout l'honneur te revient mon ami.
C'est vrai que cette apparence est bien mieux ainsi .




NOUVELLE BARRE DE NAVIGATION
LES DERNIERES ASTUCES & DERNIERS MESSAGES

Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
Morane
Morane
Milouzien

MessageMorane le Ven 2 Oct 2020 - 17:08

Coucou, du coup j'ai Microsoft Edge, est ce que je peux l'installer ??  merci à vous deux  Merci

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Ven 2 Oct 2020 - 17:32

Coucou ma tite Morane,
non celui mentionné , mais celui-ci:
Installes le et suis la procédure.


https://microsoftedge.microsoft.com/addons/detail/stylish-%E2%80%93-th%C3%A8mes-personna/cbfnngfjcgnbbjofcbhklldkbdeinlma


Les explications avec EDGE:

Il faut être dans la page d'accueil de ton P.A Morane ensuite clique sur le menu indiqué par la flèche:

La procédure est identique ou presque que les autres navigateurs.


[TOUTES VERSIONS] Changer l'apparence du Panneau d'administration 131

[TOUTES VERSIONS] Changer l'apparence du Panneau d'administration 213

Ne pas oublier de donner un nom et ensuite enregistrer:


[TOUTES VERSIONS] Changer l'apparence du Panneau d'administration 312


NOUVELLE BARRE DE NAVIGATION
LES DERNIERES ASTUCES & DERNIERS MESSAGES

Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
fred9545
fred9545
Milouzien

Messagefred9545 le Ven 2 Oct 2020 - 21:38

coucou

merci Arnaud pour cette astuce qui fait du bien aux yeux  Merci et merci Phil pour le tuto  Mercibis

petitefeuille
petitefeuille
Milouzien

Messagepetitefeuille le Sam 3 Oct 2020 - 13:53

Merci pour ce tuto, à voir plus tard … et je suis sur Opéra  😚

Morane
Morane
Milouzien

MessageMorane le Sam 3 Oct 2020 - 16:20

@Milouze14 a écrit:
Coucou ma tite Morane,
non celui mentionné , mais celui-ci:
Installes le et suis la procédure.


https://microsoftedge.microsoft.com/addons/detail/stylish-%E2%80%93-th%C3%A8mes-personna/cbfnngfjcgnbbjofcbhklldkbdeinlma


Les explications avec EDGE:

Il faut être dans la page d'accueil de ton P.A Morane ensuite clique sur le menu indiqué par la flèche:

La procédure est identique ou presque que les autres navigateurs.


[TOUTES VERSIONS] Changer l'apparence du Panneau d'administration 131

[TOUTES VERSIONS] Changer l'apparence du Panneau d'administration 213

Ne pas oublier de donner un nom et ensuite enregistrer:


[TOUTES VERSIONS] Changer l'apparence du Panneau d'administration 312
Ok Merci Phil, c'est gentil merci pour les explications, c'est impeccable du premier coup  Mercimill
Merci Phil et Arnaud  fr4

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Sam 3 Oct 2020 - 16:37

De rien ma tite Morane,
je viens de corriger ta tite bêtise MDR



NOUVELLE BARRE DE NAVIGATION
LES DERNIERES ASTUCES & DERNIERS MESSAGES

Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Sujets similaires internes ( 0 )
Aucun sujet

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum