Topic: Floating Bar Mod

[live627]

Link to Mod

Floating Bar Mod

This mod adds a bar at the top of the forum pages asking guests to register, login, or both. It will NOT show on register or login screens. Logged in users do not see it.

The site administrator can change the display text via the admin backend (Features and Options)

Tips to request help
When posting for help, please include:

• SMF version
• Mod version, if skipped, latest version is assumed
• Theme in use, very important
• How the install went, any errors, or none
• Which page the error is on, if any, not required
• How to reproduce the error, if any

[Anthony`]

Very nice! Well done on this. 

[Nibogo]

Very nice! Well done on this. 

Thanks for the comments.

I am making a little tutorial for customize the bar

[genieuk]

Very Nice,

Again I wanted something like this.

Noticed a error i think thou in manual install Instructions.

./Themes/default/style.css

It says:

Find:

Code: [Select]

Replace With:

Code: [Select]

#topbar { position:absolute; border: 1px solid black; padding: 2px; background-color: lightyellow; width: 620px; visibility: hidden; z-index: 100; }
As you can see the find has nothing in it?

Very Nice, will install later.

[katib]

I am making a little tutorial for customize the bar

Thanks man
I will be waiting for such tutorial
could you include instruction on how to add a "register" and a "login" buttons with relevant input fields !?

[Nibogo]

Very Nice,

Again I wanted something like this.

Noticed a error i think thou in manual install Instructions.

./Themes/default/style.css

It says:

Find:

Code: [Select]

Replace With:

Code: [Select]

#topbar { position:absolute; border: 1px solid black; padding: 2px; background-color: lightyellow; width: 620px; visibility: hidden; z-index: 100; }
As you can see the find has nothing in it?

Very Nice, will install later.

Just add the code on the end of the file

I am making a little tutorial for customize the bar

Thanks man
I will be waiting for such tutorial
could you include instruction on how to add a "register" and a "login" buttons with relevant input fields !?

I will try to do it , if I have the time of course

[aED]

Nice bro ill try to add this to my forum....


Thanks

[geo32101]

How do I add it to a costume theme, I did the edit to the default theme but I dont want it for that one.

[Nibogo]

How do I add it to a costume theme, I did the edit to the default theme but I dont want it for that one.

http://custom.simplemachines.org/mods/index.php?action=parse;mod=1449;attach=71390;smf_version=1.1.6

Do the manual edit

[geo32101]

Do I just have to do the theme edits? Or all?

[Nibogo]

Do I just have to do the theme edits? Or all?

Theme edits , the index.template and the style.css modifications

[Costa]

Translation to Brazilian

Code: (Modifications.brazilian.php) [Select]

$txt['floating_bar_text'] = 'Bem-vindo visitante! Por favor, faça o <a href="'. $scripturl.'index.php?action=login"><b>login</b></a> ou o <a href="'. $scripturl 'index.php?action=register"><b>registo</b></a>';

$txt['floating_mode'] = 'Permitir o Mod Floating Bar?';

$txt['floating_text'] = 'Escreva um texto personalizado para os visitantes na Floating Bar';

Congrats for the mod

[wilsond]

I just installed this script but where do you to go to add your message? and to make it active?

it installed with no errors. I am using default theme

[Nibogo]

I just installed this script but where do you to go to add your message? and to make it active?

it installed with no errors. I am using default theme

Features & Options in the admin panel

[pooya]

Could anyone make it look like the windows xp bar we get ?

WOuld be awsome .. please.

Oh and i cant click on it did on 4 beta ...

[pooya]

Anyone, or any alternative.

[Nibogo]

Anyone, or any alternative.

Try yourself using css

[Nibogo]

1.0 - 20 November 2008



o Added Spanish/utf8 and Brazilian/utf8 Support.

[Nibogo]

How to Change the Position to the bottom:

Open the /Themes/default/floating-bar.js

Search:

Code: [Select]

var verticalpos="fromtop"
Replace With:

Code: [Select]

var verticalpos="frombottom"

[Nibogo]

How to Add a Background Image:

Open your theme style.css:

Search:

Code: [Select]

#topbar
{
   position:absolute;
   border: 1px solid black;
   padding: 2px;
   background-color: lightyellow;
   width: 620px;
   visibility: hidden;
   z-index: 100;
}
Replace WIth:

Code: [Select]

#topbar
{
   position:absolute;
   border: 1px solid black;
   padding: 2px;
   background-image:url(images/background.png);
   width: 620px;
   visibility: hidden;
   z-index: 100;
}
Upload the background.png image to [your_theme]/images

NOTE: You have to replace the background.png with your own image.