2015-05-30, 09:15 AM
So. all i want is to change the forum icons that are like gameboy at this site csgreek-gaming.com
I edited file path to sprite images but all it did is to decreasing the gameboy images and not replacing them with my sprite images.
I created a sprite see the attachment.
----------------------------------------------------------------------------------------------------
But in the site i created it had also extra instructions:
Add this to css
/* Generated by http://css.spritegen.com CSS Sprite Generator */
.counterstrike, .icon-question
{ display: inline-block; background: url('png.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }
.counterstrike { background-position: -0px -0px; width: 128px; height: 128px; }
.icon-question { background-position: -0px -128px; width: 128px; height: 128px; }
Your HTML
Use this to insert your sprite images.
<div class="counterstrike"></div>
<div class="icon-question"></div>
----------------------------------------------------------------------------------------------------
I dont know where to insert these.Also i know that css should modified.
Coclusion i want that images i attached to do this:
Show kalasnijov icon when the forum is read.
and the cloud boy to show forum as unread.
I thought it was easy but too many things to do and many other instructions comes out.
I edited file path to sprite images but all it did is to decreasing the gameboy images and not replacing them with my sprite images.
I created a sprite see the attachment.
----------------------------------------------------------------------------------------------------
But in the site i created it had also extra instructions:
Add this to css
/* Generated by http://css.spritegen.com CSS Sprite Generator */
.counterstrike, .icon-question
{ display: inline-block; background: url('png.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }
.counterstrike { background-position: -0px -0px; width: 128px; height: 128px; }
.icon-question { background-position: -0px -128px; width: 128px; height: 128px; }
Your HTML
Use this to insert your sprite images.
<div class="counterstrike"></div>
<div class="icon-question"></div>
----------------------------------------------------------------------------------------------------
I dont know where to insert these.Also i know that css should modified.
Coclusion i want that images i attached to do this:
Show kalasnijov icon when the forum is read.
and the cloud boy to show forum as unread.
I thought it was easy but too many things to do and many other instructions comes out.