WP-Note

WP-Note Updated to 0.2.
And Changed from

<note>…</note>
to

The previous problem is that when we switch “Code Screen” to “Visual Screen” in the WordPress Editor,the note tags just gone. May be the Visual editor alaways cut the non-HTML tags off.
为了避免切换到可视化编辑时丢失自定义的标签,现改为中括号的标签。

I am glad to show you my second wordpress plugin.
The name of the plugin is “WP-Note”.

===Description===
This plugin allows you to create nice «notes» in your WordPress posts or pages.
You just should add note tags in your post.
There are all five tags: note,important,tip,warning and help.
The plugin has been tested in most browers such as IE,Firefox,Safari,Opera.
I am planning to add some new features such as adding quicktag button the next version .
Or You can just use a plugin named Addquicktag.

===Usage===
An example:

This is a cool note plugin,
do you agree?
other
words…

This is a cool note plugin,
do you agree?
other
words…

===后记===
这里使用中文和大家说下,其实我的English很烂,大学一年级以很危险的姿势过了四级,从大二开始一直考了6次六级,终于在毕业前给过了(注:比四级那次还危险。);

这个插件主要实现的功能就是将特定的标签的内容以特定的样式显示出,关键有两个东西:
第一,就是CSS,我主要实现的要点就是背景图片的位置,内容的位置,阴影效果的实现。参照网络上的方法按照自己的思路写出来的。
第二,就是将标签转换为CSS的样式

所以显示出来就成为插件指定的样子了。

1,159 Responses to WP-Note

  1. charles 说道:

    Never mind – I overlooked the line that said :

    padding: 15px 20px 15px 80px;
    I changed it to:
    padding: 15px 45px 15px 45px;

    then set the icon position over to the left from :

    background-position: 20px 50%;
    to:
    background-position: 2px 50%;

    This allowed me to have an icon on some, and those with none that I took out, left a block of centered text, margins even on both sides.

    I love the fact that I can change the icons to suite the topic, along with background colors, and even a wall paper background image by changing the line :

    background-repeat: no-repeat;
    to :
    background-repeat: repeat;

    Happy with this plug-in.

    Thanks

    [回复]

  2. Tim 说道:

    The note border isn’t showing up fully on my blog.

    http://panic-away-reviews.com

    What do I change to get the borders to show up all the way?

    Thanks!

    [回复]

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>