Post-it BBCode
Posted: 09 Mar 2010, 07:14
Post-it BBCode
Author: Stoker
Description: The Post-it BBCode lets You insert Post-it notes in the topics.
The Post-it BBCode is right floated as You can see en the BBCode Demo below.
File edits: Insert the following css code in Your stylesheet. For prosilver based styles it is colours.css and for subsilver2 based styles it is stylesheet.css
Feel free to edit the colors.
BBCode:
HTML:
Helpline:
Example:
Demo:
[postit=Post-It BBCode]And what do We want to write in text?
I dont know...
Nice Smiley...[/postit]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam quis est mollis odio tristique volutpat. Maecenas pellentesque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In hac habitasse platea dictumst. Mauris a arcu. Nullam blandit, orci at dictum varius, sapien ligula fermentum nibh, egestas cursus nunc odio id arcu. Morbi pretium. Vivamus non erat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse eget tellus quis nisl auctor imperdiet.
Sed sodales tincidunt erat. Phasellus sit amet nisl. Fusce sodales nulla vitae arcu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus sem purus, volutpat at, pharetra ut, laoreet sed, nisl. Vestibulum gravida, orci at placerat tincidunt, urna nulla mattis erat, ac ullamcorper elit orci id velit. Phasellus est lectus, interdum eget, tempor vel, dapibus ac, orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Phasellus iaculis sagittis neque. Etiam eleifend nisi vel enim. Sed ultricies nisl in sem.
Praesent vitae arcu eget sem porttitor sollicitudin. Morbi lacus nibh, posuere sit amet, sagittis a, vestibulum at, mi. Suspendisse nunc. Nunc blandit, risus aliquam mattis fringilla, magna diam dapibus odio, vel sollicitudin urna magna at metus. Quisque commodo scelerisque dolor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer sit amet ante. Nam nulla. Maecenas ornare enim nec ligula. Suspendisse consectetuer erat venenatis urna.
Author: Stoker
Description: The Post-it BBCode lets You insert Post-it notes in the topics.
The Post-it BBCode is right floated as You can see en the BBCode Demo below.
File edits: Insert the following css code in Your stylesheet. For prosilver based styles it is colours.css and for subsilver2 based styles it is stylesheet.css
Feel free to edit the colors.
Code: Select all
table.postit
{
background-color: #fff;
color: #404040;
table-layout: fixed;
width: 250px;
font-size: 14px;
float: right;
margin-left: 10px;
border: 1px #ac7900 solid;
}
.postitheadline
{
background-color: #ffe57b;
color: #404040;
padding-left: 6px;
font-weight: bold;
font-size: 14px;
border-bottom: 1px solid #ac7900;
}
.postitcontent
{
background-color: #fff;
color: #404040;
font-size: 12px;
padding: 8px;
}BBCode:
Code: Select all
[postit={TEXT1}]{TEXT2}[/postit]Code: Select all
<table class="postit" cellspacing="0">
<tr>
<td class="postitheadline">{TEXT1}</td>
</tr>
<tr>
<td class="postitcontent">
<p>
{TEXT2}
</p>
</td>
</tr>
</table>Code: Select all
Post-it: [postit=Headline]Text[/postit]Code: Select all
[postit=Post-It BBCode]And what do We want to write in text?
I dont know...
8-)
Nice Smiley...[/postit]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam quis est mollis odio tristique volutpat. Maecenas pellentesque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In hac habitasse platea dictumst. Mauris a arcu. Nullam blandit, orci at dictum varius, sapien ligula fermentum nibh, egestas cursus nunc odio id arcu. Morbi pretium. Vivamus non erat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse eget tellus quis nisl auctor imperdiet.
Sed sodales tincidunt erat. Phasellus sit amet nisl. Fusce sodales nulla vitae arcu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus sem purus, volutpat at, pharetra ut, laoreet sed, nisl. Vestibulum gravida, orci at placerat tincidunt, urna nulla mattis erat, ac ullamcorper elit orci id velit. Phasellus est lectus, interdum eget, tempor vel, dapibus ac, orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Phasellus iaculis sagittis neque. Etiam eleifend nisi vel enim. Sed ultricies nisl in sem.
Praesent vitae arcu eget sem porttitor sollicitudin. Morbi lacus nibh, posuere sit amet, sagittis a, vestibulum at, mi. Suspendisse nunc. Nunc blandit, risus aliquam mattis fringilla, magna diam dapibus odio, vel sollicitudin urna magna at metus. Quisque commodo scelerisque dolor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer sit amet ante. Nam nulla. Maecenas ornare enim nec ligula. Suspendisse consectetuer erat venenatis urna.[postit=Post-It BBCode]And what do We want to write in text?
I dont know...
Nice Smiley...[/postit]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam quis est mollis odio tristique volutpat. Maecenas pellentesque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In hac habitasse platea dictumst. Mauris a arcu. Nullam blandit, orci at dictum varius, sapien ligula fermentum nibh, egestas cursus nunc odio id arcu. Morbi pretium. Vivamus non erat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse eget tellus quis nisl auctor imperdiet.
Sed sodales tincidunt erat. Phasellus sit amet nisl. Fusce sodales nulla vitae arcu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus sem purus, volutpat at, pharetra ut, laoreet sed, nisl. Vestibulum gravida, orci at placerat tincidunt, urna nulla mattis erat, ac ullamcorper elit orci id velit. Phasellus est lectus, interdum eget, tempor vel, dapibus ac, orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Phasellus iaculis sagittis neque. Etiam eleifend nisi vel enim. Sed ultricies nisl in sem.
Praesent vitae arcu eget sem porttitor sollicitudin. Morbi lacus nibh, posuere sit amet, sagittis a, vestibulum at, mi. Suspendisse nunc. Nunc blandit, risus aliquam mattis fringilla, magna diam dapibus odio, vel sollicitudin urna magna at metus. Quisque commodo scelerisque dolor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer sit amet ante. Nam nulla. Maecenas ornare enim nec ligula. Suspendisse consectetuer erat venenatis urna.