Derniers sujets*
» [TOUTES VERSIONS] Afficher une belle infobulle au survol des boutons J aime
par clost Sam 17 Avr 2021 - 12:03

» [MODERNBB] Supprimer l'effet scroll sur la barre de navigation
par Milouze14 Lun 12 Avr 2021 - 7:56

» [MODERNBB]Retirer les crochets des groupes dans le Qeel
par Serah Sam 10 Avr 2021 - 22:48

» [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster
par Stefano36 Mer 31 Mar 2021 - 21:57

» [PHPBB2] Afficher le nombre de message privé non lus sur la toolbar etc
par Constellation Mer 31 Mar 2021 - 1:59

» [PHPBB2] Couleur spécifique aux membres d'un rang dans les messages
par Constellation Mer 31 Mar 2021 - 1:43

» [PHPBB2] Remplacer le mot Invité
par Constellation Mer 31 Mar 2021 - 1:37

» [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style
par Constellation Mer 31 Mar 2021 - 1:31

» [TOUTES VERSIONS] Sauvegarder le contenu de l'éditeur
par Constellation Mer 31 Mar 2021 - 1:30

» [TOUTES VERSIONS]Message de confirmation de fermeture de la page pour les membres distraits
par Constellation Mer 31 Mar 2021 - 1:24

» [TOUTES VERSIONS] Afficher un texte dans l'éditeur avec transition
par Constellation Mer 31 Mar 2021 - 1:14

» [TOUTES VERSIONS] Modifier les textes de la barre de navigation
par Constellation Mar 30 Mar 2021 - 22:53

» [TOUTES VERSIONS] Installer MESSENGER Forumactif sur votre forum (Version Française)
par Constellation Mar 30 Mar 2021 - 22:50

» [TOUTES VERSIONS] Afficher les likes seulement sur les messages des autres membres et plus encore
par Milouze14 Mar 30 Mar 2021 - 6:14

» [TOUTES VERSIONS] Modifier la couleur des pseudos mentionner dans l'éditeur
par Constellation Dim 28 Mar 2021 - 19:34

» [TOUTES VERSIONS] Une page html connexion/deconnexion...
par Constellation Dim 28 Mar 2021 - 19:31

» [TOUTES VERSIONS] Modifier les menus défilant de l'éditeur
par Milouze14 Lun 22 Mar 2021 - 7:30

» [TOUTES VERSIONS] Faire AGRANDIR l'image ou le Smiley au passage de la souris
par photoclic Dim 21 Mar 2021 - 19:24

» [TOUTES VERSIONS]Mise en place automatique décorations
par clost Dim 21 Fév 2021 - 11:37

» [AWESOMEBB] Outils de modération rapide
par Milouze14 Jeu 11 Fév 2021 - 6:04

Les statistiques du forum
Nous avons 469 membres enregistrés

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

Nos membres ont posté un total de 24971 messages dans 1275 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

https://www.milouze14.com

MessageMilouze14 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


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

benchris, Morane et fred9545 aiment ce message

no_way
no_way
Développeur

https://www.qwant.com

Messageno_way 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

https://www.milouze14.com

MessageMilouze14 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


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

https://famiglia-sinagra.forumactif.com/

MessageMorane 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

https://www.milouze14.com

MessageMilouze14 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


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

http://www.mecanique-auto.com/

Messagefred9545 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

https://www.petitefeuille.net/

Messagepetitefeuille Sam 3 Oct 2020 - 13:53

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

Morane
Morane
Milouzien

https://famiglia-sinagra.forumactif.com/

MessageMorane 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

https://www.milouze14.com

MessageMilouze14 Sam 3 Oct 2020 - 16:37

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



NOUVELLE BARRE DE NAVIGATION


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à Milouzien ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

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