Shields on homepage

Hello ,

I have on my testingforum house shields. How can i add this to the code?

Code:

<style type="text/css">#userProfile { font-size:13px; position:relative; margin-top:20px; margin-bottom:10px; padding:3px; } #module, .panel { background: none; border: none; border-bottom-width: 2px; border-radius: 3px; }
#userProfile .leftCol { float:left; text-align:center; width:20%; }
#userProfile .rightCol { float:left; width:25%; }
#userName { background:#ECF3F7; color:#000; font-weight:bold; font-family:"Trebuchet MS", Verdana, Arial, Sans-serif; border-radius:3px 3px 0 0; position:absolute; left:2px; top:-18px; padding:0 12px; line-height:18px; }
#userName span { font-weight:normal }
#userAvatar img { max-width:100px }
#userAvatar { display:inline-block; overflow:hidden; min-height:100px; min-width:100px; }
#userProfile .title { color:#000; font-weight:bold; border-bottom:1px solid #000; padding-bottom:3px; margin-bottom:3px; width:70%; }
#userProfile .statLabel { display:inline-block; width:85px; font-weight:bold; text-align:right; margin-right:6px; }</style>
<div id="profil_insert-par-ange">
</div><script type="text/javascript">// <![CDATA[
(function(J, U, L) {
  var main = document.getElementById('main-content'),
      homepage = document.getElementById('profil_insert-par-ange'),
      profil;
  
  if (U.session_logged_in) {
    profil = document.createElement('DIV');
    profil.id = 'userProfile';
    profil.className = 'panel introduction';
    profil.innerHTML = '<div id="userName"><span>Ingelogd als </span>' + U.username + '</div><div class="leftCol"><span id="userAvatar">' + U.avatar + '</span><br>Afdeling: <tr id="field_id3"></div><div class="rightCol"><div class="title">Algemeen</div><div> <span class="statLabel">Rang : </span>' + L.rank_title + '</div> <span class="statLabel">' + L.Posts + ' : </span>' + U.user_posts + '<div><span class="statLabel">' + L.PMs + ' : </span>' + U.user_nb_privmsg + '</div><div><span class="statLabel">' + L.Reputation + ' : </span>' + U.point_reputation + '</div></div></div><div class="rightCol"><div class="title">Forum</div><div><em class="fa fa-arrow-right fa-sm"></em> <a href="/u' + U.user_id + '">' + L.See_my_profile + '</a></div><div><em class="fa fa-arrow-right fa-sm"></em> <a href="/profile?mode=editprofile">' + L.Edit_profile + '</a></div><div><em class="fa fa-arrow-right fa-sm"></em> <a href="/privmsg?folder=inbox">' + L.All_PMs + '</a></div><div><em class="fa fa-arrow-right fa-sm"></em> <a href="/profile?mode=editprofile&page_profil=notifications">' + L.Notif_see_all + '</a> <br><em class="fa fa-arrow-right fa-sm"></em> <a href="/search?search_id=newposts">Bekijk nieuwe berichten</a></div><em class="fa fa-arrow-right fa-sm"></em> <a href="/?mark=forums">Markeer alle forums als gelezen</a></div><div class="rightCol"><div class="title">Informatie</div><em class="fa fa-arrow-right fa-sm"></em> <a href="#" target="_blank">Prikbord & Forumregels</a><br /><em class="fa fa-arrow-right fa-sm"></em> <a href="#" target="_blank">Helpdesk</a><br /><em class="fa fa-arrow-right fa-sm"></em> <a href="#" target="_blank">De Sorteerhoed</a><br /><em class="fa fa-arrow-right fa-sm"></em> <a href="https://hogwartslegacy.warnerbrosgames.com" target="_blank">Officiële website Hogwarts Legacy</a></div></div><div class="clear"></div>';
    homepage.appendChild(profil);
  }
  // par ange tuteur
})(jQuery, _userdata, _lang);
//]]></script>

Up, who can helps me with this?

Coucou @Joost

do you mean you want the value of that field (the image) on your customized "widget", right?

Niko wrote:Coucou @Joost

do you mean you want the value of that field (the image) on your customized "widget", right?

Yes, i mean the value from that profile field. :)

@Joost how did you retrieve the other values?

and is that the homepage message? or in which position of the ACP did you place the code?

Niko wrote:@Joost how did you retrieve the other values?

and is that the homepage message? or in which position of the ACP did you place the code?

I don't understand. I have place this on ACP > Display > Homepage - Generalities

Okay so it's in the homepage message


For the other question is - are you using these variables to get the username, rank, etc.. ?

@Niko , i think also. I have found in a other support topic on Forumotion the welcome text.

@Joost can you share the code with me? even the link of the tutorial is fine

@Niko , there is no tutorial. I can't find the url of the topic in my browser favorites.
It's from Ange Tuteur.

The code from this is in my first post. :) I want only the field id from my house shields profile field on the homepage message. :)

Okay got it! I didn't see the code before ahah

can I ask you a test account? because the one you gave me with "Member2" no longer works

Yes of course. I have send you a PB.

Give a try with this

Code:

<style type="text/css">
    #userProfile {
        font-size: 13px;
        position: relative;
        margin-top: 20px;
        margin-bottom: 10px;
        padding: 3px;
    }
    #module,
    .panel {
        background: none;
        border: none;
        border-bottom-width: 2px;
        border-radius: 3px;
    }
    #userProfile .leftCol {
        float: left;
        text-align: center;
        width: 20%;
    }
    #userProfile .rightCol {
        float: left;
        width: 25%;
    }
    #userName {
        background: #ecf3f7;
        color: #000;
        font-weight: bold;
        font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
        border-radius: 3px 3px 0 0;
        position: absolute;
        left: 2px;
        top: -18px;
        padding: 0 12px;
        line-height: 18px;
    }
    #userName span {
        font-weight: normal;
    }
    #userAvatar img {
        max-width: 100px;
    }
    #userAvatar {
        display: inline-block;
        overflow: hidden;
        min-height: 100px;
        min-width: 100px;
    }
    #userProfile .title {
        color: #000;
        font-weight: bold;
        border-bottom: 1px solid #000;
        padding-bottom: 3px;
        margin-bottom: 3px;
        width: 70%;
    }
    #userProfile .statLabel {
        display: inline-block;
        width: 85px;
        font-weight: bold;
        text-align: right;
        margin-right: 6px;
    }
</style><div id="profil_insert-par-ange"></div>
<script type="text/javascript">
    // <![CDATA[
    (function (J, U, L) {
        var main = document.getElementById("main-content"),
            homepage = document.getElementById("profil_insert-par-ange"),
            profil;
  
var userID = _userdata.user_id;
  jQuery("#Afdeling").load("/u"+userID+" #field_id3 .field_uneditable img");

        if (U.session_logged_in) {
            profil = document.createElement("DIV");
            profil.id = "userProfile";
            profil.className = "panel introduction";
            profil.innerHTML =
                '<div id="userName"><span>Ingelogd als </span>' +
                U.username +
                '</div><div class="leftCol"><span id="userAvatar">' +
                U.avatar +
  '</span><br>Afdeling: <div id="Afdeling"></div> <tr id="field_id3"></div><div class="rightCol"><div class="title">Algemeen</div><div> <span class="statLabel">Rang : </span>' +
                L.rank_title +
                '</div> <span class="statLabel">' +
                L.Posts +
                " : </span>" +
                U.user_posts +
                '<div><span class="statLabel">' +
                L.PMs +
                " : </span>" +
                U.user_nb_privmsg +
                '</div><div><span class="statLabel">' +
                L.Reputation +
                " : </span>" +
                U.point_reputation +
                '</div></div></div><div class="rightCol"><div class="title">Forum</div><div><em class="fa fa-arrow-right fa-sm"></em> <a href="/u' +
                U.user_id +
                '">' +
                L.See_my_profile +
                '</a></div><div><em class="fa fa-arrow-right fa-sm"></em> <a href="/profile?mode=editprofile">' +
                L.Edit_profile +
                '</a></div><div><em class="fa fa-arrow-right fa-sm"></em> <a href="/privmsg?folder=inbox">' +
                L.All_PMs +
                '</a></div><div><em class="fa fa-arrow-right fa-sm"></em> <a href="/profile?mode=editprofile&page_profil=notifications">' +
                L.Notif_see_all +
                '</a> <br><em class="fa fa-arrow-right fa-sm"></em> <a href="/search?search_id=newposts">Bekijk nieuwe berichten</a></div><em class="fa fa-arrow-right fa-sm"></em> <a href="/?mark=forums">Markeer alle forums als gelezen</a></div><div class="rightCol"><div class="title">Informatie</div><em class="fa fa-arrow-right fa-sm"></em> <a href="#" target="_blank">Prikbord & Forumregels</a><br /><em class="fa fa-arrow-right fa-sm"></em> <a href="#" target="_blank">Helpdesk</a><br /><em class="fa fa-arrow-right fa-sm"></em> <a href="#" target="_blank">De Sorteerhoed</a><br /><em class="fa fa-arrow-right fa-sm"></em> <a href="https://hogwartslegacy.warnerbrosgames.com" target="_blank">Officiële website Hogwarts Legacy</a></div></div><div class="clear"></div>';
            homepage.appendChild(profil);
        }
        // par ange tuteur
    })(jQuery, _userdata, _lang);
    //]]>
</script>

@Niko , i have try to add this, and don't see it. :)

okay so remove this part from the code

Code:

var userID = _userdata.user_id;
  jQuery("#Afdeling").load("/u"+userID+" #field_id3 .field_uneditable img");

and add a new javascript code from ACP with this:

Code:

$(function() {
    var userID = _userdata.user_id;
  jQuery("#Afdeling").load("/u"+userID+" #field_id3 .field_uneditable img");
});

Great job! It's works now. This is solved. Many thanks @Niko !