Coding-Spot

You are not connected. Please login or register

Go to page : 1, 2  Next

 
 

how to make online logo beside username?

Message (Page 1 of 2)

avatar
 
Advance Member

Posted on Sun May 26, 2013 7:43 am

 
hello how can i make the offline and online logo beside the username?



View user profile


avatar
 
Administrator
Administrator

Posted on Sun May 26, 2013 7:47 am

 
Find this on your viewtopic_body template and delete it:
Code:
{postrow.displayed.ONLINE_IMG}

Now find this one:
Code:
{postrow.displayed.POSTER_NAME}

And replace it with this one:
Code:
{postrow.displayed.POSTER_NAME}   {postrow.displayed.ONLINE_IMG}

Tounge



View user profile http://coding-spot.darkbb.com


avatar
 
Advance Member

Posted on Sun May 26, 2013 8:06 am

 
hello mark it works but how can i put the icon in left?

because it look like this:
http://prntscr.com/16poqs



View user profile


avatar
 
Administrator
Administrator

Posted on Sun May 26, 2013 8:11 am

 
Swap the 2 variables, so it should be like this:
Code:
 {postrow.displayed.ONLINE_IMG}   {postrow.displayed.POSTER_NAME}

Happy



View user profile http://coding-spot.darkbb.com


avatar
 
Advance Member

Posted on Sun May 26, 2013 8:16 am

 
ok e mark.. but how can i add the offline image on that?
i want all the user have offline image beside their username and when they online the image will be change

something like this image




i want all offline have a "Offline image" when they online "the image will turns to online image"



View user profile


avatar
 
Administrator
Administrator

Posted on Sun May 26, 2013 8:30 am

 
Find this part:
Code:
{postrow.displayed.ONLINE_IMG}

And replace it with this one:
Code:
<div class="offline">{postrow.displayed.ONLINE_IMG}</div>

Now add this to your CSS:
Code:
.offline {
  width:11px;
  height:11px;
  background:url("http://illiweb.com/fa/offline.png");
  display: inline-block;
}

Happy



Last edited by Mark on Sun May 26, 2013 9:10 am; edited 1 time in total



View user profile http://coding-spot.darkbb.com


avatar
 
Advance Member

Posted on Sun May 26, 2013 8:52 am

 
nothings happen..
the online button place above the username..
http://prntscr.com/16pszy

but the offline image cannot see

all i want is all offline user have a fix image of offline
when they are online the image turns green, when they are offline the image turns back in red



View user profile


avatar
 
Administrator
Administrator

Posted on Sun May 26, 2013 8:58 am

 
Try this one instead:
Code:
<span class="offline">{postrow.displayed.ONLINE_IMG}</span>

Also provide your forum url.



View user profile http://coding-spot.darkbb.com


avatar
 
Advance Member

Posted on Sun May 26, 2013 9:04 am

 
here

i want the offline image will be fix on offline user and when they online the offline image will be change in online image

the code you give above here is the result
http://prntscr.com/16pu7d

the image is place above not in the left side



View user profile


avatar
 
Administrator
Administrator

Posted on Sun May 26, 2013 9:10 am

 
I put the wrong class on the CSS, replace the CSS.



View user profile http://coding-spot.darkbb.com


avatar
 
Advance Member

Posted on Sun May 26, 2013 9:15 am

 
ok i will wait the codes :D



View user profile


avatar
 
Administrator
Administrator

Posted on Sun May 26, 2013 9:18 am

 
Check the post #6. I've updated the codes already.



View user profile http://coding-spot.darkbb.com


avatar
 
Advance Member

Posted on Sun May 26, 2013 9:29 am

 
it works but the image become high and not align in the username

http://prntscr.com/16pwnp

but when i modify the codes in CSS to reduce height the image cannot be view
like this:

i set the height for 5px;
result is this:

http://prntscr.com/16pwte



View user profile


avatar
 
Administrator
Administrator

Posted on Sun May 26, 2013 9:32 am

 
Make sure you're using this one:
Code:
<div class="offline">{postrow.displayed.ONLINE_IMG}</div>



View user profile http://coding-spot.darkbb.com


avatar
 
Advance Member

Posted on Sun May 26, 2013 9:59 am

 
yes im using that code..
look on this

for online
http://prntscr.com/16q05g

for offline
http://prntscr.com/16q074

the offline image did not align in username.. or the username did not align in offline image



View user profile


#16

Sponsored content


 

Posted

 





Message (Page 1 of 2)

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

In total there is 0 user online :: 0 Registered, 0 Hidden and 0 Guests

Users browsing this forum: None