Mods online/offline

Post by **Tigerman75** » 09 Dec 2011, 23:35

Stoker where I can take the change that you use the images on the forum offline and online? To understand this!

Cattura.PNG

Thanks

Post by **Stoker** » 10 Dec 2011, 02:10

Open viewtopic_body.html
Find:

Code: Select all

<!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF -->

Replace with:

Code: Select all

<!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ELSE --> offline<!-- ENDIF -->

Open colours.css
Find:

.online {
background-image: url("{IMG_ICON_USER_ONLINE_SRC}");
}

add after:

Code: Select all

.offline {
   background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_offline.gif");
}

Open content.css
Find:

Code: Select all

.online {
	background-image: none;
	background-position: 100% 0;
	background-repeat: no-repeat;
}

Replace with:

Code: Select all

.online {
	background-image: none;
	background-position: 100% 0;
	background-repeat: repeat-y;
}

.offline {
   background-image: none;
   background-position: 100% 0;
   background-repeat: repeat-y;
}

Finally you need the online/offline images placed in imageset folder (language)

Post by **Tigerman75** » 10 Dec 2011, 09:25

Thanks stoker works, but I have a problem. Since I have profiles on the left so you can see the image:

Cattura.PNG

You can not move the image behind the avatar?Thanks Stoker!

Post by **Stoker** » 10 Dec 2011, 09:31

Play around with the background-position

Post by **Tigerman75** » 10 Dec 2011, 09:39

I set up this way:

Code: Select all

.online {
   background-image: none;
   background-position: 0% 0;
   background-repeat: repeat-y;
}

.offline {
   background-image: none;
   background-position: 0% 0;
   background-repeat: repeat-y;
}

But if I go beyond the image disappears

It is shortly

Post by **Stoker** » 10 Dec 2011, 09:47

Well, thats because of the style you are using.
You can try with some negative margin like: margin-left:-8px;

Post by **Tigerman75** » 11 Dec 2011, 09:30

Code: Select all

.online {
   background-image: none;
   background-position: 100% 0;
   background-repeat: repeat-y;
   margin-left:-8px;
}

.offline {
   background-image: none;
   background-position: 100% 0;
   background-repeat: repeat-y;
   margin-left:-8px;
}

No, not good, if I add a margin-left moves everything.

Post by **Stoker** » 11 Dec 2011, 10:10

Take a look at the se square left style.
Man, its your style - figure it out

Post by **Tigerman75** » 11 Dec 2011, 11:11

No stoker nothing to do, and I saw all the files are equal. I also move the image to the right but not too much. And if I want to move even more to me the image disappears. Help!

Edit:
I take back everything I did. thanks stoker

Post by **Solidjeuh** » 02 Jan 2012, 04:42

works perfect!
Thank you!