Discussion

18/09/2021 à 15h03 : m-ickael : Bonjour, bon weekend !

13/09/2021 à 11h07 : Swan : Bonjour à tous et bon dimanche ;)

11/09/2021 à 16h45 : m-ickael : Bonjour :)

10/09/2021 à 08h33 : Swan : Bonjour tout le monde ^^ N'oubliez pas, si besoin je suis sur le discord ;)

31/08/2021 à 11h38 : Swan : Bonjour tout le monde :lu La rentrée approche ;)

16/08/2021 à 17h40 : m-ickael : Bonne semaine !

15/08/2021 à 11h56 : Swan : Bon week end à tous :)

13/08/2021 à 11h43 : Swan : Salut tout le monde :sun

11/08/2021 à 17h52 : m-ickael : Salut.

11/08/2021 à 11h50 : Swan : Et merci encore une fois à Xtian ;)

11/08/2021 à 11h40 : Swan : Salut à tous les Aoutiens et Aoutiennes !! On va devoir faire la prière du Soleil cette année !!

10/07/2021 à 07h42 : m-ickael : Mais oui :) Tu connais la marmotte et le papier alu ?

09/07/2021 à 02h33 : NK-aide : rigole bien regarder les infos dans un peux moins de 15 jours :po-de-bol bientôt l'injection à la pisse ( chaque injection = sont variants * agent pathogène *) méditer :partage

08/07/2021 à 20h25 : m-ickael : Il parait (et visiblement), ça n'arrange pas les gens .. :rire

07/07/2021 à 16h23 : NK-aide : :coeur1 coucou la famille j'espère que tout le monde va bien en cette période troublé du virus l'injection qui infecte & de la division politique instrumentalisé par l'union européen a des fin pur de garder les riche + riche et les pauvre encore plus pauvre pour garder une pseudo démocratie digne d'un cartel mondial.

10/06/2021 à 19h53 : m-ickael : Bonjour

08/06/2021 à 12h15 : Nico_Las : Bonjour à tous

06/06/2021 à 11h10 : Swan : Bonjour à tous^^ et bon mois de Juin !

25/05/2021 à 21h22 : m-ickael : Bonjour :)

17/05/2021 à 13h13 : Swan : Bonjour tout le monde ^^ Théo D je te remercie d'avoir testé mon système de don: €0,01 EUR :ok

09/05/2021 à 09h28 : m-ickael : Bonjour :)

05/05/2021 à 09h49 : Swan : Bonjour tout le monde :fleur

02/05/2021 à 11h20 : Swan : Bon 1er mai à tous :) :nat0

29/04/2021 à 11h27 : Swan : :lu Bonjour tout le monde ^^

20/04/2021 à 21h32 : m-ickael : Bonjour

20/04/2021 à 17h53 : Swan : Coucou tout le monde ^^

18/04/2021 à 14h14 : m-ickael : Bonjour :)

15/04/2021 à 11h46 : Swan : Bonjour à tous ;)

11/04/2021 à 11h23 : Swan : Salut !! Bon dimanche à tous ^^

07/04/2021 à 12h32 : m-ickael : Bonjour :top

05/04/2021 à 15h03 : Swan : Youhou !! Joyeuses Pâques !!! :D

04/04/2021 à 16h09 : m-ickael : Bonjour.

04/04/2021 à 11h58 : Swan : Coucou tout le monde ^^ :coin3

03/04/2021 à 17h22 : m-ickael : Bonjour :)

28/03/2021 à 10h47 : Swan : Bonjour tout le monde ^^

04/03/2021 à 21h45 : m-ickael : Moi il est là :D

02/03/2021 à 11h37 : Swan : Il est ou le soleil !!! il est ouuUUUuuu ??? :rire

01/03/2021 à 22h47 : Swan : Bon 1er Mars à tous ;)

27/02/2021 à 07h48 : m-ickael : Bonjour

26/02/2021 à 11h16 : Swan : :lu Bonjour tout le monde ^^ Ce soir week end !!

23/02/2021 à 10h50 : Swan : Salut tout le monde ^^ On est toujours là hein !! ;)

07/02/2021 à 08h33 : m-ickael : :)

06/02/2021 à 11h38 : Swan : Bonjour tout le monde :lu Merci Mickael ^^

04/02/2021 à 18h22 : m-ickael : Salut. Long à charger par moment, mais oui ça marche :)

03/02/2021 à 08h28 : Swan : Salut !! Migration sur la 5.2 de Pbt en cours ;)

30/01/2021 à 13h20 : Swan : Salut tout le monde dites moi le site fonctionne correctement ?

22/01/2021 à 16h42 : m-ickael : :(

22/01/2021 à 11h07 : Swan : Bonjour à tous, on a vraiment le moral au ras des pâquerettes... :dehors2

21/01/2021 à 13h15 : Swan : Salut tout le monde ^^ Jour de pluie , jour heureux ??

14/01/2021 à 16h57 : m-ickael : :top

Vous n'êtes pas autorisé à ajouter un message !




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

 Le 20/06/2016 à 18h04 m-ickael Avatar  
 


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

EDN Maitre-Sage


 Le 21/06/2016 à 15h34 Myster Avatar  
 


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 ?

EDN Enraciné(e)


 Le 21/06/2016 à 15h51 m-ickael Avatar  
 


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.

EDN Maitre-Sage


 Le 21/06/2016 à 16h15 Myster Avatar  
 


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 :)

EDN Enraciné(e)


 Le 21/06/2016 à 18h04 m-ickael Avatar  
 


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 :)

EDN Maitre-Sage


 Le 21/06/2016 à 19h28 Myster Avatar  
 


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

EDN Enraciné(e)


 Le 21/06/2016 à 19h56 m-ickael Avatar  
 


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>
 

EDN Maitre-Sage


 Le 21/06/2016 à 20h21 Myster Avatar  
 


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>

EDN Enraciné(e)


 Le 21/06/2016 à 20h32 m-ickael Avatar  
 


Négatif, ça change que le fond des messages et non le block entier .. :/



Edité par m-ickael Le 21/06/2016 à 20h37

EDN Maitre-Sage


 Le 22/06/2016 à 11h24 Swan Avatar  
 


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


Administrateur


 Le 22/06/2016 à 19h35 m-ickael Avatar  
 


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.

EDN Maitre-Sage


 Le 22/06/2016 à 20h36 Swan Avatar  
 


Je ferais des test en locale demain ^^


Administrateur


 Le 22/06/2016 à 21h56 m-ickael Avatar  
 


Okay merci :top

EDN Maitre-Sage


 Le 23/06/2016 à 19h35 Swan Avatar  
 


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 ^^


Administrateur


 Le 24/06/2016 à 22h52 m-ickael Avatar  
 


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

EDN Maitre-Sage


 Le 25/06/2016 à 18h43 Swan Avatar  
 


Dis moi aussi si c'est bon :)


Administrateur


 Le 26/06/2016 à 10h25 m-ickael Avatar  
 


Je suis à l'étranger actuellement, je testerai ceci en weekend :)

Mais tu n'as pas répondue à ma question ^^ ..

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

EDN Maitre-Sage


 Le 26/06/2016 à 18h28 Swan Avatar  
 


Juste le content.css ^^


Administrateur


 Le 26/06/2016 à 23h08 m-ickael Avatar  
 


D'accord, je t'en remercie :)

EDN Maitre-Sage


 Le 26/06/2016 à 23h19 m-ickael Avatar  
 


Coucou.

J'ai pu avoir le temps, et la connexion finalement. ça marche.

Je t'en remercie encore Swan :top

EDN Maitre-Sage


Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie
Qui est en ligne ?

Qui est en ligne ?

Au total il y a 1 Utilisateur en ligne :: 0 Administrateur, 0 Modérateur, 0 Membre et 1 Visiteur
( basées sur les utilisateurs actifs des 5 dernières minutes )
Utilisateur en ligne: Aucun membre connecté

Membres connectés au cours des dernières 24 heures:

m-ickael,

Légende

 [ Administrateur(s) ]   [ Modérateur(s) ]   [ Helpers]   [ WebDesigner(s) ]   [ Membres ]