Some CSS Hack Wordpress Theme
Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a document written in a markup language. CSS is designed primarily to enable the separation of document content (written in HTML or a similar markup language) from document presentation (written in CSS). This separation can improve content accessibility, provide more flexibility and control in the specification of presentation characteristics, and reduce complexity and repetition in the structural content (such as by allowing for tableless web design).
Well, the default css of blueweed wordpress theme which i used for this blog caused some smiley images, browser icon, and OS icon did not inline with the text so the appearance of those images in my blog would be weird
.Anw, after did some researched, finally i found that it was caused by every images in wordpress blueweed theme was added margin 10px by default because of blueweed CSS script as bellow :
.entry img {margin:0 10px 10px 10px;border:1px solid silver;}
Hm… Actually what i need is the images in my page still should have margin 10px while the smiley icon, browser icon, and OS icon should inline with text.
Therefore in order to make my smiley, browser icon, and OS icon inline with text, i add some css hack into my style.css as bellow :
/*** added by andhy **/
img.wp-smiley {
margin:0px;
padding:0px;
border:0px;
}
img.browsericon {
margin:0px;
padding:0px;
border:0px;
}
Now my smiley icon, browser icon, and OS icon is inline with text while my images still have marging 10px
Note : That css hack can be used also for another wordpress theme if there is inline images happened as long as we use default smiley from wordpress
October 30th, 2008 at 6:53 pm using Mozilla Firefox 3.0.3 on Windows XP
Rate this :
Test for showing inline browser icon and OS icon
November 8th, 2008 at 4:51 am using Mozilla Firefox 3.0 on Windows XP
Rate this :
keep cooding bro ..
November 8th, 2008 at 6:25 am using Mozilla Firefox 3.0.3 on Windows XP
Rate this :
Thank you bro,
just coding for fun
December 27th, 2008 at 6:04 am using Internet Explorer 6.0 on Windows XP 64 bit
Rate this :
How r u? your website is rocks
I have a new band and we just had a live gig u can see here:
http://tinyurl.com/9tqcum
March 24th, 2009 at 5:25 am using Mozilla Firefox 3.0.7 on Windows XP
Rate this :
Yeah.. this code work at my themes.. but i must add additional code again because My CSS automatically loat left the post images. So like this:
<code>
img.browsericon {
margin:0px;
padding:0px;
border:0px;
float:none;
}
</code>
March 26th, 2009 at 7:06 am using Google Chrome 1.0.154.53 on Windows XP
Rate this :
@ Redjeki
You are right, you can modify the CSS code into something else which suitable with your theme