Coding-Spot

You are not connected. Please login or register

 
 

how to make online logo beside username?

Message (Page 1 of 1)


 
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



 
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



 
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



 
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



 
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



 
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



 
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



 
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



 
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



 
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



 
Advance Member

Posted on Sun May 26, 2013 9:15 am

 
ok i will wait the codes :D



View user profile



 
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



 
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



 
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



 
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



 
Administrator
Administrator

Posted on Sun May 26, 2013 10:12 am

 
Please check them again. You're using the p tag.
Use the div tag.



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



 
Advance Member

Posted on Sun May 26, 2013 10:14 am

 
Mark wrote:Please check them again. You're using the p tag.
Use the div tag.

hhihih its ok na..
i did not published it.. sorry for that :D
solved mark -.-



View user profile



 
Administrator
Administrator

Posted on Sun May 26, 2013 10:17 am

 
Hahahaha. It's ok Tounge.

Since the problem is now solved i will locked this and move to archive section. ~Locked and Moved Happy



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


#19

Sponsored content


 

Posted Today at 11:53 am

 





Message (Page 1 of 1)

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