Xmas MessageUserInfo v1

[Dakis]

Sure, that'd be awesome. I've applied it now, just check any thread: http://www.travelstories.gr/community/threads/πτήση-μπορώ-να-το-κάνω.11090

 

[Shelley]

Just checked your site (style) and it's using the standard width messageuserinfo which would be the reason why the images are not displaying correctly. You would be best using the images and css from this thread which would be better suited for that specific style. http://xenforo.com/community/threads/xmas-messageuserinfo.63502/#post-674364

 

[Dakis]

Oh!

I put back the old images, and played around with the right margin, you can have a look now see if you reckon it's ok?

 

[Shelley]

@Dakis - Ignore previous post that css will style your messageuserinfo green which I assume you don't want. remove the old css and paste the following into your EXTRA.CSS template and then upload the images to the folder from the attachment.

removed

 

[Shelley]

Oh!

I put back the old images, and played around with the right margin, you can have a look now see if you reckon it's ok?

They do appear a little short on each side did you want them slightly overlapping the widths?

 

[Dakis]

Yeah that'd be the best thing, but it's ok.

 

[Shelley]

Yeah that'd be the best thing, but it's ok.

It's getting a little late now here but give me till tomorrow and I'll adjust a test style to the same width you have and design the same images you've applied (make sure they slightly overlap) and post that for you sometime tomorrow.

 

[Dakis]

It's getting a little late now here but give me till tomorrow and I'll adjust a test style to the same width you have and design the same images you've applied (make sure they slightly overlap and post that for you sometime tomorrow.

I would appreciate that, thank you

 

[Shelley]

I would appreciate that, thank you

Couldn't sleep on this.

Upload the image to your icons folder in the attachment and then paste the following into your EXTRA.CSS Template it should now slightly overlap now on either side.

.messageUserBlock:after {
  background: url("@imagePath/xenforo/icons/messageuserinfo-xmas-dakis.png") no-repeat scroll 0 0 transparent;
  bottom: -25px;
  content: " ";
  display: block;
  height: 30px;
  margin-top: 4px;
  position: absolute;
  right: -4px;
  width: 152px;
}  

.messageUserBlock:before {
  background: url("@imagePath/xenforo/icons/messageuserinfo-xmas-dakis.png") no-repeat scroll 0 0 transparent;
  content: " ";
  display: block;
  height: 30px;
  margin-top: 4px;
  position: absolute;
  right: -4px;
  top: -10px;
  width: 152px;
  z-index: 1;
}

 

[Shelley]

@Dakis - And if you want the xmas balls on the top foliage then use the images in this post and the css.

.messageUserBlock:after {
  background: url("@imagePath/xenforo/icons/messageuserinfo-xmas-dakis.png") no-repeat scroll 0 0 transparent;
  bottom: -25px;
  content: " ";
  display: block;
  height: 30px;
  margin-top: 4px;
  position: absolute;
  right: -4px;
  width: 152px;
}

.messageUserBlock:before {
  background: url("@imagePath/xenforo/icons/messageuserinfo-xmasballs-dakis.png") no-repeat scroll 0 0 transparent;
  content: " ";
  display: block;
  height: 60px;
  margin-top: 4px;
  position: absolute;
  right: -4px;
  top: -10px;
  width: 152px;
  z-index: 1;
}

 

[Dakis]

Couldn't sleep on this.

LOL that looks nice thankyou so much

 

[SouthDevonFishing]

Hi.
Firstly I must say that I am not very good with all this!
I have looked at loads of the stuff Shelley has created and it is fantastic, I wanted to add some of it to my forum but I stumbled as I can not find the /icons folder, anywhere! Any help would be greatly appreciated.
Thanks.