Tutorial Ajouter le Tag en Couleur sur la Taigachat Pro

Discussion dans 'Modifications de templates' créé par Sι∂яα∂ι, 15 Avril 2017.

  1. Sι∂яα∂ι

    Sι∂яα∂ι Administrateur

    Inscrit:
    25 Juin 2014
    Messages:
    32 571
    J'aime reçus:
    121 381
    Points:
    13 043
    Salut membres iHaxGlobal :wesh:,

    Voici comment faire le TagShoutBox en Couleur sur la TaigaChat Pro :

    1433564512-screenshot-7.png

    TUTORIAL :

    Panel / Apparence / Modifications de Template / Créer une modification de Template

    1433564512-screenshot-1.png

    Clé de la modification: TagShoutCouleurCSS

    1433564511-screenshot-3.png

    Vers le bas vous allez remplir :

    Trouver:
    Code:
    @media (max-width:{xen:property maxResponsiveNarrowWidth})
    {
       #taigachat_controls { display: block; !important; }
       #taigachat_toolbar { padding-top: 5px; padding-bottom: 5px; }
       #taigachat_input { display: block !important; }
       .taigachat_popup.taigachat_reverse #taigachat_box { bottom: 70px !important; }
       .taigachat_popup:not(.taigachat_reverse) #taigachat_box { top: 85px !important; }
    }
    Remplacer :
    Code:
    $0
    .tagShoutbox
    {
       background: url("http://img15.hostingpics.net/pics/5064191f4i0.png") no-repeat left center transparent;
       height: 14px;
       width: 0px;
       padding-left: 18px;
       opacity: 0.5;
       display: inline-block;
    }
    .tagShoutbox:hover
    {
       cursor: pointer;
       opacity: 1;
       transition:all 0.52s;
       display:inline-block;
       -webkit-transform:rotate(360deg);
       -moz-transform:rotate(360deg);
       -o-transform:rotate(360deg);
       -ms-transform:rotate(360deg);
       transform:rotate(360deg);
    }
    
    1433564513-screenshot-6.png

    et enfin, on sauvegarde !

    On va encore créer une modification de template,

    Template: dark_taigachat_message
    Clé de la modification: TagShoutBBuser
    Trouver :
    Code:
    <span class="{xen:if {$message.me}, 'taigachat_me'} {xen:if {$message.activity}, 'taigachat_activity'}">
    
    Remplacer :
    Code:
    $0
    <span class="tagShoutbox" onclick="$('#taigachat_message').val($('#taigachat_message').focus().val()+'{$message.username}: ');"> </span>
    Et la partie de modification de Template se termine ici.

    Maintenant il suffit que le BBCode : {$message.username} soit avec la couleur du groupe du membre !

    Via votre Client FTP (FileZilla) vous allez dans le répertoire : library/Dark/TaigaChat/BbCode/Formatter

    Et on vas éditer le fichier : Tenori.php
    Avant la dernière accolade "}" on ajoute ce code (Crédit Walky pour la Base.php de l'addon : Tagged Users in User Group CSS)

    PHP:
    protected static $_taggedUsers = array();

        public function 
    renderTagUser(array $tag, array $rendererStates)
        {
           
    $content $this->renderSubTree($tag['children'], $rendererStates);
           if (
    $content === '') {
               return 
    '';
           }

           
    $userId intval($tag['option']);
           if (!
    $userId) {
               return 
    $content;
           }
           
    $link XenForo_Link::buildPublicLink('full:members', array(
               
    'user_id' => $userId
           
    ));
           
    $username $this->stringifyTree($tag['children']);

           if (empty(
    self::$_taggedUsers[$userId])) {
               
    $userModel XenForo_Model::create('XenForo_Model_User');
               
    $user $userModel->getUserById($userId, array());
               
    self::$_taggedUsers[$userId] = $user;
           } else {
               
    $user self::$_taggedUsers[$userId];
           }
           
    $content '<span class="style' $user['display_style_group_id'] . '">' $content '</span>';

           return 
    $this->_wrapInHtml(
               
    '<a href="' htmlspecialchars($link) . '" class="username" data-user="' $userId ', ' .
               
    htmlspecialchars($username) . '">''</a>'$content);
        }     
    1433564513-screenshot-5.png

    Plus que sauvegarder les modifications sur votre ftp !

    Ce tutorial touche à sa fin !!

    FAQ :

    Cas 1 :

    Je ne trouve pas l'onglet " Développement " dans la barre de navigation du Panel Admin !
    Solution ==>
    Dans le répertoire library, il faut ajouter dans config.php pour activer le mode debug :
    Code:
    $config['debug'] = true;
    1433564511-screenshot-8.png

    Cas 2 :
    Aprés avoir tag une membre dans la shoutbox, sa afficher la balise bb code - Profil lié à la place du pseudo en couleur
    Ce que j'ai : 1433564512-screenshot-9.png || Ce que je veux avoir : 1433564512-screenshot-10.png
    Solution ==>
    L'utilisation du BBCode est décocher dans les options de la TaigaChat Pro
    Contrôle des BBcodes : #cocher Tous: Utilisez tous les BBcodes
     
    Dernière édition: 16 Novembre 2021
  2. ℓ๏я€ɲƶ๏

    ℓ๏я€ɲƶ๏ Membre

    Inscrit:
    17 Avril 2016
    Messages:
    308
    J'aime reçus:
    156
    Points:
    2 693
    Dernière édition par un modérateur: 17 Novembre 2021
  3. Sι∂яα∂ι

    Sι∂яα∂ι Administrateur

    Inscrit:
    25 Juin 2014
    Messages:
    32 571
    J'aime reçus:
    121 381
    Points:
    13 043
    Car c'est une modification de template, le $0 veux dire ajouter a la suite de ce qu'on cherche

    upload_2017-4-18_12-45-32.png
     
    Dernière édition: 17 Novembre 2021
    2 personnes aiment ça.
  4. ℓ๏я€ɲƶ๏

    ℓ๏я€ɲƶ๏ Membre

    Inscrit:
    17 Avril 2016
    Messages:
    308
    J'aime reçus:
    156
    Points:
    2 693
    Dernière édition par un modérateur: 17 Novembre 2021

Partager cette page

  1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
    Rejeter la notice