PDA

View Full Version : generated smilie html?


forcerm
07-30-2014, 07:41 AM
I'm trying to edit the generated html when a smilie is inserted.

for example if i do :) it will insert:

<img src="images/smilies/smilie.jpg" border="0" alt="" title="Smile" class="inlineimg" />

What i want to do is add another class

Does anyone know where this section is?

cellarius
07-30-2014, 07:51 AM
Why do you need another class? Can't you cascade, i.e. for example
.smiliebox img {}

forcerm
07-30-2014, 08:10 AM
Why do you need another class? Can't you cascade, i.e. for example
.smiliebox img {}

No because there are no other classes used, i'm trying to edit the size of the smilies in an actual post. they are currently 32px i need them to be 16px. This scales them down so they look nice on retina displays.

<div class="post_message_xxxxxxxxxxx">

Some post content... <img src="images/smilies/smilie.jpg" border="0" alt="" title="Smile" class="inlineimg" />

</div>

So my only option is to target the inlineimg selector but this is also used by other images.

Dave
07-30-2014, 09:27 AM
You could do something like this in CSS3:

img[src*="images/smilies/"]{
width: 16px;
height: 16px;
}

tbworld
07-30-2014, 03:49 PM
You could do something like this in CSS3:

img[src*="images/smilies/"]{
width: 16px;
height: 16px;
}

Elegant fix. :)

forcerm
07-30-2014, 04:41 PM
You could do something like this in CSS3:

img[src*="images/smilies/"]{
width: 16px;
height: 16px;
}

excellent thanks! i really need to read up on CSS3 and get up to scratch on whats available