Easy-Design.Net forum




Aide générale [Réglé] Aide CSS module-mini-container Tous les modules

m-ickael Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 23/02/2010 à 09h15

Messages: 2296

Le 20/06/2016 à 18h04
Salut.

Je demande aujourd'hui de l'aide concernant des fichiers CSS qui commencent sérieusement à m'agacer !

Dans le content.csss on peut y voir :

Code CSS :
.module-mini-container {
margin: 0 0 10px 0;
padding: 5px;
background-color: ##COULEUR AU CHOIX;
border: 1px #BEBEBE solid;
border-bottom: 2px #99B1CB solid;
border-spacing: 1px;
clear: both;
}


Le problème étant que lorsque je met un module dans le footer (online par exemple), la couleur ne va pas du tout !

J'ai donc changé la couleur dans le content.css ..

Seulement, lorsque je met un module en central haut (shoutbox sur le forum en index), j'ai la couleur du footer (forcément vu que module-mini-container se répète sur tous les modules quelque soit l'endroit) ..

J'ai donc supprimé les background dans le content, pour rajouter manuellement dans les modules ..

J'ai donc un .module-mini-container dans le css Online, et Shoutbox

Seulement, il y a des priorités, car l'un ou l'autre, un seul est pris en compte ! J'ai donc renommé les CSS par :

.module-mini-container-shoutbox & .module-mini-container-online

Seulement, dans les .tpl des deux modules, il n'y a aucun appel de ces fonctions (.mini-module-container) Donc, au final, je ne peux rien personnaliser individuellement ! Je ne m'en sors vraiment pas du tout !

Exemple sur shoubox :

Code HTML :
 
<script>
<!--
function shoutbox_add_message()
{
var pseudo = jQuery("#shout-pseudo").val();
var contents = jQuery("#shout-contents").val();
 
if (pseudo && contents)
{
jQuery.ajax({
url: '${relative_url(ShoutboxUrlBuilder::ajax_add())}',
type: "post",
dataType: "json",
data: {'pseudo' : pseudo, 'contents' : contents, 'token' : '{TOKEN}'},
beforeSend: function(){
jQuery('#shoutbox-refresh').html('<i class="fa fa-spin fa-spinner"></i>');
},
success: function(returnData){
if(returnData.code > 0) {
shoutbox_refresh_messages_box();
jQuery('#shout-contents').val('');
} else {
switch(returnData.code)
{
case -1:
alert(${escapejs(LangLoader::get_message('e_flood', 'errors'))});
break;
case -2:
alert("{L_ALERT_LINK_FLOOD}");
break;
case -3:
alert(${escapejs(LangLoader::get_message('e_incomplete', 'errors'))});
break;
case -4:
alert(${escapejs(LangLoader::get_message('error.auth', 'status-messages-common'))});
break;
}
}
jQuery('#shoutbox-refresh').html('<i class="fa fa-refresh"></i>');
},
error: function(e){
alert(${escapejs(LangLoader::get_message('csrf_invalid_token', 'status-messages-common'))});
}
});
} else {
alert("${LangLoader::get_message('require_text', 'main')}");
return false;
}
}
 
function shoutbox_delete_message(id_message)
{
if (confirm(${escapejs(LangLoader::get_message('confirm.delete', 'status-messages-common'))}))
{
jQuery.ajax({
url: '${relative_url(ShoutboxUrlBuilder::ajax_delete())}',
type: "post",
dataType: "json",
data: {'id' : id_message, 'token' : '{TOKEN}'},
beforeSend: function(){
jQuery('#shoutbox-refresh').html('<i class="fa fa-spin fa-spinner"></i>');
},
success: function(returnData){
var code = returnData.code;
 
if(code > 0) {
jQuery('#shoutbox-message-' + code).remove();
} else {
alert("{@error.message.delete}");
}
jQuery('#shoutbox-refresh').html('<i class="fa fa-refresh"></i>');
},
error: function(e){
alert(${escapejs(LangLoader::get_message('csrf_invalid_token', 'status-messages-common'))});
}
});
}
}
 
function shoutbox_refresh_messages_box() {
jQuery.ajax({
url: '${relative_url(ShoutboxUrlBuilder::ajax_refresh())}',
type: "post",
dataType: "json",
data: {'token' : '{TOKEN}'},
beforeSend: function(){
jQuery('#shoutbox-refresh').html('<i class="fa fa-spin fa-spinner"></i>');
},
success: function(returnData){
jQuery('#shoutbox-messages-container').html(returnData.messages);
 
jQuery('#shoutbox-refresh').html('<i class="fa fa-refresh"></i>');
},
error: function(e){
messages = e.responseText;
 
if (messages.substring(2, 10) == "messages") {
messages = messages.replace(/\(.?)/g, function (s, n1){switch (n1){case '\':return '\';case '0':return 'u0000';case '':return '';default:return n1;}});
messages = messages.replace(/>nn</g, '><');
                                messages = messages.replace(/<br />n/g, '<br />');
messages = messages.slice(14);
messages = messages.slice(0, -3);
 
jQuery('#shoutbox-messages-container').html(messages);
}
 
jQuery('#shoutbox-refresh').html('<i class="fa fa-refresh"></i>');
}
});
}
 
# IF C_AUTOMATIC_REFRESH_ENABLED #setInterval(shoutbox_refresh_messages_box, {SHOUT_REFRESH_DELAY});# ENDIF #
-->
</script>
# IF C_DISPLAY_SHOUT_BBCODE #<script src="{PATH_TO_ROOT}/BBCode/templates/js/bbcode.js"></script># ENDIF #
 
<div id="shoutbox-messages-container"# IF C_HORIZONTAL # class="shout-horizontal" # ENDIF #># INCLUDE SHOUTBOX_MESSAGES #</div>
# IF C_DISPLAY_FORM #
<form action="" method="post">
# IF NOT C_MEMBER #
<div class="spacer"></div>
<label for="shout-pseudo"><span class="small">${LangLoader::get_message('form.name', 'common')}</span></label>
<input maxlength="25" type="text" name="shout-pseudo" id="shout-pseudo" value="${LangLoader::get_message('visitor', 'user-common')}">
# ELSE #
<input type="hidden" name="shout-pseudo" id="shout-pseudo" value="{SHOUTBOX_PSEUDO}">
# ENDIF #
<br />
# IF C_VERTICAL #<label for="shout-contents"><span class="small">${LangLoader::get_message('message', 'main')}</span></label># ENDIF #
<textarea id="shout-contents" name="shout-contents"# IF C_VALIDATE_ONKEYPRESS_ENTER # onkeypress="if(event.keyCode==13){shoutbox_add_message();}"# ENDIF # rows="# IF C_VERTICAL #4# ELSE #2# ENDIF #" cols="16"></textarea>
<div id="shoutbox-bbcode-container" class="shout-spacing">
# IF C_DISPLAY_SHOUT_BBCODE #
<ul>
<li  class="bbcode-elements-discussion">
<a href="javascript:bb_display_block('1', 'shout-contents');" onmouseover="bb_hide_block('1', 'shout-contents', 1);" onmouseout="bb_hide_block('1', 'shout-contents', 0);" class="fa bbcode-icon-smileys" title="${LangLoader::get_message('bb_smileys', 'common', 'BBCode')}"></a>
<div class="bbcode-block-container" style="display:none;" id="bb-block1shout-contents">
<ul class="bbcode-block block-smileys" onmouseover="bb_hide_block('1', 'shout-contents', 1);" onmouseout="bb_hide_block('1', 'shout-contents', 0);">
# START smileys #
<li>
<a href="" onclick="insertbbcode('{smileys.CODE}', 'smile', 'shout-contents');return false;" class="bbcode-hover" title="{smileys.CODE}"><img src="{smileys.URL}" alt="{smileys.CODE}"></a>
</li>
# END smileys #
</ul>
</div>
</li>
<li  class="bbcode-elements-discussion">
<a href="" class="fa bbcode-icon-bold# IF C_BOLD_DISABLED # icon-disabled# ENDIF #" onclick="# IF NOT C_BOLD_DISABLED #insertbbcode('[b]', '[/b]', 'shout-contents');# ENDIF #return false;" title="${LangLoader::get_message('bb_bold', 'common', 'BBCode')}"></a>
</li>
<li class="bbcode-elements-discussion">
<a href="" class="fa bbcode-icon-italic# IF C_ITALIC_DISABLED # icon-disabled# ENDIF #" onclick="# IF NOT C_ITALIC_DISABLED #insertbbcode('[i]', '[/i]', 'shout-contents');# ENDIF #return false;" title="${LangLoader::get_message('bb_italic', 'common', 'BBCode')}"></a>
</li>
<li class="bbcode-elements-discussion">
<a href="" class="fa bbcode-icon-underline# IF C_UNDERLINE_DISABLED # icon-disabled# ENDIF #" onclick="# IF NOT C_UNDERLINE_DISABLED #insertbbcode('[u]', '[/u]', 'shout-contents');# ENDIF #return false;" title="${LangLoader::get_message('bb_underline', 'common', 'BBCode')}"></a>
</li>
<li class="bbcode-elements-discussion">
<a href="" class="fa bbcode-icon-strike# IF C_STRIKE_DISABLED # icon-disabled# ENDIF #" onclick="# IF NOT C_STRIKE_DISABLED #insertbbcode('[s]', '[/s]', 'shout-contents');# ENDIF #return false;" title="${LangLoader::get_message('bb_strike', 'common', 'BBCode')}"></a>
</li>
</ul>
# ENDIF #
</div>
<p class="shout-spacing">
<button onclick="shoutbox_add_message();" type="button">${LangLoader::get_message('submit', 'main')}</button>
<input type="hidden" name="token" value="{TOKEN}">
<a href="" onclick="shoutbox_refresh_messages_box();return false;" id="shoutbox-refresh" title="${LangLoader::get_message('refresh', 'main')}"><i class="fa fa-refresh"></i></a>
</p>
</form>
# ELSE #
<div class="spacer"></div>
<span class="warning">{@error.post.unauthorized}</span>
<p class="shout-spacing">
<a href="" onclick="shoutbox_refresh_messages_box();return false;" id="shoutbox-refresh" title="${LangLoader::get_message('refresh', 'main')}"><i class="fa fa-refresh"></i></a>
</p>
# ENDIF #
<a class="small" href="${relative_url(ShoutboxUrlBuilder::home())}" title="">{@archives}</a>
 


Exemple sur le online :

Code HTML :
<span class="smaller-online">{TOTAL_VISITOR_CONNECTED} {L_VISITOR}, {TOTAL_MEMBER_CONNECTED} {L_MEMBER}, {TOTAL_MODERATOR_CONNECTED} {L_MODO}, {TOTAL_ADMINISTRATOR_CONNECTED} {L_ADMIN} ${TextHelper::lowercase_first(LangLoader::get_message('online', 'common', 'online'))}.</span>
 
<div class="online-users-container">
# START users #
<a href="{users.U_PROFILE}" class="{users.LEVEL_CLASS} member-online online-user" # IF users.C_GROUP_COLOR # style="color:{users.GROUP_COLOR}" # ENDIF #>{users.PSEUDO}</a>
# END users #
</div>
 
# IF C_MORE_USERS #
<div class="spacer"></div>
<div class="online-total">
<a href="${relative_url(OnlineUrlBuilder::home())}">{TOTAL_USERS_CONNECTED} {L_USERS_ONLINE}</a>
</div>
# ENDIF #
 
 


Quelle est la démarche à suivre pour personnaliser le .module-mini-container de chaque module??

Merci :top Edité par m-ickael Le 20/06/2016 à 18h05

planet-truck.fr
Site web    
Myster Membre non connecté

EDN Enraciné(e)

Rang

Avatar

Inscrit le : 19/01/2011 à 16h42

Messages: 871

Le 21/06/2016 à 15h34
Hello,

Si j'ai bien compris, lorsque tu mets le mini-module dans le footer, ça fait une couleur qui correspond pas au footer mais aux autres mini-module ?
   
m-ickael Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 23/02/2010 à 09h15

Messages: 2296

Le 21/06/2016 à 15h51
Pour résumer, tous les .module-mini-container ont la même couleur défini par content.css .. Mais dans les CSS des modules, je n'ai rien qui appelle le .module-mini-container.

Donc, je ne sais pas comment personnaliser chaque module selon ou je le place.

planet-truck.fr
Site web    
Myster Membre non connecté

EDN Enraciné(e)

Rang

Avatar

Inscrit le : 19/01/2011 à 16h42

Messages: 871

Le 21/06/2016 à 16h15
Ce que tu peux faire c'est aller dans le dossier d'un module, par exemple Shoutbox, puis dans son tpl, et à la class module-mini-controller je crois tu ajoute un style="background-color:#FFF", par exemple :)
   
m-ickael Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 23/02/2010 à 09h15

Messages: 2296

Le 21/06/2016 à 18h04
Je n'ai pas de classe justement, sinon ce serait trop simple .. Je prends les mêmes valeurs, et je fais une personnalisation du type .module-mini-container-shoutbox.

Mais aucune valeur, donc je ne sais pas comment faire :)

planet-truck.fr
Site web    
Myster Membre non connecté

EDN Enraciné(e)

Rang

Avatar

Inscrit le : 19/01/2011 à 16h42

Messages: 871

Le 21/06/2016 à 19h28
Non tu n'as pas compris ^^

Par exemple dans shoutbox/template/shoutbox_mini.tpl j'ai ça <div class="module-mini-container">

Donc si je veux le fond de ce menu en rouge, je rajoute un style ce qui donne

<div class="module-mini-container" style="background:red;">
   
m-ickael Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 23/02/2010 à 09h15

Messages: 2296

Le 21/06/2016 à 19h56
Tu es en V4 non? Car sur la V5 ce fichier n'y est pas .. C'est : ShoutboxModuleMiniMenu.tpl

Voici l'intégralité :

Code HTML :
<script>
<!--
function shoutbox_add_message()
{
var pseudo = jQuery("#shout-pseudo").val();
var contents = jQuery("#shout-contents").val();
 
if (pseudo && contents)
{
jQuery.ajax({
url: '${relative_url(ShoutboxUrlBuilder::ajax_add())}',
type: "post",
dataType: "json",
data: {'pseudo' : pseudo, 'contents' : contents, 'token' : '{TOKEN}'},
beforeSend: function(){
jQuery('#shoutbox-refresh').html('<i class="fa fa-spin fa-spinner"></i>');
},
success: function(returnData){
if(returnData.code > 0) {
shoutbox_refresh_messages_box();
jQuery('#shout-contents').val('');
} else {
switch(returnData.code)
{
case -1:
alert(${escapejs(LangLoader::get_message('e_flood', 'errors'))});
break;
case -2:
alert("{L_ALERT_LINK_FLOOD}");
break;
case -3:
alert(${escapejs(LangLoader::get_message('e_incomplete', 'errors'))});
break;
case -4:
alert(${escapejs(LangLoader::get_message('error.auth', 'status-messages-common'))});
break;
}
}
jQuery('#shoutbox-refresh').html('<i class="fa fa-refresh"></i>');
},
error: function(e){
alert(${escapejs(LangLoader::get_message('csrf_invalid_token', 'status-messages-common'))});
}
});
} else {
alert("${LangLoader::get_message('require_text', 'main')}");
return false;
}
}
 
function shoutbox_delete_message(id_message)
{
if (confirm(${escapejs(LangLoader::get_message('confirm.delete', 'status-messages-common'))}))
{
jQuery.ajax({
url: '${relative_url(ShoutboxUrlBuilder::ajax_delete())}',
type: "post",
dataType: "json",
data: {'id' : id_message, 'token' : '{TOKEN}'},
beforeSend: function(){
jQuery('#shoutbox-refresh').html('<i class="fa fa-spin fa-spinner"></i>');
},
success: function(returnData){
var code = returnData.code;
 
if(code > 0) {
jQuery('#shoutbox-message-' + code).remove();
} else {
alert("{@error.message.delete}");
}
jQuery('#shoutbox-refresh').html('<i class="fa fa-refresh"></i>');
},
error: function(e){
alert(${escapejs(LangLoader::get_message('csrf_invalid_token', 'status-messages-common'))});
}
});
}
}
 
function shoutbox_refresh_messages_box() {
jQuery.ajax({
url: '${relative_url(ShoutboxUrlBuilder::ajax_refresh())}',
type: "post",
dataType: "json",
data: {'token' : '{TOKEN}'},
beforeSend: function(){
jQuery('#shoutbox-refresh').html('<i class="fa fa-spin fa-spinner"></i>');
},
success: function(returnData){
jQuery('#shoutbox-messages-container').html(returnData.messages);
 
jQuery('#shoutbox-refresh').html('<i class="fa fa-refresh"></i>');
},
error: function(e){
messages = e.responseText;
 
if (messages.substring(2, 10) == "messages") {
messages = messages.replace(/\(.?)/g, function (s, n1){switch (n1){case '\':return '\';case '0':return 'u0000';case '':return '';default:return n1;}});
messages = messages.replace(/>nn</g, '><');
                                messages = messages.replace(/<br />n/g, '<br />');
messages = messages.slice(14);
messages = messages.slice(0, -3);
 
jQuery('#shoutbox-messages-container').html(messages);
}
 
jQuery('#shoutbox-refresh').html('<i class="fa fa-refresh"></i>');
}
});
}
 
# IF C_AUTOMATIC_REFRESH_ENABLED #setInterval(shoutbox_refresh_messages_box, {SHOUT_REFRESH_DELAY});# ENDIF #
-->
</script>
# IF C_DISPLAY_SHOUT_BBCODE #<script src="{PATH_TO_ROOT}/BBCode/templates/js/bbcode.js"></script># ENDIF #
 
<div id="shoutbox-messages-container"# IF C_HORIZONTAL # class="shout-horizontal" # ENDIF #># INCLUDE SHOUTBOX_MESSAGES #</div>
# IF C_DISPLAY_FORM #
<form action="" method="post">
# IF NOT C_MEMBER #
<div class="spacer"></div>
<label for="shout-pseudo"><span class="small">${LangLoader::get_message('form.name', 'common')}</span></label>
<input maxlength="25" type="text" name="shout-pseudo" id="shout-pseudo" value="${LangLoader::get_message('visitor', 'user-common')}">
# ELSE #
<input type="hidden" name="shout-pseudo" id="shout-pseudo" value="{SHOUTBOX_PSEUDO}">
# ENDIF #
<br />
# IF C_VERTICAL #<label for="shout-contents"><span class="small">${LangLoader::get_message('message', 'main')}</span></label># ENDIF #
<textarea id="shout-contents" name="shout-contents"# IF C_VALIDATE_ONKEYPRESS_ENTER # onkeypress="if(event.keyCode==13){shoutbox_add_message();}"# ENDIF # rows="# IF C_VERTICAL #4# ELSE #2# ENDIF #" cols="16"></textarea>
<div id="shoutbox-bbcode-container" class="shout-spacing">
# IF C_DISPLAY_SHOUT_BBCODE #
<ul>
<li class="bbcode-elements">
<a href="javascript:bb_display_block('1', 'shout-contents');" onmouseover="bb_hide_block('1', 'shout-contents', 1);" onmouseout="bb_hide_block('1', 'shout-contents', 0);" class="fa bbcode-icon-smileys" title="${LangLoader::get_message('bb_smileys', 'common', 'BBCode')}"></a>
<div class="bbcode-block-container" style="display:none;" id="bb-block1shout-contents">
<ul class="bbcode-block block-smileys" onmouseover="bb_hide_block('1', 'shout-contents', 1);" onmouseout="bb_hide_block('1', 'shout-contents', 0);">
# START smileys #
<li>
<a href="" onclick="insertbbcode('{smileys.CODE}', 'smile', 'shout-contents');return false;" class="bbcode-hover" title="{smileys.CODE}"><img src="{smileys.URL}" alt="{smileys.CODE}"></a>
</li>
# END smileys #
</ul>
</div>
</li>
<li class="bbcode-elements">
<a href="" class="fa bbcode-icon-bold# IF C_BOLD_DISABLED # icon-disabled# ENDIF #" onclick="# IF NOT C_BOLD_DISABLED #insertbbcode('[b]', '[/b]', 'shout-contents');# ENDIF #return false;" title="${LangLoader::get_message('bb_bold', 'common', 'BBCode')}"></a>
</li>
<li class="bbcode-elements">
<a href="" class="fa bbcode-icon-italic# IF C_ITALIC_DISABLED # icon-disabled# ENDIF #" onclick="# IF NOT C_ITALIC_DISABLED #insertbbcode('[i]', '[/i]', 'shout-contents');# ENDIF #return false;" title="${LangLoader::get_message('bb_italic', 'common', 'BBCode')}"></a>
</li>
<li class="bbcode-elements">
<a href="" class="fa bbcode-icon-underline# IF C_UNDERLINE_DISABLED # icon-disabled# ENDIF #" onclick="# IF NOT C_UNDERLINE_DISABLED #insertbbcode('[u]', '[/u]', 'shout-contents');# ENDIF #return false;" title="${LangLoader::get_message('bb_underline', 'common', 'BBCode')}"></a>
</li>
<li class="bbcode-elements">
<a href="" class="fa bbcode-icon-strike# IF C_STRIKE_DISABLED # icon-disabled# ENDIF #" onclick="# IF NOT C_STRIKE_DISABLED #insertbbcode('[s]', '[/s]', 'shout-contents');# ENDIF #return false;" title="${LangLoader::get_message('bb_strike', 'common', 'BBCode')}"></a>
</li>
</ul>
# ENDIF #
</div>
<p class="shout-spacing">
<button onclick="shoutbox_add_message();" type="button">${LangLoader::get_message('submit', 'main')}</button>
<input type="hidden" name="token" value="{TOKEN}">
<a href="" onclick="shoutbox_refresh_messages_box();return false;" id="shoutbox-refresh" title="${LangLoader::get_message('refresh', 'main')}"><i class="fa fa-refresh"></i></a>
</p>
</form>
# ELSE #
<div class="spacer"></div>
<span class="warning">{@error.post.unauthorized}</span>
<p class="shout-spacing">
<a href="" onclick="shoutbox_refresh_messages_box();return false;" id="shoutbox-refresh" title="${LangLoader::get_message('refresh', 'main')}"><i class="fa fa-refresh"></i></a>
</p>
# ENDIF #
<a class="small" href="${relative_url(ShoutboxUrlBuilder::home())}" title="">{@archives}</a>
 

planet-truck.fr
Site web    
Myster Membre non connecté

EDN Enraciné(e)

Rang

Avatar

Inscrit le : 19/01/2011 à 16h42

Messages: 871

Le 21/06/2016 à 20h21
Dans ce cas: <div id="shoutbox-messages-container"# IF C_HORIZONTAL # class="shout-horizontal" # ENDIF #># INCLUDE SHOUTBOX_MESSAGES #</div>

par <div id="shoutbox-messages-container" style="background-color:#FFF;" # IF C_HORIZONTAL # class="shout-horizontal" # ENDIF #># INCLUDE SHOUTBOX_MESSAGES #</div>
   
m-ickael Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 23/02/2010 à 09h15

Messages: 2296

Le 21/06/2016 à 20h32
Négatif, ça change que le fond des messages et non le block entier .. :/ Edité par m-ickael Le 21/06/2016 à 20h37

planet-truck.fr
Site web    
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 22/06/2016 à 11h24
Bonjour,

Désolée, je réponds tardivement ..

Donc si j'ai bien compris tu as rajouté un ".module-mini-container " dans le "ShoutboxModuleMiniMenu.tpl". sachant que c'est une class commune tu as exporté le css dans les "dit-fichier.css", en réinterprétant les noms adéquates, enclass décliné dans les fichiers et le style css :

- .module-mini-container-shoutbox & .module-mini-container-online

Et cela ne fonctionne pas ?

1/ Les caches sont-ils rafraichis ?
2/ Si oui .. Voir à changer complètement d'appellation de la class, pour ne pas avoir de similitude de nomination.
3/ @Myster : on ne fait pas de changement de style en directe dans le tpl c'est moche et cela complique la tache

4/ Est ce que tu peux nous faire des screens pour visualiser le soucis, si cela persiste ?

:study Swan

swan_signature

Site web    
m-ickael Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 23/02/2010 à 09h15

Messages: 2296

Le 22/06/2016 à 19h35
Bonjour.

J'ai bien peur de ne pas avoir tout compris. Je n'ai rien rajouté Swan encore. J'en ai fais le test, mais sans succès, même en rajoutant .module-mini-container-shoutbox en css et en rajoutant un div class ect.... Mais sans succès.

planet-truck.fr
Site web    
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 22/06/2016 à 20h36
Je ferais des test en locale demain ^^

swan_signature

Site web    
m-ickael Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 23/02/2010 à 09h15

Messages: 2296

Le 22/06/2016 à 21h56
Okay merci :top

planet-truck.fr
Site web    
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 23/06/2016 à 19h35
Bonsoir,

Alors moi avec cela dans le content.css , cela passe bien :


Code CSS :
#module-mini-shoutbox.module-mini-container {
    background: red none repeat scroll 0 0;
}


Et pour le online aussi ..

Code CSS :
#module-mini-shoutbox.module-mini-container {
    background: green none repeat scroll 0 0;
}


* Change le nom des couleurs en RGB ou en hexa .

Oublie pas tes cache au passage si tu les as.

Swan ^^

swan_signature

Site web    
m-ickael Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 23/02/2010 à 09h15

Messages: 2296

Le 24/06/2016 à 22h52
Ah j'ai pas pensé à mettre ça dans le content.css pour le coup.

Mais les ID sont déjà créé dans le .css des modules ou je dois juste modifier le content.css?

Merci beaucoup Swan :top

planet-truck.fr
Site web    
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie