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.
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
vBulletin® v3.8.12 by vBS, Copyright ©2000-2025, vBulletin Solutions Inc.