没有css风格的特定图像

Question

是我安装了一个wordpress插件来为图像添加框架和阴影，但有一个特定的图像我不想应用阴影和框架，但随着插件去框架和影子。我怎么能避免这种情况？感谢

插件：

插件名称：WP图片边框 说明：WP图片边框可以很容易地从你的博客文章图片添加或删除图像的边界。 版本：1.4.6 作者：本·西布利 作者URI：http://profiles.wordpress.org/bensibley 授权：在GPLv2

Answer 1

在插件.php文件：

更换

echo '<style type="text/css" media="screen">.wib-img img { 
    border-style: ' . $options["bs_wib_border_style"] . ' !important; 
    border-width: ' . $options["bs_wib_border_width"] . 'px !important; 
    border-radius: ' . $options["bs_wib_border_radius"] . 'px !important; 
    border-color: ' . $options["bs_wib_border_color"] . ' !important; 
    -moz-box-shadow: ' . $options["bs_wib_box_shadow_horizontal"] . 'px ' . $options["bs_wib_box_shadow_vertical"] . 'px ' . $options["bs_wib_box_shadow_blur"] . 'px ' . $options["bs_wib_box_shadow_spread"] . 'px ' . $options["bs_wib_box_shadow_color"] . ' !important; 
    -webkit-box-shadow: ' . $options["bs_wib_box_shadow_horizontal"] . 'px ' . $options["bs_wib_box_shadow_vertical"] . 'px ' . $options["bs_wib_box_shadow_blur"] . 'px ' . $options["bs_wib_box_shadow_spread"] . 'px ' . $options["bs_wib_box_shadow_color"] . ' !important; 
    box-shadow: ' . $options["bs_wib_box_shadow_horizontal"] . 'px ' . $options["bs_wib_box_shadow_vertical"] . 'px ' . $options["bs_wib_box_shadow_blur"] . 'px ' . $options["bs_wib_box_shadow_spread"] . 'px ' . $options["bs_wib_box_shadow_color"] . ' !important; 
    } </style>'; 

随着

echo '<style type="text/css" media="screen">.wib-img img { 
    border-style: ' . $options["bs_wib_border_style"] . '; 
    border-width: ' . $options["bs_wib_border_width"] . 'px; 
    border-radius: ' . $options["bs_wib_border_radius"] . 'px; 
    border-color: ' . $options["bs_wib_border_color"] . '; 
    -moz-box-shadow: ' . $options["bs_wib_box_shadow_horizontal"] . 'px ' . $options["bs_wib_box_shadow_vertical"] . 'px ' . $options["bs_wib_box_shadow_blur"] . 'px ' . $options["bs_wib_box_shadow_spread"] . 'px ' . $options["bs_wib_box_shadow_color"] . '; 
    -webkit-box-shadow: ' . $options["bs_wib_box_shadow_horizontal"] . 'px ' . $options["bs_wib_box_shadow_vertical"] . 'px ' . $options["bs_wib_box_shadow_blur"] . 'px ' . $options["bs_wib_box_shadow_spread"] . 'px ' . $options["bs_wib_box_shadow_color"] . '; 
    box-shadow: ' . $options["bs_wib_box_shadow_horizontal"] . 'px ' . $options["bs_wib_box_shadow_vertical"] . 'px ' . $options["bs_wib_box_shadow_blur"] . 'px ' . $options["bs_wib_box_shadow_spread"] . 'px ' . $options["bs_wib_box_shadow_color"] . '; 
    } </style>'; 

这里我们删除插件中的!important位。

在你.CSS文件，添加：

img.no-border { border:0 none !important; } 

在您的文章

然后，你可以有

<img class="alignnone size-medium wp-image-6 no-border" alt="" src="your-image-here.jpg" width="300" height="225" /> 
<img class="alignnone size-medium wp-image-9" alt="" src="your-image-here.jpg" width="300" height="225" /> 

注意：请确保您添加no-border到img - 在你不不想出现边框。

第一张图片将使用插件的边框，第二张图片将没有边框。