Announcement Tabs

Alright so you will understand what I want from the images.

I have this.



And I want tabs like this.



The script that I use is.

Code:

<div class="welcomeblock clearfix">
                                                                                                                      
   <!--                                                            start: header_welcomeblock_guest                                                            -->                                                                                 
   <div class="block_login_form">
                                                                                                                                               
      <div style="padding:2px 0px;">
                                                                 <label title="Conectare automata"></label>  <strong>Bine ai (re)venit, {USERNAME}!</strong> <br /><span class="smalltext">Speram sa gasesti tot ce ai nevoie pe forumul nostru si sa te intorci cand mai ai nevoie!</span>                            <label title="Conectare automata"></label>                                                 
      </div><input value="do_login" name="action" type="hidden" /><input value="" name="url" type="hidden" />                                                                                   
   </div>
                                                                                                                      
   <div class="guest_message">
                                                                <span style="font-size:12px;"><span style="color:red">Informatii</span></span><br /><span class="smalltext">Nu uita sa folosesti urmatoarele topicuri:<br /><a href="/f4-stiri"> • Stiri</a> | <a href="/f3-anunturi-informatii-comunitate"> • Anunturi</a> | <a href="/t3-regulament-general"><span style="color:lightblue"> • Regulament</span></a></span>                                         
   </div>
                          
   <div class="radioman">
                  <right><param id="flashvars" value="url=http://asculta.radiodiz.com:7070/;&lang=en&codec=mp3&volume=10&introurl=&autoplay=true&traking=true&jsevents=false&buffering=0&skin=http://www.museter.com/skins/eastanbul/ffmp3-eastanbul.xml&title=Live%20RadioDiz.Com&welcome=Enjoy%20The Diz Music" /><param id="wmode" value="window" /><param id="allowscriptaccess" value="always" /><param id="scale" value="noscale" /><embed style="width: 250px; height: 26px;" src="http://www.museter.com/ffmp3-config.swf" flashvars="url=http://asculta.radiodiz.com:7070/;&lang=en&codec=mp3&volume=10&introurl=&autoplay=true&traking=true&jsevents=false&buffering=0&skin=http://www.museter.com/skins/eastanbul/ffmp3-eastanbul.xml&title=Live%20RadioDiz.Com&welcome=Enjoy%20The Diz Music" scale="noscale" wmode="window" bgcolor="#FFFFFF" allowscriptaccess="always" type="application/x-shockwave-flash" />    </right>       
   </div>
                                                                                                                
   <!--                                                            end: header_welcomeblock_guest                                                            --> 
</div><style>
.welcomeblock {
  background-color: #2a2a2a !important;
  color: white !important;
  border: 1px solid #1F1E1E!important;
  border-radius: 3px;
  font-size: 11px;
  padding: 5px 10px!important;
  text-shadow: 0 1px 0 #000!important;
  height: 75px !important;
}
.welcomeblock .block_login_form {
  background-image: url(http://i1280.photobucket.com/albums/a484/llg-cstrike/av_zpsa7ba7db8.png)!important;
  background-position: left center!important;
  background-repeat: no-repeat;
  background-size: 42px 42px;
  border-right: 1px solid #0a0a0a!important;
  box-shadow: 1px 0 0 0 rgba(255,255,255,0.110);
  padding-bottom: 40px;
  padding-left: 55px;
  width: 450px;
}
.welcomeblock .guest_message {
  padding-left: 55px;
  background-image: url(http://i1280.photobucket.com/albums/a484/llg-cstrike/warn_zps50b6b913.png);
  background-position: left center;
  background-size: 42px 42px;
  background-repeat: no-repeat;
  margin-left: 510px;
  overflow-wrap: break-word;
  word-wrap: break-word;
  float: none;
  padding-bottom: 15px;
  width: 445px;
}
.guest_message {
  position: relative;
  top: -75px !important;
}

.radioman {
  position: relative;
  top: -96px !important;
  right: -998px !important;
}
</style>

Sorry if the script is messed up, I edited it with my non-exist html and css knowledges.

We give support to everyone who comes and ask for help. We ask that you post in English.

Please change the title of your topic to something that is related to your question/issue, so that other users will be able to find their question/issue using the search engine.

I edited the post.

Hello,

Unfornatelly we can't give out the precise table, as it is specificly for the support forum. @Ange Tuteur however should he able to give you something similar, BUT it will REQUIRE some knowledge in all of the basic elements of code to be able to maintain and up keep properly, so if your not familar to some extent all the basic forms of code, this feature may not be for you.

-Brandon

I just want the tabs above added to my script.. thats all.. I will add the text and so on..

Hey,

I think the only topic I discussed this in was here : https://help.forumotion.com/t143188-welcome-to-the-support-forum-of-forumotion-thing