How to have announcement on the forum like this in the picture ?



Copy this CODE

Code:


<!--  BEGIN switch_user_logged_in  --><style>table.ipb_table {
    width: 100%;
    line-height: 1.3;
    border-collapse: collapse;
}
  .row2, .post_block.row2 {
    background-color: #F1F6F9;
}
#announcements td {
    border-bottom: 1px solid #FFF;
}
table.ipb_table td {
    padding: 10px;
  }
  #announcements h4 {
    display: inline;
    font-weight: normal;
}
table.ipb_table h4, table.ipb_table .topic_title {
    font-size: 14px;
  }
  .desc, .desc.blend_links a, p.posted_info {
    font-size: 12px;
    color: #777;
}
  .ipsType_pagetitle, .ipsType_subtitle {
    font: 300 26px/1.3 Helvetica,Arial,sans-serif;
    color: #323232;
}
 
</style>
<h1 class="ipsType_pagetitle">
   Latest News & Updates
</h1><br />
<table class="ipb_table topic_list hover_rows">
   <tbody>
      <tr id="arow_30" class="row2 announcement">
         <td>
             <img title="" src="http://community.invisionpower.com/filestore/public/style_images/master/t_announcement.png" />
            <h4>
                <a title="View New Skin" href="http://cybermix.forumotion.com/#"> Announcement 1 </a>
            </h4>
             <span class="desc">Posted by <a title="View Profile" href="/u1"><span itemprop="name" class="adminR"> "Username" </span></a> "Date Here"</span> <br /> <img title="" src="http://community.invisionpower.com/filestore/public/style_images/master/t_announcement.png" />
            <h4>
                <a title="View New Skin" href="http://cybermix.forumotion.com/#"> Announcement 2 </a>
            </h4>
             <span class="desc">Posted by <a title="View Profile" href="/u1"><span itemprop="name" class="adminR"> "Username" </span></a> "Date Here"</span> <br /> <img title="" src="http://community.invisionpower.com/filestore/public/style_images/master/t_announcement.png" />
            <h4>
                <a title="View New Skin" href="http://cybermix.forumotion.com/#"> Announcement 3 </a>
            </h4>
             <span class="desc">Posted by <a title="View Profile" href="/u1"><span itemprop="name" class="adminR"> "Username" </span></a>   "Date Here"</span>
         </td>
      </tr>
   </tbody>
</table>
 

Then put it on Admin Panel > Display > Homepage > Homepage Message then SAVE

Thanks for visiting this forum

* Credits to Social Academy Forum *