Le Deal du moment : -15%
(Adhérents Fnac) LEGO® Star Wars™ ...
Voir le deal
552.49 €

Question pour un script

Question pour un script Empty Mer 3 Mai - 18:30
Bonjour,

j'ai une question concernant un script, je m'explique dans le template : mentions_tooltip j'ai modifié l'apparence de mon infobulle pour les tag de pseudo d'utilisateur, voici mon template modifié

Code:
<style>
.tooltip-content {
  background-color:#F5F5F5;
    width: 100%;
    float: left;
}

.tooltip-content img {
    float: left;
    max-width: 30%;
    margin: 0 10px 0 0;
}

span.tooltip-title {
    width: 60%;
    float: left;
    margin: 5px 0 5px 0;
    font-weight: bold;
    font-size: 1.5em;
}

span.tooltip-subtitle {
    width: 60%;
    float: left;
}

ul.tooltip-counts {
    width: 60%;
    float: left;
        margin: 0;
    padding: 0;
}

.tooltip-counts li {
    list-style: none;
}

.tooltip-actions {
    width: 100%;
    float: left;
    text-align:center;
    position:relative;
    top:-10px;
}
.tooltip-actions ul {
    margin: 0;
    padding: 0;
}
.tooltip-actions li {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0 2px 0 0;
}
</style>
<div class="conttag">
  <div class="main-tooltip">
    <div class="tooltip-content">
        <img src="{USER_AVATAR}" alt="{USER_NAME}" />
      <span class="tooltip-title">{USER_NAME_COLORED}</span>
        <!-- BEGIN switch_rank_info -->
<span class="tooltip-subtitle">{switch_rank_info.RANK_TITLE}</span>
        <!-- END switch_rank_info -->
        <ul class="tooltip-counts">
            <li>{L_POSTS}: <b>{POSTS}</b></li>
            <li>{L_FRIENDS}: <b>{FRIENDS}</b></li>
        </ul>
    </div>
    <div class="tooltip-actions">
        <ul>
            <!-- BEGIN switch_button_tooltip_PROFILE -->
            <li>
                <a href="{switch_button_tooltip_PROFILE.URL}" title="{switch_button_tooltip_PROFILE.LANG}">
                    <img src="http://2img.net/s/t/19/78/68/i_icon_profile.png" alt="{switch_button_tooltip_PROFILE.LANG}" />
                </a>
            </li>
            <!-- END switch_button_tooltip_PROFILE -->
            <!-- BEGIN switch_button_tooltip_PM -->
            <li>
                <a href="{switch_button_tooltip_PM.URL}" title="{switch_button_tooltip_PM.LANG}">
                    <img src="http://2img.net/s/t/19/78/68/i_icon_pm.png" alt="{switch_button_tooltip_PM.LANG}" />
                </a>
            </li>
            <!-- END switch_button_tooltip_PM -->
            <!-- BEGIN switch_button_tooltip_FRIEND -->
            <li>
                <a href="{switch_button_tooltip_FRIEND.URL}" title="{switch_button_tooltip_FRIEND.LANG}">
                    <img src="{switch_button_tooltip_FRIEND.IMAGE}" alt="{switch_button_tooltip_FRIEND.LANG}" />
                </a>
            </li>
            <!-- END switch_button_tooltip_FRIEND -->
        </ul>
    </div>
  </div>
</div>

pour le CSS j'ai seulement ajouté
Code:
.conttag{
  width: 100%;
  float: left;
  background-color:#C0C0C0;
  padding-top:15px;
  padding-bottom:15px;
  border-radius:15px;
  }

pour l'instant la couleur de fond permet d'avoir une petite bande en haut et en bas du tag grâce aux padding, la couleur par défaut est "silver" j'aurais voulu récupérer la couleur de cette variable {USER_NAME_COLORED} pour l'appliquer en background sur mon contours de tag mais je ne sais pas comment faire, je suppose qu'il faut utiliser un script mais je suis débutante dans ce domaine et les tutos que je trouve ne correspondent pas à ma requête.

j'ai vu que sur plusieurs de vos codes vous "récupérez" la couleur du groupe d'un membre pour l'utiliser ailleurs, est-ce que cette technique serait possible dans mon template ?

en espérant être clair dans mes explications

merci d'avance
Infinity.
Revenir en haut Aller en bas
Question pour un script Empty Jeu 4 Mai - 0:55
Bonjour,

Estimant ridicule de vous éconduire au motif d'un intitulé absent alors que la manipulation n'exige guère plus de cinq minutes de mon attention, réalisez néanmoins que cette exception ne saurait se réitérer et que toute requête similaire se devra d'être adressée à un forum d'entraide.

Remplacez l'intégralité du template mentions_tooltip par :
Code:
<style>
.tooltip-content {
  background-color:#F5F5F5;
    width: 100%;
    float: left;
}

.tooltip-content img {
    float: left;
    max-width: 30%;
    margin: 0 10px 0 0;
}

span.tooltip-title {
    width: 60%;
    float: left;
    margin: 5px 0 5px 0;
    font-weight: bold;
    font-size: 1.5em;
}

span.tooltip-subtitle {
    width: 60%;
    float: left;
}

ul.tooltip-counts {
    width: 60%;
    float: left;
        margin: 0;
    padding: 0;
}

.tooltip-counts li {
    list-style: none;
}

.tooltip-actions {
    width: 100%;
    float: left;
    text-align:center;
    position:relative;
    top:-10px;
}
.tooltip-actions ul {
    margin: 0;
    padding: 0;
}
.tooltip-actions li {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0 2px 0 0;
}
</style>
<div class="conttag">
<span class="tooltip-title" style="display:none;">{USER_NAME_COLORED}</span>
  <div class="main-tooltip">
    <div class="tooltip-content">
        <img src="{USER_AVATAR}" alt="{USER_NAME}" />
      <span class="tooltip-title">{USER_NAME_COLORED}</span>
        <!-- BEGIN switch_rank_info -->
<span class="tooltip-subtitle">{switch_rank_info.RANK_TITLE}</span>
        <!-- END switch_rank_info -->
        <ul class="tooltip-counts">
            <li>{L_POSTS}: <b>{POSTS}</b></li>
            <li>{L_FRIENDS}: <b>{FRIENDS}</b></li>
        </ul>
    </div>
    <div class="tooltip-actions">
        <ul>
            <!-- BEGIN switch_button_tooltip_PROFILE -->
            <li>
                <a href="{switch_button_tooltip_PROFILE.URL}" title="{switch_button_tooltip_PROFILE.LANG}">
                    <img src="http://2img.net/s/t/19/78/68/i_icon_profile.png" alt="{switch_button_tooltip_PROFILE.LANG}" />
                </a>
            </li>
            <!-- END switch_button_tooltip_PROFILE -->
 <script type="text/javascript">$( document ).ready(function() {$('.tooltip-title').each(function(){var color = $(this).children().css("color");
$(this).closest('.conttag').css("background-color", color);});});</script>
            <!-- BEGIN switch_button_tooltip_PM -->
            <li>
                <a href="{switch_button_tooltip_PM.URL}" title="{switch_button_tooltip_PM.LANG}">
                    <img src="http://2img.net/s/t/19/78/68/i_icon_pm.png" alt="{switch_button_tooltip_PM.LANG}" />
                </a>
            </li>
            <!-- END switch_button_tooltip_PM -->
            <!-- BEGIN switch_button_tooltip_FRIEND -->
            <li>
                <a href="{switch_button_tooltip_FRIEND.URL}" title="{switch_button_tooltip_FRIEND.LANG}">
                    <img src="{switch_button_tooltip_FRIEND.IMAGE}" alt="{switch_button_tooltip_FRIEND.LANG}" />
                </a>
            </li>
            <!-- END switch_button_tooltip_FRIEND -->
        </ul>
    </div>
  </div>
</div>

CSS :
Code:
.conttag{
float:left;
width:100%; padding:15px 0; border-radius:15px;
}
Revenir en haut Aller en bas
Question pour un script Empty Jeu 4 Mai - 1:06
Merci beaucoup pour la réponse des plus rapides.
Revenir en haut Aller en bas
Revenir en haut Aller en bas
Vous ne pouvez pas répondre aux sujets dans ce forum