MyBB.support, le portail francophone de MyBB

MyBB.support, le portail francophone de MyBB > MyBB.fr > Support > Problème avec global.css
Version complète : Problème avec global.css
Vous consultez actuellement la version basse qualité d’un document. Voir la version complète avec le bon formatage.

Sworm

31-10-2013, 18:49

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;
}

Saphir

31-10-2013, 18:54
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 ?

Sworm

31-10-2013, 18:55
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 !

Saphir

31-10-2013, 20:45
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)

exdiogene

31-10-2013, 20:50
Il ne faut pas oublier de rafraîchir aussi le cache du navigateur en appuyant sur F5 après chaque modification! Wink

Sworm

31-10-2013, 21:00
(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 !

exdiogene

31-10-2013, 21:05
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...

Sworm

31-10-2013, 21:06
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.

exdiogene

31-10-2013, 21:16
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!

Sworm

31-10-2013, 21:20
(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

exdiogene

31-10-2013, 21:38
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!

spyto

31-10-2013, 21:47
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...

Sworm

31-10-2013, 21:48
Merci beaucoup pour vos réponses rapides Smile

Et donc... comment je peux vider le cache du cloud ? Je ne peux pas ?
MyBB.support, le portail francophone de MyBB > MyBB.fr > Support > Problème avec global.css
 Utilitaire de traduction fourni par Regentronique