XF 1.3 HTML/CSS Image Sprite

[Rum Runner Entertainment]

Hi,

I wanted to add an sprite to an a few images that I have. I was wondering where would I put the code. I've found something online with the CSS image sprite, but I am looking for more information about this.

Thank You.

 

[Paul B]

I'm not sure what you're asking.
A sprite is simply a number of separate images on the same canvas (file).

You use them in CSS like any other image, with the only difference being you need to specify the coordinates.

 

[Rum Runner Entertainment]

Sorry, if I didn't specify what I was talking about, but here is an example: http://www.w3schools.com/css/tryit.asp?filename=trycss_sprites_img

 

[Paul B]

Yes, that's what I said.

 

[Rum Runner Entertainment]

Okay, where do I add in the HTML code for the "title override" in the user groups option as well as for the logo/banner at the top?

 

[Paul B]

You would need to edit the templates to customise the HTML.

Otherwise, if you want to edit the CSS, use EXTRA.css, or edit the CSS template directly.

 

[Rum Runner Entertainment]

Okay. Which templates exactly do I need to add the CSS sprite code to for the logo at the top?

 

[Paul B]

Why do you want to convert your logo to a sprite?
What are you hoping to achieve?

 

[Rum Runner Entertainment]

I don't want people to be able to "drag" the image and be able to use it and or download it. Also, it would help with network latency.

 

[Paul B]

Changing it to a sprite won't stop people from being able to save it.
It's a fruitless exercise.

 

[Rum Runner Entertainment]

I see, although I was told that it was done for the reason of network latency.