The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Announcement Tabs

View previous topic View next topic Go down

In progress Announcement Tabs

Post by Boozz on February 14th 2016, 1:07 am

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.


Last edited by Boozz on February 14th 2016, 12:31 pm; edited 2 times in total (Reason for editing : Fixed the post)

Boozz
New Member

Male Posts : 9
Reputation : 1
Language : Romanian
Location : Romania, Bucharest

http://gaming-dispatch.forumer.ro

Back to top Go down

In progress Re: Announcement Tabs

Post by SLGray on February 14th 2016, 2:53 am

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.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35634
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

In progress Re: Announcement Tabs

Post by Boozz on February 14th 2016, 12:31 pm

I edited the post.

Boozz
New Member

Male Posts : 9
Reputation : 1
Language : Romanian
Location : Romania, Bucharest

http://gaming-dispatch.forumer.ro

Back to top Go down

In progress Re: Announcement Tabs

Post by brandon_g on February 14th 2016, 5:15 pm

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. Sad

-Brandon


Remember to mark your topic when a solution is found.

brandon_g
Support Moderator
Support Moderator

Male Posts : 5140
Reputation : 478
Language : English
Location : USA

http://broadcastingduo.forumotion.com/

Back to top Go down

In progress Re: Announcement Tabs

Post by Boozz on February 14th 2016, 5:52 pm

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

Boozz
New Member

Male Posts : 9
Reputation : 1
Language : Romanian
Location : Romania, Bucharest

http://gaming-dispatch.forumer.ro

Back to top Go down

In progress Re: Announcement Tabs

Post by Ange Tuteur on February 14th 2016, 7:40 pm

Hey,

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

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum