Stevens's blog: "How To's"

created on 12/20/2008 | http://fubar.com/how-to-s/b266817 | 196 followers

posted on 01/14/2011&nbs-08:00;@&nbs-08:00;03:01&nbs-08:00;pm

(How To) Create Bulletins™
http://fubar.com/how-to-create-bulletins/b266817-1141208

(How To) Create Customized Bulletins^™

Lets face it everyone creates Bulletins (whether it be Fubar Admin, Fubar Bouncers, Advanced Users, Lounge Owners, etc...). We each use Bulletins in our own way. For those that don't know what a Bulletin is this blog will explain as well as show you some of the background information behind a Customized Bulletin.

This blog will be referenced by my two blogs titled (How To) Coding 101 & (How To) Specify Colors Within A Webpage. Bulletins are mainly used to broadcast Fubar Promotions, Member Concerns or Lounge Invites/Special DJ Players. Bulletins are also classified as Mini-Blogs which allows members to spread the word on a topic of their choosing. Below I will list examples of (How To) Create a Customized Bulletin using HTML (Hyper Text Markup Language).

Coding A Bulletin 101

Basically we are going to begin with the code portion of a bulletin and show what can be used within.

<div> - This is the first structure tag that will begin the Outline for the Bulletin.
<table> - This is the secondary structure tag that create a <table> for the Bulletin.
<tr> - This is used within the <table> to conform to the W3C formats of how a Table is structured.
<td> - This is the Table Decoration. It is where all the information you want to place goes.
<p> - This is called a Paragraph tag. This is used to easily create paragraphs within the <table>s Table Decoration Area.

Now that you know which components can be used within a bulletin you can now move on to what the code will look like and I will also show a live preview of this code in every day fashion.

Code Preview

There will be two examples of coding the first will show how the code is structured and the second will either be a screenshot of a bulletin or it will be a Live Preview of a bulletin page.

<div style="width: 600px; border: 2px solid rgb(248,248,255);">
<table align="center" style="background-image: url('URL to Image Here'); background-position: center;" summary="Customized Bulletin">
  <tr>
   <td style="">
    <div style="">
     <table align="center">
      <tr>
       <td style="font-weight: bold; font-size: 14pt; color: rgb(248,248,255);">
        <p style="">Editable Text Here</p>
        <p style="">
         <img src="URL To Image Here" border="0" alt="Sample Bulletin IMG">
        </p>
       </td>
      </tr>
     </table>
    </div>
   </td>
  </tr>
</table>
</div>

Live Preview

This is a preview of what the bulletin will look like when you preview the coding as well as the final result of when it is posted..

fubar Bulletin!MAKE STICKY!

Volunteer Coder

United States


Subject:	Volunteer Coder Bulletin Test
Date:	December 19, 2012, 00:00 am

This is a live example of a bulletin

That shows you how it is implemented to every member.

More information can be found
by messaging the owner of this blog..

NOTE: If you post content that is offensive, adult, or NSFW (Not Safe For Work), your account will be deleted.

In Conclusion, As you can see above creating a Bulletin is easy and finding its components is even easier. There is many different ways one can create and skin a Bulletin, but this is a much cleaner version that people can use and implement on their own time. Bulletins can either have comments Enabled or Disabled on them to either let their friends comment on the topic or just to let others repost their work to broadcast it to their Friends List as well. The more a Bulletin is reposted means the more it is going around to others to see what you have created (whether it be for a Lounge, Customized Profile Skin or just a plain Bulletin with some simple word[No HTML])..

If you have any further questions, comments, concerns or anything I can add / change to this blog to give a better sense based on this topic
Please feel free to leave a comment on this blog or private message a Fubar Bouncer and they will try to help you the best they can.
For faster results you can also visit the Support Lounge and the staff/members will help you to the best of their abilities as well..