Question pour un script

 :: Exposition NLDD :: Intruders :: Réalisés Voir le sujet précédent Voir le sujet suivant Aller en bas
MessageQuestion pour un script 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://hitsk.in/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://hitsk.in/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
MessageRe: Question pour un script Jeu 4 Mai - 0:55
avatar
Nombre de messages : 891
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad
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://hitsk.in/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://hitsk.in/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
MessageRe: Question pour un script Jeu 4 Mai - 1:06
Merci beaucoup pour la réponse des plus rapides.
Revenir en haut Aller en bas
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CCCrush. :: Exposition NLDD :: Intruders :: Réalisés-