coins des boites arrondis [Réglé]
avec des images
Créations de Thèmes
jjcc Membre non connecté
-
Booster Roquette
- Voir le profil du membre jjcc
- Inscrit le : 29/04/2009
- Site internet
comme vous le savez iE ne reconnait pas le "-moz-border-radius" j'espère ne pas dire de bêtises !! j'ai donc à l'aide d'images modifié mon style css pour avoir des boites avec des coins arrondis même sous IE.... Le couic car il y en a un c'est avec ma shoutbox que j'utilise en page centrale (bas de site) et je retrouve là mes images , normal étant donné que j'ai modifié le "module mini_container" d'ou ma question !! est-il possible de supprimer ces images dans le shoutbox.tpl ? j'ai regardé rapidement mais je ne vois pas ou faire la modife
une idée !! une piste !!
cordialement
votre site sur mon annuaire !! c'est gratuit .. La Rochelle et....
L'esprit d'équipe... C'est des mecs qui sont une équipe, ils ont un esprit ! Alors, ils partagent !
L'esprit d'équipe... C'est des mecs qui sont une équipe, ils ont un esprit ! Alors, ils partagent !
jjcc Membre non connecté
-
Booster Roquette
- Voir le profil du membre jjcc
- Inscrit le : 29/04/2009
- Site internet
bonne journée
votre site sur mon annuaire !! c'est gratuit .. La Rochelle et....
L'esprit d'équipe... C'est des mecs qui sont une équipe, ils ont un esprit ! Alors, ils partagent !
L'esprit d'équipe... C'est des mecs qui sont une équipe, ils ont un esprit ! Alors, ils partagent !
Visiteur
Le partage cela aide aussi les autres ^^
jjcc Membre non connecté
-
Booster Roquette
- Voir le profil du membre jjcc
- Inscrit le : 29/04/2009
- Site internet
je suis un grand partageur très chère swan , jusqu'à preuve du contraire ! ce n'est qu'un oubli de ma part que je vais m'empresser de réparer .....
en ajoutant des images pour avoir mes boites avec des coins arrondis j'ai modifié le "Modules minis" dans content.css mais comme j'utilise la shoutbox en page centrale j'avais mes images qui déformaient ma boite donc j'ai modifié plusieurs choses dans le "content.css" ou plutôt j'ai dupliqué ceci
- .module_mini_container
- .module_mini_top
- .module_mini_contents
- .module_mini_bottom
que j'ai renommé en :
- .module_mini_container1
- .module_mini_top1
- .module_mini_contents1
- .module_mini_bottom1
un exemple !! dans( .module_mini_container)
Code :
.module_mini_container { /*Placement des mini modules */
width:auto;
margin:0px;
margin-bottom:0px;
background:#f0f2ec url(images/haut1.png) no-repeat; /*mettre une image des coins arrondis*/
border-spacing:0px;
padding:/*5px*/-1px;
}
le même code modifié et renommé pour ne pas avoir d'image
Code :
.module_mini_container1 { /*Placement des mini modules */
width:auto;
margin:0px;
margin-bottom:0px;
background:#f0f2ec /*ne pas mettre une image des coins arrondis*/
border-spacing:0px;
padding:/*5px*/-1px;
}
bon jusque là pas de blèmes !! ou presque donc pour suivre ma logique je me suis attaqué au "shoutbox_mini.tpl" puisque que c'est lui qui affiche la boite et j'ai tout simplement changé l'appel de la boite de la ligne 113 à la ligne 147 .... voir le code
Caché :
<form action="?token={TOKEN}" method="post" onsubmit="return check_form_shout();">
<div class="module_mini_container1">
<div class="module_mini_top1">
<h5 class="sub_title">{L_SHOUTBOX}</h5>
</div>
<div class="module_mini_contents1">
<div id="shout_container">
# START shout #
<p id="shout_container_{shout.IDMSG}">{shout.PSEUDO}<span class="text_small">: {shout.CONTENTS}</span>[/p]
# END shout #
</div>
# IF C_VISIBLE_SHOUT #
<label for="shout_pseudo"><span class="text_small">{L_PSEUDO}</span></label>
<input size="16" maxlength="25" type="text" class="text" name="shout_pseudo" id="shout_pseudo" value="{SHOUTBOX_PSEUDO}" />
# ENDIF #
# IF C_HIDDEN_SHOUT #
<input size="16" maxlength="25" type="hidden" class="text" name="shout_pseudo" id="shout_pseudo" value="{SHOUTBOX_PSEUDO}" />
# ENDIF #
<label for="shout_contents"><span class="text_small">{L_MESSAGE}</span></label>
<textarea class="post" id="shout_contents" name="shout_contents" rows="4" cols="16"></textarea>
<input type="submit" name="shoutbox" id="shoutbox_submit" value="{L_SUBMIT}" class="submit" />
<script type="text/javascript">
<!--
document.getElementById('shoutbox_submit').style.display = 'none';
document.write('<input value="{L_SUBMIT}" onclick="XMLHttpRequest_shoutmsg();" type="button" class="submit" />');
-->
</script>
<a href="javascript:XMLHttpRequest_shoutrefresh();" title="{L_REFRESH}"><img src="{PATH_TO_ROOT}/templates/{THEME}/images/refresh_mini.png" id="shoutimg" alt="{L_REFRESH}" class="valign_middle" /></a>
<p style="margin:0;margin-top:10px;">
<a class="small_link" href="{PATH_TO_ROOT}/shoutbox/shoutbox.php{SID}" title="">{L_ARCHIVES}</a>
[/p]
</div>
<div class="module_mini_bottom1">
</div>
</div>
</form>
<form action="?token={TOKEN}" method="post" onsubmit="return check_form_shout();">
<div class="module_mini_container1">
<div class="module_mini_top1">
<h5 class="sub_title">{L_SHOUTBOX}</h5>
</div>
<div class="module_mini_contents1">
<div id="shout_container">
# START shout #
<p id="shout_container_{shout.IDMSG}">{shout.PSEUDO}<span class="text_small">: {shout.CONTENTS}</span>[/p]
# END shout #
</div>
# IF C_VISIBLE_SHOUT #
<label for="shout_pseudo"><span class="text_small">{L_PSEUDO}</span></label>
<input size="16" maxlength="25" type="text" class="text" name="shout_pseudo" id="shout_pseudo" value="{SHOUTBOX_PSEUDO}" />
# ENDIF #
# IF C_HIDDEN_SHOUT #
<input size="16" maxlength="25" type="hidden" class="text" name="shout_pseudo" id="shout_pseudo" value="{SHOUTBOX_PSEUDO}" />
# ENDIF #
<label for="shout_contents"><span class="text_small">{L_MESSAGE}</span></label>
<textarea class="post" id="shout_contents" name="shout_contents" rows="4" cols="16"></textarea>
<input type="submit" name="shoutbox" id="shoutbox_submit" value="{L_SUBMIT}" class="submit" />
<script type="text/javascript">
<!--
document.getElementById('shoutbox_submit').style.display = 'none';
document.write('<input value="{L_SUBMIT}" onclick="XMLHttpRequest_shoutmsg();" type="button" class="submit" />');
-->
</script>
<a href="javascript:XMLHttpRequest_shoutrefresh();" title="{L_REFRESH}"><img src="{PATH_TO_ROOT}/templates/{THEME}/images/refresh_mini.png" id="shoutimg" alt="{L_REFRESH}" class="valign_middle" /></a>
<p style="margin:0;margin-top:10px;">
<a class="small_link" href="{PATH_TO_ROOT}/shoutbox/shoutbox.php{SID}" title="">{L_ARCHIVES}</a>
[/p]
</div>
<div class="module_mini_bottom1">
</div>
</div>
</form>
bon j'ai mis pratiquement tout le code mais les modifs ne touchent que les "div class"
désolé j'ai été un peu long mais bon , le principal n'est t-il pas de partager !!
il y a surement plus simple mais ma façon de faire à le mérite de fonctionner
@ tchao
votre site sur mon annuaire !! c'est gratuit .. La Rochelle et....
L'esprit d'équipe... C'est des mecs qui sont une équipe, ils ont un esprit ! Alors, ils partagent !
L'esprit d'équipe... C'est des mecs qui sont une équipe, ils ont un esprit ! Alors, ils partagent !
Visiteur
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie