The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Calling up user icon.

View previous topic View next topic Go down

Solved Calling up user icon.

Post by ℋunni on January 13th 2012, 10:53 pm

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?

ℋunni
Forumember

Female Posts : 150
Reputation : 4
Language : English

Back to top Go down

Solved Re: Calling up user icon.

Post by kirk on January 14th 2012, 12:18 am

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 Smile

kirk
Forumaster

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Solved Re: Calling up user icon.

Post by ℋunni on January 14th 2012, 1:39 am

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.

ℋunni
Forumember

Female Posts : 150
Reputation : 4
Language : English

Back to top Go down

Solved Re: Calling up user icon.

Post by ℋunni on January 15th 2012, 5:05 am

Bump <3.

ℋunni
Forumember

Female Posts : 150
Reputation : 4
Language : English

Back to top Go down

Solved Re: Calling up user icon.

Post by ℋunni on January 16th 2012, 6:46 am

Bump!

ℋunni
Forumember

Female Posts : 150
Reputation : 4
Language : English

Back to top Go down

Solved Re: Calling up user icon.

Post by ElMuggs on January 17th 2012, 3:55 am

You should be able to display the users icon on any html part of the forum by just using:

Code:
{USERNAME_AVATAR}
Where you want it to appear.

Hope that helps Smile

ElMuggs
Forumember

Posts : 91
Reputation : 17
Language : CSS / HTML / BBcode / Javascript / Graphics and Tech Support yeech..
Location : Deep in the belly of the code

http://wizardswb.forumotion.com

Back to top Go down

Solved Re: Calling up user icon.

Post by ℋunni on January 17th 2012, 6:17 pm

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.

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

Female Posts : 150
Reputation : 4
Language : English

Back to top Go down

Solved Re: Calling up user icon.

Post by ℋunni on January 19th 2012, 2:06 pm

Bump.

ℋunni
Forumember

Female Posts : 150
Reputation : 4
Language : English

Back to top Go down

Solved Re: Calling up user icon.

Post by ℋunni on January 20th 2012, 9:23 am

Bump >_<?

ℋunni
Forumember

Female Posts : 150
Reputation : 4
Language : English

Back to top Go down

Solved Re: Calling up user icon.

Post by ℋunni on January 21st 2012, 8:37 am

Baaampu-desu.

ℋunni
Forumember

Female Posts : 150
Reputation : 4
Language : English

Back to top Go down

Solved Re: Calling up user icon.

Post by SLGray on January 21st 2012, 9:36 am

Are you replacing the Link Here with your links?


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35641
Reputation : 2374
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Calling up user icon.

Post by Nera. on January 21st 2012, 9:47 am

Hi Hunny,

Is it something like this something you've been looking for?
http://help.forumotion.com/t101934-profile-details-in-homepage-of-forum#664301

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Calling up user icon.

Post by ℋunni on January 21st 2012, 8:27 pm

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
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>
into
Code:
.slika {
  {AVATAR}
}
and placed it into my CSS page. I'm not sure if that's correct, but nothing is being called up.

Also, I'm sorry if I missed anything or did anything incorrectly! Thank you for helping me through this!

ℋunni
Forumember

Female Posts : 150
Reputation : 4
Language : English

Back to top Go down

Solved Re: Calling up user icon.

Post by Nera. on January 21st 2012, 9:36 pm

That was a topic done first for punBB and than BB2. For Invision you wont use the same clases. Try something like this:

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

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Calling up user icon.

Post by ℋunni on January 22nd 2012, 6:13 am

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?

ℋunni
Forumember

Female Posts : 150
Reputation : 4
Language : English

Back to top Go down

Solved Re: Calling up user icon.

Post by Nera. on January 22nd 2012, 8:12 am

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

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Calling up user icon.

Post by ℋunni on January 22nd 2012, 8:43 pm

I added the code into a JS and then added the content accordingly and
  • 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

Female Posts : 150
Reputation : 4
Language : English

Back to top Go down

Solved Re: Calling up user icon.

Post by Nera. on January 22nd 2012, 9:04 pm

This should work:

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

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Calling up user icon.

Post by ℋunni on January 22nd 2012, 10:16 pm



/hugs Nera - Solved! Thank you so much <3.

ℋunni
Forumember

Female Posts : 150
Reputation : 4
Language : English

Back to top Go down

Solved Re: Calling up user icon.

Post by Nera. on January 22nd 2012, 10:17 pm

bye

Topic Solved & Locked

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum