Calling up user icon.
5 posters
Page 1 of 1
Calling up user icon.
Running: Invisionfree
So! For the Log In widget, I've seen that it recalls a few things such as the account username + assigned group color, the amount of posts logged, a tally on Unread/Stored Private Messages, and most importantly, being able to call up the assigned account icon. I'd like to know how to do this and place it, for example, in the Homepage Announcement as a customized welcome back message (since I don't user a Sidebar).
I'd love to know to call up their icon. <3 I'd also like to know, is there any way to make the Homepage Announcement Box (and its content) appear to members only and not guests?
So! For the Log In widget, I've seen that it recalls a few things such as the account username + assigned group color, the amount of posts logged, a tally on Unread/Stored Private Messages, and most importantly, being able to call up the assigned account icon. I'd like to know how to do this and place it, for example, in the Homepage Announcement as a customized welcome back message (since I don't user a Sidebar).
I'd love to know to call up their icon. <3 I'd also like to know, is there any way to make the Homepage Announcement Box (and its content) appear to members only and not guests?
ℋunni- Forumember
- Posts : 150
Reputation : 4
Language : English
Re: Calling up user icon.
Only members can see content in the homepage message.
Now if you had the homepage announcement activated then all members and guest would see that.
Homepage Announcement = All guest and member
Homepage Message = Only Members that are logged in
As far as the first part of your inquiry. I do not now what you mean?
Can you please explain to something we can understand better.
Thanx
Now if you had the homepage announcement activated then all members and guest would see that.
Homepage Announcement = All guest and member
Homepage Message = Only Members that are logged in
As far as the first part of your inquiry. I do not now what you mean?
Can you please explain to something we can understand better.
Thanx
kirk- Forumaster
- Posts : 11037
Reputation : 653
Language : English,Vulcan,Klingon, Romulan,& Gorn
Re: Calling up user icon.
Right! As of right now, I'm using the Homepage Announcement box, and I'd like to know if there's a coding or Script to keep it and its content hidden until someone logs in. That is, if you're a guest on the site, the box and everything inside of it doesn't visually exist.
What I mean is how the Log-In widget allows you to see your account's icon RIGHT THERE in the widget. I'd like to know how to do the same, out of a widget.
What I mean is how the Log-In widget allows you to see your account's icon RIGHT THERE in the widget. I'd like to know how to do the same, out of a widget.
ℋunni- Forumember
- Posts : 150
Reputation : 4
Language : English
Re: Calling up user icon.
You should be able to display the users icon on any html part of the forum by just using:
Hope that helps
- Code:
{USERNAME_AVATAR}
Hope that helps
Re: Calling up user icon.
Makes sense but it didn't go through. All it comes out as is {USERNAME_AVATAR}.
It's placed in the Announcement box and the other tags that call up your username and such work fine.
It's placed in the Announcement box and the other tags that call up your username and such work fine.
- Code:
<div class="row1" id="links"><div style="font-family: courier new; letter-spacing: 2px; text-transform: uppercase; font-size: 9px; text-align: center; margin-top:6px; margin-bottom:6px;"><img src="http://i.imgur.com/qpDO2.png"><a href="/LINK HERE">Rules</a><img src="http://i.imgur.com/qpDO2.png">
<a href="/LINK HERE">Plot</a><img src="http://i.imgur.com/qpDO2.png">
<a href="/LINK HERE">Faceclaim</a><img src="http://i.imgur.com/qpDO2.png">
<a href="/LINK HERE">Canon List</a><img src="http://i.imgur.com/qpDO2.png">
<a href="/LINK HERE">Calendar</a><img src="http://i.imgur.com/qpDO2.png">
<a href="/LINK HERE">Application</a><img src="http://i.imgur.com/qpDO2.png">
<a href="/LINK HERE">Census</a><img src="http://i.imgur.com/qpDO2.png">
<a href="/LINK HERE">Affiliate</a><img src="http://i.imgur.com/qpDO2.png">
<a href="/LINK HERE">Staff</a><img src="http://i.imgur.com/qpDO2.png">
<a href="/LINK HERE">Bans</a><img src="http://i.imgur.com/qpDO2.png">
</div></div>
<div style="padding:5px; text-align:justify; color:#848484; text-shadow: -1px -1px 0 #fafafa, 1px -1px 0 #fafafa, -1px 1px 0 #fafafa, 1px 1px 0 #fafafa; font-family:Calibri; font-size:10px; line-height:1.5; letter-spacing:0.5px; max-width:250px!important;"><div style="float:left; background: url(http://i.imgur.com/60Ng4.png); padding:10px; border:1px dashed #848484; margin-right:6px;"><img src="http://i705.photobucket.com/albums/ww58/Fall0utG3rl/Icons/th3c343dae.png"></div> Welcome back, <b>Using php in posts is called being a smart [Language]... Stop it</b> <i>!</i><br>Would you like to <a href="/profile?mode=editprofile">view your profile?</a><br>Would you like to <a href="/search?search_id=newposts">see posts made</a> while you were away?<br><br>Today is <b>{NOW}.</b><br>You have a total of <b>{USERCOUNTPOST} posts.</b></div>
ℋunni- Forumember
- Posts : 150
Reputation : 4
Language : English
Re: Calling up user icon.
Are you replacing the Link Here with your links?
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: Calling up user icon.
Hi Hunny,
Is it something like this something you've been looking for?
https://help.forumotion.com/t101934-profile-details-in-homepage-of-forum#664301
Is it something like this something you've been looking for?
https://help.forumotion.com/t101934-profile-details-in-homepage-of-forum#664301
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: Calling up user icon.
It's actually exactly what I've been looking for ^^". I even searched around; I guess I got unlucky :c. Although it's for phpBB2, I'm going to see what I can get from it.
Edit: Seeing as how I'm Invisionfree, I added in the JS shown
Then inside the Homepage Message content, I added in the following code where I want the called-up avatar to appear (note: this is the entire Homepage Message Content):
Now, I changed
Also, I'm sorry if I missed anything or did anything incorrectly! Thank you for helping me through this!
Edit: Seeing as how I'm Invisionfree, I added in the JS shown
- Code:
$(document).ready(function(){
$('#avic').load('profile?mode=editprofile&page_profil=avatars .slika');
});
Then inside the Homepage Message content, I added in the following code where I want the called-up avatar to appear (note: this is the entire Homepage Message Content):
- Code:
<div class="row1" id="links"><div style="font-family: courier new; letter-spacing: 2px; text-transform: uppercase; font-size: 9px; text-align: center; margin-top:6px; margin-bottom:6px;"><img src="http://i.imgur.com/qpDO2.png"><a href="/LINK HERE">Rules</a><img src="http://i.imgur.com/qpDO2.png">
<a href="/LINK HERE">Plot</a><img src="http://i.imgur.com/qpDO2.png">
<a href="/LINK HERE">Faceclaim</a><img src="http://i.imgur.com/qpDO2.png">
<a href="/LINK HERE">Canon List</a><img src="http://i.imgur.com/qpDO2.png">
<a href="/LINK HERE">Calendar</a><img src="http://i.imgur.com/qpDO2.png">
<a href="/LINK HERE">Application</a><img src="http://i.imgur.com/qpDO2.png">
<a href="/LINK HERE">Census</a><img src="http://i.imgur.com/qpDO2.png">
<a href="/LINK HERE">Affiliate</a><img src="http://i.imgur.com/qpDO2.png">
<a href="/LINK HERE">Staff</a><img src="http://i.imgur.com/qpDO2.png">
<a href="/LINK HERE">Bans</a><img src="http://i.imgur.com/qpDO2.png">
</div></div>
<div style="padding:5px; text-align:justify; color:#848484; text-shadow: -1px -1px 0 #fafafa, 1px -1px 0 #fafafa, -1px 1px 0 #fafafa, 1px 1px 0 #fafafa; font-family:Calibri; font-size:10px; line-height:1.5; letter-spacing:0.5px; max-width:250px!important;"><div style="float:left; background: url(http://i.imgur.com/60Ng4.png); padding:10px; border:1px dashed #848484; margin-right:6px;"><div id="avic"><img alt="" src="http://i.imgur.com/nldCl.jpg"></div></div> Welcome back, <b>Using php in posts is called being a smart [Language]... Stop it</b> <i>!</i><br>Would you like to <a href="/profile?mode=editprofile">view your profile?</a><br>Would you like to <a href="/search?search_id=newposts">see posts made</a> while you were away?<br><br>Today is <b>{NOW}.</b><br>You have a total of <b>{USERCOUNTPOST} posts.</b></div>
Now, I changed
- Code:
<span class="slika">{AVATAR}</span>
- Code:
.slika {
{AVATAR}
}
Also, I'm sorry if I missed anything or did anything incorrectly! Thank you for helping me through this!
ℋunni- Forumember
- Posts : 150
Reputation : 4
Language : English
Re: Calling up user icon.
That was a topic done first for punBB and than BB2. For Invision you wont use the same clases. Try something like this:
JS:
And than add ONLY this to homebox for example:
That should load the avatar in your homebox for Invision (yours avatar to you, users avatar to them), you don't have to put anything beetween.
JS:
- Code:
$(document).ready(function(){
$('#avic').load('profile?mode=editprofile&page_profil=avatars fieldset dl dd img');
});
And than add ONLY this to homebox for example:
- Code:
<div id="avic"></div>
That should load the avatar in your homebox for Invision (yours avatar to you, users avatar to them), you don't have to put anything beetween.
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: Calling up user icon.
Alright! I did exactly as told (I even deleted all of my Homebox content to try out the ID code), and nothing pops up or shows.
Edit: I added in the ID into the Homebox content I already had written out and its working perfectly. I think this is solved. Thank you so much Nera <3 <3 <3.
Edit: This was also a question I began with, but is there any way I can make a certain part of the content visible to members only and the other part visible to any guest or member?
Edit: I added in the ID into the Homebox content I already had written out and its working perfectly. I think this is solved. Thank you so much Nera <3 <3 <3.
Edit: This was also a question I began with, but is there any way I can make a certain part of the content visible to members only and the other part visible to any guest or member?
ℋunni- Forumember
- Posts : 150
Reputation : 4
Language : English
Re: Calling up user icon.
- Code:
$(function() {
x=document.getElementById('i_icon_mini_login');
y=document.getElementById('i_icon_mini_logout');
if(x) {
HERE YOU'LL ADD THE CODE FOR GUESTS/SOMETHING THAT ONLY GUESTS WILL SEE
}
else if(y) {
HERE YOU'LL ADD THE CODE FOR THE REGISTERED USERS/SOMETHING THAT ONLY REGISTERED MEMBERS WILL SEE
}
});
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: Calling up user icon.
I added the code into a JS and then added the content accordingly and
The code of what I placed in the script is below.
- The icon is no longer being called up
- When I log out to view, both contents are visible
The code of what I placed in the script is below.
- Code:
$(function() {
x=document.getElementById('i_icon_mini_login');
y=document.getElementById('i_icon_mini_logout');
if(x) {
<div class="row1" id="links"><div style="font-family: courier new; letter-spacing: 2px; text-transform: uppercase; font-size: 9px; text-align: center; margin-top:6px; margin-bottom:6px;"><img src="http://i.imgur.com/qpDO2.png"><a href="/LINK HERE">Rules</a><img src="http://i.imgur.com/qpDO2.png">
<a href="/LINK HERE">Plot</a><img src="http://i.imgur.com/qpDO2.png">
<a href="/LINK HERE">Faceclaim</a><img src="http://i.imgur.com/qpDO2.png">
<a href="/LINK HERE">Canon List</a><img src="http://i.imgur.com/qpDO2.png">
<a href="/LINK HERE">Calendar</a><img src="http://i.imgur.com/qpDO2.png">
<a href="/LINK HERE">Application</a><img src="http://i.imgur.com/qpDO2.png">
<a href="/LINK HERE">Census</a><img src="http://i.imgur.com/qpDO2.png">
<a href="/LINK HERE">Affiliate</a><img src="http://i.imgur.com/qpDO2.png">
<a href="/LINK HERE">Staff</a><img src="http://i.imgur.com/qpDO2.png">
<a href="/LINK HERE">Bans</a><img src="http://i.imgur.com/qpDO2.png">
</div></div>
<div style="padding:5px; text-align:justify; color:#848484; text-shadow: -1px -1px 0 #fafafa, 1px -1px 0 #fafafa, -1px 1px 0 #fafafa, 1px 1px 0 #fafafa; font-family:Calibri; font-size:10px; line-height:1.5; letter-spacing:0.5px; max-width:250px!important;"><div style="width: 100px; height:100px; float:left; background: url(http://i.imgur.com/60Ng4.png); padding:10px; border:1px dashed #848484; margin-right:6px;"><a href="/profile?mode=editprofile&page_profil=avatars"><img src="http://i.imgur.com/xaWRS.jpg"></a></div>Welcome to <b>Paperthin Hymn</b> <i>!</i><br>Would you like to <a href="http://paperthin-hymn.nstars.org/register">register?</a><br><br>Today is <b>{NOW}.</b></div><br><br>
}
else if(y) {
<div class="row1" id="links"><div style="font-family: courier new; letter-spacing: 2px; text-transform: uppercase; font-size: 9px; text-align: center; margin-top:6px; margin-bottom:6px;"><img src="http://i.imgur.com/qpDO2.png"><a href="/LINK HERE">Rules</a><img src="http://i.imgur.com/qpDO2.png">
<a href="/LINK HERE">Plot</a><img src="http://i.imgur.com/qpDO2.png">
<a href="/LINK HERE">Faceclaim</a><img src="http://i.imgur.com/qpDO2.png">
<a href="/LINK HERE">Canon List</a><img src="http://i.imgur.com/qpDO2.png">
<a href="/LINK HERE">Calendar</a><img src="http://i.imgur.com/qpDO2.png">
<a href="/LINK HERE">Application</a><img src="http://i.imgur.com/qpDO2.png">
<a href="/LINK HERE">Census</a><img src="http://i.imgur.com/qpDO2.png">
<a href="/LINK HERE">Affiliate</a><img src="http://i.imgur.com/qpDO2.png">
<a href="/LINK HERE">Staff</a><img src="http://i.imgur.com/qpDO2.png">
<a href="/LINK HERE">Bans</a><img src="http://i.imgur.com/qpDO2.png">
</div></div>
<div style="padding:5px; text-align:justify; color:#848484; text-shadow: -1px -1px 0 #fafafa, 1px -1px 0 #fafafa, -1px 1px 0 #fafafa, 1px 1px 0 #fafafa; font-family:Calibri; font-size:10px; line-height:1.5; letter-spacing:0.5px; max-width:250px!important;"><div style="width: 100px; height:100px; float:left; background: url(http://i.imgur.com/60Ng4.png); padding:10px; border:1px dashed #848484; margin-right:6px;"><a href="/profile?mode=editprofile&page_profil=avatars"><div id="avic"></div></a></div>Welcome back, <b>Using php in posts is called being a smart [Language]... Stop it</b> <i>!</i><br>Would you like to <a href="/profile?mode=editprofile">view your profile?</a><br>Would you like to <a href="/search?search_id=newposts">see posts made</a> while you were away?<br><br>Today is <b>{NOW}.</b><br>You have a total of <b>{USERCOUNTPOST} posts.</b></div><br><br>
}
});
ℋunni- Forumember
- Posts : 150
Reputation : 4
Language : English
Re: Calling up user icon.
This should work:
http://tiki.makingforum.com/forum
- Code:
$(function() {
x=document.getElementById('i_icon_mini_login');
y=document.getElementById('i_icon_mini_logout');
if(x) {
$('#userlinks').after('<div class="row1" id="links"><div style="font-family: courier new; letter-spacing: 2px; text-transform: uppercase; font-size: 9px; text-align: center; margin-top:6px; margin-bottom:6px;"><img src="http://i.imgur.com/qpDO2.png"><a href="/LINK HERE">Rules</a><img src="http://i.imgur.com/qpDO2.png"><a href="/LINK HERE">Plot</a><img src="http://i.imgur.com/qpDO2.png"><a href="/LINK HERE">Faceclaim</a><img src="http://i.imgur.com/qpDO2.png"><a href="/LINK HERE">Canon List</a><img src="http://i.imgur.com/qpDO2.png"><a href="/LINK HERE">Calendar</a><img src="http://i.imgur.com/qpDO2.png"><a href="/LINK HERE">Application</a><img src="http://i.imgur.com/qpDO2.png"><a href="/LINK HERE">Census</a><img src="http://i.imgur.com/qpDO2.png"><a href="/LINK HERE">Affiliate</a><img src="http://i.imgur.com/qpDO2.png"><a href="/LINK HERE">Staff</a><img src="http://i.imgur.com/qpDO2.png"><a href="/LINK HERE">Bans</a><img src="http://i.imgur.com/qpDO2.png"></div></div><div style="padding:5px; text-align:justify; color:#848484; text-shadow: -1px -1px 0 #fafafa, 1px -1px 0 #fafafa, -1px 1px 0 #fafafa, 1px 1px 0 #fafafa; font-family:Calibri; font-size:10px; line-height:1.5; letter-spacing:0.5px; max-width:250px!important;"><div style="width: 100px; height:100px; float:left; background: url(http://i.imgur.com/60Ng4.png); padding:10px; border:1px dashed #848484; margin-right:6px;"><a href="/profile?mode=editprofile&page_profil=avatars"><img src="http://i.imgur.com/xaWRS.jpg"></a></div>Welcome to <b>Paperthin Hymn</b> <i>!</i><br>Would you like to <a href="http://paperthin-hymn.nstars.org/register">register?</a><br><br>Today is <b>{NOW}.</b></div><br><br>');
}
else if(y) {
$('#userlinks').after('<div class="row1" id="links"><div style="font-family: courier new; letter-spacing: 2px; text-transform: uppercase; font-size: 9px; text-align: center; margin-top:6px; margin-bottom:6px;"><img src="http://i.imgur.com/qpDO2.png"><a href="http://i.imgur.com/qpDO2.png">Rules</a><img src="http://i.imgur.com/qpDO2.png"><a href="/LINK HERE">Plot</a><img src="http://i.imgur.com/qpDO2.png"><a href="/LINK HERE">Faceclaim</a><img src="http://i.imgur.com/qpDO2.png"><a href="/LINK HERE">Canon List</a><img src="http://i.imgur.com/qpDO2.png"><a href="/LINK HERE">Calendar</a><img src="http://i.imgur.com/qpDO2.png"><a href="/LINK HERE">Application</a><img src="http://i.imgur.com/qpDO2.png"><a href="/LINK HERE">Census</a><img src="http://i.imgur.com/qpDO2.png"><a href="/LINK HERE">Affiliate</a><img src="http://i.imgur.com/qpDO2.png"><a href="/LINK HERE">Staff</a><img src="http://i.imgur.com/qpDO2.png"><a href="/LINK HERE">Bans</a><img src="http://i.imgur.com/qpDO2.png"></div></div><div style="padding:5px; text-align:justify; color:#848484; text-shadow: -1px -1px 0 #fafafa, 1px -1px 0 #fafafa, -1px 1px 0 #fafafa, 1px 1px 0 #fafafa; font-family:Calibri; font-size:10px; line-height:1.5; letter-spacing:0.5px; max-width:250px!important;"><div style="width: 100px; height:100px; float:left; background: url(http://i.imgur.com/60Ng4.png); padding:10px; border:1px dashed #848484; margin-right:6px;"><a href="/profile?mode=editprofile&page_profil=avatars"><div id="avic"></div></a></div>Welcome back, <b>Using php in posts is called being a smart [Language]... Stop it</b> <i>!</i><br>Would you like to <a href="/profile?mode=editprofile">view your profile?</a><br>Would you like to <a href="/search?search_id=newposts">see posts made</a> while you were away?<br><br>Today is <b>{NOW}.</b><br>You have a total of <b>{USERCOUNTPOST} posts.</b></div><br><br>');
}
});
http://tiki.makingforum.com/forum
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: Calling up user icon.
/hugs Nera - Solved! Thank you so much <3.
ℋunni- Forumember
- Posts : 150
Reputation : 4
Language : English
Re: Calling up user icon.
Topic Solved & Locked |
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Similar topics
» User name icon
» user online icon problem
» How do I add the icon of the picture to be displayed when the user is offline.
» The last user post is covered by the new topic icon
» Icon status online at left of user id on post
» user online icon problem
» How do I add the icon of the picture to be displayed when the user is offline.
» The last user post is covered by the new topic icon
» Icon status online at left of user id on post
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum