MyBB.support, le portail francophone de MyBB
Problème avec global.css - Version imprimable

+- MyBB.support, le portail francophone de MyBB (https://mybb.fr)
+-- Forum : MyBB.fr (https://mybb.fr/forum-1.html)
+--- Forum : Support (https://mybb.fr/forum-5.html)
+--- Sujet : Problème avec global.css (/thread-6695.html)

Problème avec global.css - Sworm - 31-10-2013


Bonsoir Smile

Alors j'ai voulu modifier le fond du forum, donc je suis allé dans le global.css
mais j'ai l'impression que il n'y a plus de fond et la police à changer. De plus même si je vide intégralement le global.css ça ne change rien.
Et si je modifie une couleur ou quelque chose comme ça, ça ne modifie rien !
Je ne sais plus quoi faire...

Voici une copie de mon global.css
Ai-je peut-être fait une erreur ?!

Code :
body{
background-image: url(http://img11.hostingpics.net/pics/791905Background.png);
background-repeat: repeat;
background-attachment: fixed;
    color: #000;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 13px;
    text-align: center; /* IE 5 fix */
    line-height: 1.4;
}

a:link, a:visited {
    color: #2786C2;
    text-decoration: none;
}

a:hover, a:active {
    color: #F75342;
    text-decoration: underline;
}

#container {
    width: 75%;
    background: #fff;
    border: 1px solid #e4e4e4;
    color: #000000;
    margin: auto auto;
    margin-bottom: 60px;
    padding: 20px;
    -moz-border-radius: 22px;
    border-radius: 22px;
    text-align: left; /* IE 5 fix */
}

.logo {
    text-align: center;
    margin-left: 22px;
    padding-bottom: 25px;
}

#content {
    /* FIX: Make internet explorer wrap correctly */
    width: auto !important;

}

.menu {
    margin-right: 22px;
    font-size: 16px;
}


.menu ul {
    color: #000000;
    font-weight: bold;
    text-align: center;
    padding: 4px;
}

.menu ul a:link, .menu ul a:visited {
    color: #000000;
    text-decoration: none;
}

.menu ul a:hover, .menu ul a:active {
    color: #0069df;
    text-decoration: none;
}

#panel {
    background: #8CC6FF;
    color: #000000;
    font-size: 11px;
    border: 1px solid #D4D4D4;
border-radius: 15px;
    padding: 8px;
}

#panel .remember_me input {
    vertical-align: middle;
    margin-top: -1px;
}

table {
    color: #000000;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 13px;
}

.tborder {
    background: white;
    width: 100%;
    margin: auto auto;
    border: 0px solid #fff;
}

.thead {
    background: #4486ff;
border-radius:8px;
    color: #ffffff;
}

.thead a:link {
    color: #ffffff;
    text-decoration: none;
}

.thead a:visited {
    color: #ffffff;
    text-decoration: none;
}

.thead a:hover, .thead a:active {
    color: #ffffff;
    text-decoration: underline;
}

.tcat {
    background: #ADCBE7;
    color: #000000;
    font-size: 12px;
border-radius:8px;
}

.tcat a:link {
    color: #000000;
}

.tcat a:visited {
    color: #000000;
}

.tcat a:hover, .tcat a:active {
    color: #000000;
}

.tcatposthead {
    background: #4486ff;
    color: white;
border-radius:8px;
}

.trowposthead {
    background: #E5F2FF;
border-radius:10px;

}

.tcatposthead a:link, .tcatposthead a:visited {
    color: white;

}

.trow1 {
    background: #fff;
    border-bottom: 1px dotted #BDB9B9;

}

.trow2 {
    background: #F7F8F3;
    border-bottom: 1px dotted #BDB9B9;
}

.trow_shaded {
    background: #ffdde0;
}

.trow_selected td {
    background: #FFFBD9;
}

.trow_sep {
    background: #e5e5e5;
    color: #000;
    font-size: 12px;
    font-weight: bold;
}

.normalthreads {
    background: #4EBAFF;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
border-radius:8px;
}

.stickythreads {
    background: #0069df;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
border-radius:8px;
}

.announcements {
    background: #7bb9ff;
    color: #000;
    font-size: 12px;
    font-weight: bold;
border-radius:8px;
}

.index_whosonline {
    background: #0069df;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
border-radius:8px;
}

.index_whosonline a:link,  .index_whosonline a:visited {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

.index_whosonline a:hover,  .index_whosonline a:active {
    color: #3E3E3E;
    font-size: 12px;
    font-weight: bold;
}

.index_stats {
    background: #7bb9ff;
    color: #000;
    font-size: 12px;
    font-weight: bold;
border-radius:8px;
}

.index_stats a:link,  .index_stats a:visited {
    color: #000;
    font-size: 12px;
    font-weight: bold;
}

.index_stats a:hover,  .index_stats a:active {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

.forumtitle {
    font-size: 15px;
}

.tfoot {
    background: #1AA7FF;
    color: #ffffff;
border-radius:8px;
}

.tfoot a:link {
    color: #ffffff;
    text-decoration: none;
}

.tfoot a:visited {
    color: #ffffff;
    text-decoration: none;
}

.tfoot a:hover, .tfoot a:active {
    color: #ffffff;
    text-decoration: underline;
}

.bottommenu {
    background: #efefef;
    color: #000000;
    border: 1px solid #4874a3;
    padding: 10px;
}

.navigation {
    color: #000000;
    font-size: 13px;
    font-weight: bold;
}

.navigation a:link {
    text-decoration: none;
}

.navigation a:visited {
    text-decoration: none;
}

.navigation a:hover, .navigation a:active {
    text-decoration: none;
}

.navigation .active {
    color: #000000;
    font-size: 13px;
    font-weight: bold;
}

.smalltext {
    font-size: 11px;
}

.largetext {
    font-size: 16px;
    font-weight: bold;
}

input.textbox {
    background: #ffffff;
    color: #000000;
    border: 1px solid #0f5c8e;
    padding: 1px;
}

textarea {
    background: #ffffff;
    color: #000000;
    border: 1px solid #0f5c8e;
    padding: 2px;
    font-family: Verdana, Arial, Sans-Serif;
    line-height: 1.4;
    font-size: 13px;
}

select {
    background: #ffffff;
    border: 1px solid #0f5c8e;
}

.editor {
    background: #f1f1f1;
    border: 1px solid #ccc;
}

.editor_control_bar {
    background: #fff;
    border: 1px solid #0f5c8e;
}

.autocomplete {
    background: #fff;
    border: 1px solid #000;
    color: black;
}

.autocomplete_selected {
    background: #adcee7;
    color: #000;
}

.popup_menu {
    background: #ccc;
    border: 1px solid #000;
}

.popup_menu .popup_item {
    background: #fff;
    color: #000;
}

.popup_menu .popup_item:hover {
    background: #C7DBEE;
    color: #000;
}

.trow_reputation_positive {
    background: #ccffcc;
}

.trow_reputation_negative {
    background: #ffcccc;
}

.reputation_positive {
    color: green;
}

.reputation_neutral {
    color: #444;
}

.reputation_negative {
    color: red;
}

.invalid_field {
    border: 1px solid #f30;
    color: #f30;
}

.valid_field {
    border: 1px solid #0c0;
}

.validation_error {
    background: url(images/invalid.gif) no-repeat center left;
    color: #f30;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 22px;
}

.validation_success {
    background: url(images/valid.gif) no-repeat center left;
    color: #00b200;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 22px;
}

.validation_loading {
    background: url(images/spinner.gif) no-repeat center left;
    color: #555;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 22px;
}

/* Additional CSS (Master) */
img {
    border: none;
}

.clear {
    clear: both;
}

.hidden {
    display: none;
    float: none;
    width: 1%;
}

.hiddenrow {
    display: none;
}

.selectall {
    background-color: #FFFBD9;
    font-weight: bold;
    text-align: center;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.menu ul {
    list-style: none;
    margin: 0;
}

.menu li {
    display: inline;
    padding-left: 5px;
}

.menu img {
    padding-right: 5px;
    vertical-align: top;
}

#panel .links {
    margin: 0;
    float: right;
}

.expcolimage {
    float: right;
    width: auto;
    vertical-align: middle;
    margin-top: 3px;
}

img.attachment {
    border: 1px solid #E9E5D7;
    padding: 2px;
}

hr {
    background-color: #000000;
    color: #000000;
    height: 1px;
    border: 0px;
}

#copyright {
    font: 11px Verdana, Arial, Sans-Serif;
    margin: 0;
    padding: 10px 0 0 0;
}

#debug {
    float: right;
    text-align: right;
    margin-top: 0;
}

blockquote {
    border: 1px solid #ccc;
    margin: 0;
    background: #EBF7CA;
    padding: 4px;
}

blockquote cite {
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    font-style: normal;
    display: block;
    margin: 4px 0;
}

blockquote cite span {
    float: right;
    font-weight: normal;
}

blockquote cite span.highlight {
    float: none;
    font-weight: bold;
    padding-bottom: 0;
}

.codeblock {
    background: #EFF9FF;
    border: 1px solid #ccc;
    padding: 4px;
}

.codeblock .title {
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    margin: 4px 0;
}

.codeblock code {
    overflow: auto;
    height: auto;
    max-height: 200px;
    display: block;
    font-family: Monaco, Consolas, Courier, monospace;
    font-size: 13px;
}

.subforumicon {
    border: 0;
    vertical-align: middle;
}

.separator {
    margin: 5px;
    padding: 0;
    height: 0px;
    font-size: 1px;
    list-style-type: none;
}

form {
    margin: 0;
    padding: 0;
}

.popup_menu .popup_item_container {
    margin: 1px;
    text-align: left;
}

.popup_menu .popup_item {
    display: block;
    padding: 3px;
    text-decoration: none;
    white-space: nowrap;
}

.popup_menu a.popup_item:hover {
    text-decoration: none;
}

.autocomplete {
    text-align: left;
}

.subject_new {
    font-weight: bold;
}

.highlight {
    background: #FFFFCC;
    padding-top: 3px;
    padding-bottom: 3px;
}

.pm_alert {
    background: #FFF6BF;
    border: 1px solid #FFD324;
    text-align: center;
    padding: 5px 20px;
    margin-bottom: 15px;
    font-size: 11px;
}

.red_alert {
    background: #FBE3E4;
    border: 1px solid #A5161A;
    color: #A5161A;
    text-align: center;
    padding: 5px 20px;
    margin-bottom: 15px;
    font-size: 11px;
}

.high_warning {
    color: #CC0000;
}

.moderate_warning {
    color: #F3611B;
}

.low_warning {
    color: #AE5700;
}

div.error {
    padding: 5px 10px;
    border-top: 2px solid #FFD324;
    border-bottom: 2px solid #FFD324;
    background: #FFF6BF;
    font-size: 12px;
}

div.error p {
    margin: 0;
    color: #000;
    font-weight: normal;
}

div.error p em {
    font-style: normal;
    font-weight: bold;
    padding-left: 24px;
    display: block;
    color: #C00;
    background: url(images/error.gif) no-repeat 0;
}

div.error.ul {
    margin-left: 24px;
}

.online {
    color: #15A018;
}

.offline {
    color: #C7C7C7;
}

.pagination {
    font-size: 11px;
    padding-top: 10px;
    margin-bottom: 5px;
}

.tfoot .pagination, .tcat .pagination {
    padding-top: 0;
}
.pagination .pages {
    font-weight: bold;
}

.pagination .pagination_current, .pagination a {
    padding: 2px 6px;
    margin-bottom: 3px;
}

.pagination a {
    border: 1px solid #81A2C4;
}

.pagination .pagination_current {
    background: #F5F5F5;
    border: 1px solid #81A2C4;
    font-weight: bold;
    color: #000;
}

.pagination a:hover {
    background: #F5F5F5;
    text-decoration: none;
}

.thread_legend, .thread_legend dd {
    margin: 0;
    padding: 0;
}

.thread_legend dd {
    padding-bottom: 4px;
    margin-right: 15px;
}

.thread_legend img {
    margin-right: 4px;
    vertical-align: bottom;
}

.forum_legend, .forum_legend dt, .forum_legend dd {
    margin: 0;
    padding: 0;
}

.forum_legend dd {
    float: left;
    margin-right: 10px;
}

.forum_legend dt {
    margin-right: 10px;
    float: left;
}

.success_message {
    color: #00b200;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
}

.error_message {
    color: #C00;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
}

.post_body {
    padding: 5px;
}

.post_content {
    padding: 5px 10px;
    background: #fff;
}

.quick_jump {
    background: url(images/jump.gif) no-repeat 0;
    width: 13px;
    height: 13px;
    padding-left: 13px; /* amount of padding needed for image to fully show */
    vertical-align: middle;
    border: none;
}

.repbox {
    font-size:16px;
    font-weight: bold;
    padding:5px 7px 5px 7px;
}

._neutral {
    background-color:#FAFAFA;
    color: #999999;
    border:1px solid #CCCCCC;
}

._minus {
    background-color: #FDD2D1;
    color: #CB0200;
    border:1px solid #980201;
}

._plus {
    background-color:#E8FCDC;
    color: #008800;
    border:1px solid #008800;
}

.pagination_breadcrumb {
    background-color: #f5f5f5;
    border: 1px solid #fff;
    outline: 1px solid #ccc;
    padding: 5px;
    margin-top: 5px;
    font-weight: normal;
}

.pagination_breadcrumb_link {
    vertical-align: middle;
    cursor: pointer;
}
.modnotice
{
    background: #ADCBE7;
    padding: 8px;
    margin: auto auto;
    border: 1px solid #0F5C8E;
border-radius: 10px;
    color: #000000;
    font-size: 12px;
}


RE: Problème avec global.css - Saphir - 31-10-2013

Bonsoir Sworm.

Les modifications apportées au global.css devraien être prises en compte instantanément.
Modifiez-vous bien le global.css correspondant au thème que vous utilisez ?

RE: Problème avec global.css - Sworm - 31-10-2013

Oui, j'ai bien modifié le global.css de mon thème !

EDIT : Mais j'ai l'impression que tout ce qui est dans la "balise" body ne soit pas pris en compte en css. Puisque tout le reste s'affiche sur le forum !

RE: Problème avec global.css - Saphir - 31-10-2013

La page reste peut-être en cache sur le forum (c'est étrange, il me semblait que la page en cache se rafraîchissait quand on changeait le global.css)...
Essayez de réinitialiser le cache de votre forum. (dans Outils & Maintenance)

RE: Problème avec global.css - exdiogene - 31-10-2013

Il ne faut pas oublier de rafraîchir aussi le cache du navigateur en appuyant sur F5 après chaque modification! Wink

RE: Problème avec global.css - Sworm - 31-10-2013

(31-10-2013, 20:45)Saphir a écrit :  La page reste peut-être en cache sur le forum (c'est étrange, il me semblait que la page en cache se rafraîchissait quand on changeait le global.css)...
Essayez de réinitialiser le cache de votre forum. (dans Outils & Maintenance)
Je viens de le faire... toujours rien !


(31-10-2013, 20:50)exdiogene a écrit :  Il ne faut pas oublier de rafraîchir aussi le cache du navigateur en appuyant sur F5 après chaque modification! Wink
Oui c'est ce que j'ai fais, au moins 15 fois ! J'ai même vider le cache de mon navigateur... mais rien n'a faire !


RE: Problème avec global.css - exdiogene - 31-10-2013

Même si l'on change l'affichage du thème par défaut du site, il faut s'assurer que c'est aussi le thème que nous avons sélectionné dans notre propre profil...

RE: Problème avec global.css - Sworm - 31-10-2013

j'ai mis le thème par défaut et j'ai "imposer le thème aux utilisateurs" ! Tous les membres, dont moi sont sur le thème.

RE: Problème avec global.css - exdiogene - 31-10-2013

Alors, une des deux autres possibilités qu'il reste est qu'il y a un cache sur le réseau entre le serveur et votre ordinateur. Cela est fréquent avec les hébergements "cloud"...

Ou encore, que le thème reprend tous les styles pour les redéfinir après la section global.css!

RE: Problème avec global.css - Sworm - 31-10-2013

(31-10-2013, 21:16)exdiogene a écrit :  Alors, une des deux autres possibilités qu'il reste est qu'il y a un cache sur le réseau entre le serveur et votre ordinateur. Cela est fréquent avec les hébergements "cloud"...

Ou encore, que le thème reprend tous les styles pour les redéfinir après la section global.css!

Bah je viens de changer d'hébergeur, donc c'est peut-être ça !
Puisque sur mon ancien hébergeur, ça fonctionner très bien !

Je comprend pas "le thème reprend tous les styles pour les redéfinir après la section global.css!" Je dois faire quoi ? :c

RE: Problème avec global.css - exdiogene - 31-10-2013

Le contenu de la balise body sur le site est le suivant :
Code :
body{
background-image:url(http://img11.hostingpics.net/pics/514721backgroundhallo.png);
background-repeat:repeat;
background-attachment:fixed;
color:#000;
font-family:Verdana,Arial,Sans-Serif;
font-size:13px;
text-align:center;
line-height:1.4;
}

Il est évident que l'image n'est pas celle de ci-dessus "791905Background.png", qui elle est bleue!



RE: Problème avec global.css - spyto - 31-10-2013

Je confirme qu'il y a bien un "cloud".
A un moment, voilà l'écran que j'ai obtenu, même si là ça remarche :
[attachment=1339]

Le problème peut donc bien venir de son cache, comme l'a suggéré exdiogene...

RE: Problème avec global.css - Sworm - 31-10-2013

Merci beaucoup pour vos réponses rapides Smile

Et donc... comment je peux vider le cache du cloud ? Je ne peux pas ?

 Utilitaire de traduction fourni par Regentronique