Subscribe to SimpleLibNews FeedSubscribe to SimpleLibComments

Browse > Home / Wordpress, Wordpress Plugins / Wordpress plugin Special Text Boxes

WordPress plugin Special Text Boxes

207

Special Text Boxes is very simple, very little and very useful WordPress plugin (for me and, I hope, for you). It adds little style sheet file and short code to blog for highlighting some portion of text in post as colored boxes. That may be warning, alert, info and download portion of post’s text.

(This post is available on russian language.)

Support Forum for this plugin.

Examples

Simple boxes:

This is example of alert special textbox. This short code inserted with id “alert”. Highlighted text may be any length you need.
This is example of download special textbox. This short code inserted with id “download”.
This is example of info special textbox. This short code inserted with id “info”.
This is example of warning special textbox. This short code inserted with id “warning”. Inserting short code without ID will have same effect. ;)
This is example of Black box. This short code inserted with id “black”.
This is example of Custom box. This short code inserted with id “custom”. Use Custom Box Editor for customising this box.
Simple boxes with big icons:
This is example of alert special textbox. This short code inserted with id “alert”. Highlighted text may be any length you need.
This is example of download special textbox. This short code inserted with id “download”.
This is example of info special textbox. This short code inserted with id “info”.
This is example of warning special textbox. This short code inserted with id “warning”. Inserting short code without ID will have same effect. ;)
This is example of Black box. This short code inserted with id “black”.
This is example of Custom box. This short code inserted with id “custom”. Use Custom Box Editor for customising this box.
Captioned boxes:
This is Alert Box
This is example of captioned alert special textbox. This short code inserted with id “alert” and caption “This is Alert Box”. Highlighted text may be any length you need.
This is Download Box
This is example of captioned download special textbox. This short code inserted with id “download” and caption “This is Download Box”.
This is example of captioned Info Box
This is example of captioned info special textbox. This short code inserted with id “info”.
Warning!!! This is Warning Box
Black Box
This is example of captioned Black box. This short code inserted with id “black”.
Custom Box
This is example of captioned Custom box. This short code inserted with id “custom”. Use Custom Box Editor for customising this box.

Installation

  • Unpack plugin archive file.
  • Put plugin folder to WordPress wp-content/plugins folder.
  • Activate plugin on Admin page.

Settings

Settings

wp-special-textboxes Admin Panel

You can set border style, text shadow, box shadow and Allow or disable rounded corners for your special text boxes.

Available languages of Admin Panel:

If you want and can translate this plugin to your language, do it, and send me .po file by e-mail (minimus AT simplelib.com). Thanks.

Custom Box Editor

Custom Box Editor

Custom Box Editor

You can color custom special text box using Custom Box Editor.

Usage

To embed special textbox to your post, use short code as this:

[stextbox id="defined_id"]Highlighted text and/or short code(s)[/stextbox]
OR
[stextbox id="defined_id" caption="Some Caption"]Highlighted text and/or short code(s)[/stextbox]

where defined_id may be alert, download, info, warning, black, custom and gray.
You can insert short code(s) of another plugin(s) inside wp-special-textboxes short code. For example:
[stextbox id="download" caption="Download"][download id="4"][/stextbox]
There is example of using Download Manager plugin short code with wp-special-textboxes plugin short code. The result of using this code construction you can see below in the Download section of this post.
Warning
Use Grey Box (id=”grey”) only for highlighting short codes of another plugins. Text Box with this id not parsing any short codes.

Customising “On The Fly”

This is example of customised alert special textbox. This short code inserted with id “alert”. This short code inserted with id “alert” and customised with short code options.
This is example of Customising on the Fly
This is example of customised alert special textbox. This short code inserted with id “alert” and customised with short code options.

Customisation Short Code Options:

  • color – body font color
  • ccolor – caption font color
  • bcolor – border color
  • bgcolor – background color
  • cbgcolor – caption background color
  • image – full URL of pictogram image. Use null value as URL to disable image output
  • big – use this parameter in case plugin settings are different with your needs. May be true or false.
  • float – turn on floating mode of Special Text Box. May be true or false.
  • align – alignment of box in float mode. May be left or right.
  • width – width of box in float mode (pixels)
  • collapsed – display STB in collapsed mode if collapse/expand mode enabled. May be true or false.

Short Code of Example Above
[stextbox id="alert" caption="This is example of Customising on the Fly" color="000000" ccolor="ffffff" bgcolor="f7cdf5" cbgcolor="f844ee" bcolor="f844ee" image="http://www.simplelib.com/wp-content/plugins/wp-special-textboxes/images/heart.png"]This is example of customised alert special textbox. This short code inserted with id “alert” and customised with short code options.[/stextbox]

Insertion Dialog

Insertion Dialog. Basic Settings

Insertion Dialog

Insertion Dialog. Extended Settings

You can use Insertion Dialog to insert short code to post. Just select text you needed and click “Insert Special Text Box” button.

Special Text Box anywhere in blog

You can use function stbHighlightText to output Box anywhere in your blog.

This function defined as

function stbHighlightText( $content = null, $id = 'warning', $caption = '', $atts = null )

  • $content – text in the Box (string)
  • $id – ID of Box (string)
  • $caption – caption of Box if needed (string)
  • $atts – extended attributes of Box (array)

atts = array(
  'color' => '',
  'ccolor' => '',
  'bcolor' => '',
  'bgcolor' => '',
  'cbgcolor' => '',
  'image' => '',
  'big' => '',
  'float' => 'false',
  'align' => 'left',
  'width' => '200',
  'collapsed' => '' );

  • color – body font color (six HEX digits of color without # as string)
  • ccolor – caption font color (six HEX digits of color without # as string)
  • bcolor – border color (six HEX digits of color without # as string)
  • bgcolor – background (six HEX digits of color without # as string)
  • cbgcolor – caption background color (six HEX digits of color without # as string)
  • image – full URL of pictogram image. Use null value as URL to disable image output (string)
  • big – use this parameter in case plugin settings are different with your needs. May be true or false (boolean as string).
  • float – turn on floating mode of Special Text Box. May be true or false. (string)
  • align – alignment of box in float mode. May be left or right. (string)
  • width – width of box in float mode (pixels) (string)
  • collapsed – display STB in collapsed mode if collapse/expand mode enabled. May be true or false. (string)

You can partially define atts array (version 2.0.22+). For example:

<?php ('This is content', 'warning', 'This is caption', array('image' => "http://www.simplelib.com/images/wp-b.png", "big" => "true")); ?>

In this example the image of block was redefined as “wp-b.png” image and this one was defined as big image.

Inserting Special Text Box into Special Text Box

If you want insert one STB to another, you can use additional short code “stb“. For example:

[stextbox]Some text[stb]Some text in the indoor box[/stb][/stextbox]

Special Text widget

Special Text widget wrote with using WordPress Widget Factory technology and this one can work only under WordPress 2.8 and higher
Special Text widget

Special Text widget. Admin Page

Use PHP tags for inserting PHP codes in PHP evaluation mode.

Download

Special Text Boxes
Highlights any portion of text as text in the colored boxes.

Author: minimus, version: 3.7.51, updated: August 29, 2010,
Requires WP version: 2.6 or higher, tested up to: 3.0.1.
Download (13 801 hits) (9 votes)

Tests

Tested under Windows
1. Internet Explorer 7
2. Mozilla FireFox 3.0.8 .. 3.5.2
3. Opera 10.0 alpha
4. Google Chrome 1.0.154.53
5. Apple Safari 3.1.2 .. 4.0.3

© 2009 – 2010, minimus. All rights reserved.

Bookmark and Share

Popularity: 100%

Related posts:

  1. Special Text Boxes 4. Poll!
    Operation over the new version (version 4) Wordpress of plug-in Special Text Boxes has started....
  2. WordPress plugin My WP Plugin Info
    This plugin recieves info of any plugin from wordpress.org plugins repository. It may be useful...

Posted by minimus on Sunday, March 8, 2009 at 6:32 am 
Filed under Wordpress, Wordpress Plugins · Tagged with , ,

Comments

207 Responses to “WordPress plugin Special Text Boxes”
  1. andy Windows XP Google Chrome 4.0.249.89 says:
    April 12, 2010 at 8:05 pm

    Great plugin! Is there anyway to change the font-family of the caption? Thanks.

    Reply
  2. MileHighTechGuy UNITED STATES Mac OS X Mozilla Firefox 3.6.4 says:
    April 19, 2010 at 8:00 pm

    I just discovered this plugin, and I really find it useful. I’m beginning to find all sorts of places on my sites that I can use it.

    You can see it in action here:
    http://sitesubscribe.com/features/addons/

    I like the ‘customize on the fly’ idea, but is there a way to incorporate a custom type that I can apply a CSS style?

    That would make this plugin really great.

    I’ve done some CSS customization already with the existing classes and like the result, but am looking to be able to add more custom special text box types (so I can change the image for example).

    I’d like to be able to do something like this, and change the styles merely using CSS:
    [ stextbox id="discount" class="savings"]
    [ stextbox id="external-link" class="demo"]

    Thanks ,
    ~Jeff
    MileHighTechGuy

    Reply
  3. Claude CANADA Windows Vista Mozilla Firefox 3.5.8 says:
    May 6, 2010 at 4:17 am

    I love this plugin, but I’ve been unable to find a solution to a problem I’m having. How do I make boxes of different sizes? When I click on the Special Text Box icon in my WordPress menu it offers me “box width” as an option, but, no matter what or how I enter the desired width, the width defaults to the saved settings. I’ve tried defining the default margins at “0″, but that didn’t work either. I assume that since we’re offered the possibility of varying the widths that it is possible, but I can’t make that feature work. Any help would be much appreciated!

    thank you!

    Reply
  4. Arle Uein FRANCE Ubuntu Linux Mozilla Firefox 3.5.9 says:
    May 6, 2010 at 10:39 pm

    Since several days, your nice plugin doesn’t work on my website : it just display text on a colapsable white box like here : http://lagazette-blog.fr/art-lettres/livres/et-dans-mes-veines-coulait-le-sang-de-mon-pere-claire-tournu-woimbee/.

    Do you have some informations/solutions ?

    Thanks.

    Reply
  5. MileHighTechGuy UNITED STATES Mac OS X Mozilla Firefox 3.6.4 says:
    May 22, 2010 at 2:16 am

    Hi. I’m having problems with images not rendering, and instead there is parts of the image code is showing on my site.

    Here is an example of my shortcode:

    [stextbox id="info" big="false"]
    Discount automatically applied at checkout.
    [/stextbox]

    Here is what is showing:

    sitesubscribe.com/wp-content/plugins/wp-special-textboxes/images/info.png); min-height: 20px; padding-left: 25px; “>

    Discount automatically applied at checkout.

    Here’s the URL where you can see it:
    http://sitesubscribe.com/membership-signup/discounts/

    Any ideas?

    I’m going to have to disable this plugin if I can’t get this to work soon.

    Thanks.

    Reply
  6. MileHighTechGuy UNITED STATES Mac OS X Mozilla Firefox 3.6.4 says:
    May 24, 2010 at 10:46 pm

    It may be too soon to tell, but it seems like deactivating and reactivating the plugin fixed the problem.

    I lost my customization settings and had to re-enter them after reactivating, but so far it looks like that may have solved the issue.

    Reply
    • minimus BELARUS Windows NT Mozilla Firefox 3.6.2 says:
      May 25, 2010 at 4:44 pm

      I still see the problem on your site …
      Maybe some of the installed plugins creates this problem. Try to test the compatibility of plugins. On my test blog your code does not create any problems …

      Reply
  7. Amy UNITED STATES Mac OS X Mozilla Firefox 3.6.3 says:
    June 4, 2010 at 1:13 am

    This plugin was working great until a few days ago. I can now only see text, with no box. I have tried deactivating, then reactivating and that isn’t doing the trick. For example, the text in italics is supposed to be inside of a box: http://momspark.net/blogging-101-media-kits-one-sheets/

    I can’t figure out what it is, but I noticed someone above mention Simple Press Forum, which I do have on my blog, is that the culprit?

    Reply
  8. Ahmet TURKEY Windows NT Mozilla Firefox 3.6.3 says:
    June 6, 2010 at 3:07 am

    The W3C Markup Validation test more errors

    Reply
  9. MileHighTechGuy UNITED STATES Mac OS X Mozilla Firefox 3.6.4 says:
    June 7, 2010 at 10:39 pm

    Hi. I’m trying to use the page template code. Does it allow the ‘collapse’ parameter? I tried adding it and no matter what I do the STB within the page template display as expanded…I want them collapsed by default (on page load).

    thanks

    Reply
  10. Jon Kaplan UNITED STATES Mac OS X Mozilla Firefox 3.6.3 says:
    June 11, 2010 at 10:35 pm

    When I upgraded to the latest version it seemed to create lots of problems. The box doesn’t show and the Dashboard and a number of widget control pages – for instance NextGen Gallery – disappear. These problems stopped when I deactivated Special Text Boxes. I like your plug-in but can’t seem to use it these days.

    I did upgrade to 2.9.2 on WP, and upgraded a number of other plug-ins as well. My ISP informed me they a re running PHP version 5.1.6.

    Jon

    Reply
    • Jon Kaplan UNITED STATES Mac OS X Mozilla Firefox 3.6.3 says:
      June 11, 2010 at 10:43 pm

      Read the other comments which I should have done first. I too just upgraded Simple Press forum.

      Reply
      • minimus BELARUS Windows NT Mozilla Firefox 3.6.3 says:
        June 12, 2010 at 8:13 am

        I don’t know why, but the STB-plugin is not compatible with the plug Simple Press … :(
        I use phpBB as forum on subdomain.

        Reply
        • Jon Kaplan UNITED STATES Mac OS X Mozilla Firefox 3.6.3 says:
          June 12, 2010 at 5:02 pm

          As of this morning I can’t seem to get the new version of STB to work on my site even after deactivating Simple Press. In fact, the whole site is seeming unstable after updating STB, WP and some other plugins. Right now I have STB deactivated. If it would help I’d be glad to reactivate it.

          I’m a real fan of STB, it has a good look and worked well previously to whatever is going on now. Hope we can work this out. Thanks for your help.

          Reply
  11. Tony AUSTRALIA Windows NT Mozilla Firefox 3.6.3 says:
    June 21, 2010 at 6:53 am

    How do i justify the text so i can centre it?
    thanks

    Reply
  12. Andy Bird UNITED KINGDOM Windows NT Google Chrome 5.0.375.70 says:
    July 8, 2010 at 5:00 pm

    Hi there,

    I have used STB for a while now but I have noticed on all of my sites that the insert box is greyed out?

    on WP 2.9.2 and 3.0 using the latest version of STB

    Any ideas?

    thanks

    Andy

    Reply
  13. Online Computer Support BULGARIA Windows Vista Internet Explorer 8.0 says:
    July 12, 2010 at 5:23 am

    Thanks a lot minimus !!!
    Your Special Text Boxes are very useful for me.
    Keep up the great work !

    Reply
  14. M. Bashir Al-Noimi SYRIAN ARAB REPUBLIC Windows XP Mozilla Firefox 3.6.6 says:
    July 12, 2010 at 12:41 pm

    Thanks for great plugin, and I want to tell you that it’s not working with wordpress 3.0 !

    Although I could use it shortcut but admin page not exists in addition to editor button is inactive!

    What’s wrong! ?

    PS
    I didn’t face this problem before wordpress 3.0

    Reply
  15. BHARAT INDIA Mac OS X Safari 533.16 says:
    July 14, 2010 at 11:29 am

    hi i have been using this plugin for quite some time now. and suddenly yesterday the collapsing element stopped working in safari, i check in firefox and it still works. i have tried un install reinstall deactivated and reactivated all plugins on my wordpress, please tell me how i can fix this . my web check here http://iGyaan.in/2010/07/09/the-new-renault-dezir-charges-in-a-flash/

    Reply
  16. Kilbaine PHILIPPINES Windows XP Mozilla Firefox 3.6.8 says:
    July 29, 2010 at 2:47 am

    Great plugin, I just have a question here. Since, the admin page isn’t working in WP 3.0, how do I manually enable collapse/expanded STB?

    Reply
  17. AzzePis Windows XP Mozilla Firefox 3.6.8 says:
    July 31, 2010 at 9:22 am

    Hi. Thank you for great plugin! Here is ukrainian translation for it (from our official ukrainian localization team)

    http://wordpress.co.ua/download/plugins/wp-special-textboxes-uk.rar

    Reply
    • minimus BELARUS Windows NT Mozilla Firefox 3.6.8 says:
      July 31, 2010 at 10:34 pm

      Большое спасибо! Постараюсь опубликовать в самое ближайшее время! ;)

      Reply
      • AzzePis UKRAINE Windows NT Internet Explorer 8.0 says:
        August 2, 2010 at 5:08 pm

        Нет за что…
        Пы.Сы. Отправил прошлый коммент, а потом нашёл инфу, что автор русскоговорящий :) Решил не спамить и повторно не писать :)

        Reply
  18. Mark Harrison UNITED KINGDOM Windows XP Google Chrome 5.0.375.125 says:
    July 31, 2010 at 6:48 pm

    This is excellent except I can’t get it to work in the sidebar widget. It works fine if on pages and in posts. I just get a box with no caption. What am I doing wrong?

    Reply
  19. Mark Harrison UNITED KINGDOM Windows XP Google Chrome 5.0.375.125 says:
    July 31, 2010 at 6:49 pm

    Sorry – my site is http://effortlessabundance.com/

    Reply
  20. Brian R. UNITED STATES Mac OS X Mozilla Firefox 3.6.8 says:
    August 4, 2010 at 8:58 pm

    Hello, This plugin works great on FireFox, Safari and IE6, however when I view it in IE7 the page doesn’t grow with the content of the Spoiler – it overlaps the content under the spoiler. Is there a fix for this bug? Thanks and here is a link to my test page; http://briantest.com.php5-18.websitetestlink.com/chloetest/specialtestplugin/

    Reply
  21. Erkan TURKEY Windows XP Internet Explorer 8.0 says:
    August 15, 2010 at 11:14 am

    I have tried to use a Special Text Box within another Special Text Box. But it dos not work! Is there a working way to do so?

    Reply
    • minimus BELARUS Windows NT Mozilla Firefox 3.6.8 says:
      August 18, 2010 at 7:46 pm

      Open file wp-special-textboxes.php. Find next codes (lines 73..74):

      Old code   
      add_shortcode('stextbox', array(&$this, 'doShortcode'));add_shortcode('sgreybox', array(&$this, 'doShortcodeGrey'));

      and change it as this:

      New code   
      add_shortcode('stextbox', array(&$this, 'doShortcode'));add_shortcode('stb', array(&$this, 'doShortcode'));add_shortcode('sgreybox', array(&$this, 'doShortcodeGrey'));

      Now you are add new short code. Use it as inside STB:

      [stextbox]some text[stb]some text in inside STB[/stb][/stextbox]

      This codes will be added to next patch of STB.

      Reply
  22. Erkan TURKEY Windows XP Internet Explorer 8.0 says:
    August 18, 2010 at 9:54 pm

    The plugin is great but it is not compatible with IE6 and IE7. I wish it was. Is there a way to make it compatible?

    http://www.erdogdu.net/erdogdu.net/english_system_files/?page_id=5

    Reply
  23. Charlie UNITED STATES Windows Vista Mozilla Firefox 3.6.8 says:
    August 24, 2010 at 3:47 pm

    I have been using this plug-in for quite a while because it provides a change up in the looks of the posts. I can’t understand why this has not occurred to any of the WordPress developers. None of the other text box programs are as easy to use or as effective as this one.

    You can see in action at http://UofLCardGame.com

    Reply
  24. Davekat UNITED STATES Windows XP Mozilla Firefox 3.5.11 says:
    August 27, 2010 at 10:18 pm

    The drop down arrow to the right of the box does not reside center right.. It starts out down and left a few pixels. It then shifts left @ 30 pixels for every instance of STB that I put on the page. When it hits the text in the left hand side, it then shifts all the way right and down again, only to shift left another 30 or so pixels for every instance of STB I put on the page.

    Also, I am trying to figure out how I can install STB with my own color set Like the custom one, for each site I would like to use it on. Where do I find the html for setting these. Can the settings survive a plugin update? (I’m still learning CSS – not a programmer, but can find files and alter once I know what to do.)

    It would be nice if you had a setup box for each type of box, with a color picker to be able to go to any browser and pick a color. As it is, I have to PrintScreen, then load photoshop, paste the clipboard and then pick and color. I could see having an original set, (as you do now) then having a way to add an instance or box item for each new custom box. I could add as many as I need of the colors I need for my sites.
    Thanks,
    Davekat

    Reply
« Older Comments

Trackbacks

Check out what others are saying about this post...
  1. Wordpress плагин wp-special-textboxes | Блоговод UNITED KINGDOM says:
    May 3, 2009 at 9:20 pm

    [...] post is available on english language.) Плагин добавляет в WordPress небольшой файл таблицы [...]

    Reply
  2. Luca Blog » Blog Archive » Test funzioni wordpress ITALY says:
    October 13, 2009 at 2:28 pm

    [...] il sito del [...]

    Reply
  3. CSS Styles For Pretty-fying Text in Your WordPress Blog | CoachNotes says:
    January 6, 2010 at 2:21 am

    [...] WordPress Plugin I found after I had assembled most of these code snippets. Thanks to Minimus at SimpleLibfor great work and sharing it with us writers!  [...]

    Reply
  4. CSS Styles Inspired By The YAML Framework | CoachNotes says:
    January 15, 2010 at 8:27 am

    [...] WordPress Plugin I found after I had assembled most of these code snippets. Thanks to Minimus at SimpleLibfor great work and sharing it with us writers!  [go [...]

    Reply
  5. CSS Styles Achieved With The Special Text Boxes WordPress Plugin | CoachNotes says:
    January 17, 2010 at 2:45 am

    [...] WordPress Plugin I found after I had assembled most of these code snippets. Thanks to Minimus at SimpleLibfor great work and sharing it with us writers!  [go [...]

    Reply
  6. Dina Mehta says:
    January 27, 2010 at 1:54 pm

    @mathemagenic was looking into this the other day and found http://www.simplelib.com/?p=11 . haven't tried it yet though

    Reply
  7. Lilia Efimova says:
    January 27, 2010 at 1:55 pm

    @dina installing wp-special-textboxes http://www.simplelib.com/?p=11 now, we'll see

    Reply
  8. Wordpress plugin Special Text Boxes | SimpleLib | WpMash - WordPress News UNITED STATES WordPress 2.9.1 says:
    May 7, 2010 at 3:19 am

    [...] Here is the original post: WordPress plugin Special Text Boxes | SimpleLib [...]

    Reply
  9. CraigSunney WordPress v1.2.7 says:
    July 13, 2010 at 8:25 pm

    Cool cool WP plugin> text boxes galore http://www.simplelib.com/?p=11

    Reply
  10. Twitter Updates for 2010-07-13 UNITED STATES WordPress 2.9.2 says:
    July 14, 2010 at 12:49 am

    [...] cool WP plugin> text boxes galore http://www.simplelib.com/?p=11 [...]

    Reply


Speak Your Mind

Tell us what you're thinking...
and oh, if you want a pic to show with your comment, go get a gravatar!