Need help coding this up, might need PHP or Javascript

[Ashleyuk1984]

Thanks goes soft2050, and to cyberavijit for kindly sharing the information in this post.

http://www.wjunction.com/13-tutorials-guides/135302-how-insert-filehost-icons-your-wordpress-sites.html

I have successfully implemented this into my website.
Thank you !!

[slide]http://screensnapr.com/e/5dgDQ6.png[/slide]

I was just wondering if this could be modified in some way so that instead of having the filehost icons next to each line... it could look something like this instead.

[slide]http://screensnapr.com/e/ycn0Ha.png[/slide]

I don't think the same script can be used , because even if I was to change the padding, it would still show a image above every link, not just the one - if you know what I mean.
So that's why I think php / or javascript might be needed - or even maybe an array? (not to sure - I honestly haven't got a clue)

Any ideas?
Thanks in advance.

 

[BattleDuty]

Not sure but I'm using this code.

Try on sample WP sample blog before using or take back up.

.putlocker {
    background: url("http://images.putlocker.com/images/v1_r2_c5.png") no-repeat scroll 0 0 transparent;
    height: 57px;
    margin: 0 auto;
    width: 240px;
}

Add to layout.css


Make new post and use

<div class="putlocker"></div>

Try and let me know.


DEMO, it will look like

 

[Ashleyuk1984]

Thank you for your input battleduty.
Unfortunately that doesn't give me the desired effect that I'm asking for.

Anybody else have an idea how to do this? Or if it's possible.

 

[BattleDuty]

You want to add image right? Just add the code to layout.css then use php code in your post.. The image will automatically show in your post.

Same code, just add it 3 times with 3 images.

 

[Ashleyuk1984]

All I need to do at the moment is just add the links. Nothing else.
The css selectors that I have saved, detects the hosts that I'm using and applies the images automatically (next to each line).

I basically want it to do the same, but I don't want it to put the images next to each line. I want it to detect what hosts I'm using and then apply the image only once, just like my second picture above is doing.

Hope this makes more sense.