2011年10月29日星期六

关于帖子里的图画(框、圆角、等等)

如何把图画添加在帖子里?

1。如果你的图画是自己的,你就按  直接上载使用。

2。如果是网络的图画,你就按右键 > copy image > 然后 paste 在帖子里即可 
不过,如果该图片的主人把图片删除,你的图片也会跟着不见。

3。很多人都询问,上载后如何把小图画放在帖子文字后面,就像这样 > 
我之前移来移去也是弄不到。-.- 其实道理很简单。
如果你的图画无法这样,你就按那个图画,然后按 ,把图画的格式去掉,就可以了。^-^


如何去除帖子里图画的框框?

1。Design > Edit HTML > 按 Ctrl + F 寻找 .post img {
这个依模板而定,有些人的可能是 img { 你们就找找类似的吧!

2。找到之后,把那整个 { } 里面的东西删除即可。:) Preview 看看有什么问题,没问题就保存咯!


如何把帖子里的图画全部弄成圆角?

1。Design > Edit HTML > 按 Ctrl + F 寻找 .post img {
这个依模板而定,有些人的可能是 img { 你们就找找类似的吧!如果你找不到的话,就自己在 ]]></b:skin> 上面添加这个代码。

2。如果你找不到,你就在 ]]></b:skin> 上面添加以下代码:

.post img {
border-radius:20px;



img { 
border-radius:20px;

找到代码的人,在  .post img { 或 img { 之后 paste 以下代码即可:

border-radius:20px;

3。20px 那个号码可以随意更改,这是圆角幅度。Preview 看看如何。没有问题就保存!


如何为帖子里的图画添加框框?

1。和上面的是一样的道理。如果你要框框,你就必须在 .post img { 或 img { 之后添加框框的 CSS 代码:

border: 2px solid #000000;

2px 为厚度,solid 是框框类型,推荐使用 dotted ........ 或 dashed ------,#000000 是框框颜色的颜色代码

2。如果你要框框和图画之间有一定的距离,你再添加以下代码:

padding: 5px;

5px 那个号码可以随意更改。号码越大,框和图片的距离越大。

3。Preview 看看如何。没有问题就按 save。:) 关于框框的详细教学,可以按 这里 参考。不过那个是 HTML 代码,你们自己 pandai pandai 换一点啦。




总之你对 CSS 代码熟悉的话,你要怎样修饰都可以!哈哈!你也可以参考一些我写过的关于框框、圆角之类的教学,把代码加进去就可以了!:D

15 条评论:

  1. 我试了以上的方法都不无法把图片的框框去除, 请问还有什么办法吗? :)

    回复删除
  2. Çε£îиε♥:你有在 edit HTML 里面找到类似 img 的代码吗?试试看删除 =)

    回复删除
  3. 我试了, 而且终于成功了, 谢谢你吖宝贝. :)♥

    回复删除
  4. 图画的框框我去除不了~找了img的代码去除掉{}里面的~我保存了那边写错误的东西之类的~><

    回复删除
  5. 我的图画的框也是弄不掉,我找了img,可是没有这样的{}都是(),怎么办?

    回复删除
  6. thk you arhh~u help me so much~~~

    回复删除
  7. 我图画框框弄不掉啊>_<
    找到Img不过怎样delete 都没用T^T

    回复删除
  8. 试了...还是不行...可以解救吗T_T

    回复删除
  9. .post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
    .BlogList .item-thumbnail img {
    padding: $(image.border.small.size);

    background: $(image.background.color);
    border: 1px solid $(image.border.color);

    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
    }

    删除border: 1px solid $(image.border.color);这个也不是)(还是会有出现那个宽宽)...小工具那边弄掉了还是有...求救啊T_T"'弄掉了

    回复删除
  10. 我图画框框弄不掉>n< 怎么办??

    回复删除
  11. 你好!!BLOGSPOT 新用户剛遷自YB,想請教何以在BS貼上源自 Photobusket 的分隔線,在 google chorme 會出現邊框呢?請賜教!!Thx!

    http://blog.yahoo.com/ji-123/articles/page/1

    回复删除