letsforum infobar and registerbar info

Hey,

I would like to know how to do the info bar that letsforum has when not registered, on the index page. ( I like the registerbutton aswell ).

Also the yellow bar when not logged in that asks to register.

Cheers.

Find

Reply

Hi you have to understand that everything on my site can not be duplicated because it's under copyrights protection!
I will shows you where to add it and how to add it but then you will have to customize it on your own (use your own HTML/CSS code)!!

To be continued!!!!

Find

Reply

Lol well ofcourse I will edit it.. I dont want it to look exactly like yours.

Find

Reply

Use this article to add "yellow bar when not logged in that asks to register"
MYBB Board Messages

The code has to added into the header template above {$pm_notice}.

For the "info bar that letsforum has when not registered, on the index page" you can use the same code!
Add it to your index template under {$header}

If you only want to have a top and bottom borders then use this code!

PHP Code:

<div style="padding: 1em; margin-bottom: 1em; padding: 1em; border-top: 1px solid #cc3344; border-bottom: 1px solid #cc3344; color: #000; background-color: #ffe4e9; margin-bottom: 1em;"><h3 style="padding: 0; margin: 0;">Welcome Guest</h3><p style="margin: 1em 0 0 0;">Add some description here</p></div> 


Adjust borders!

PHP Code:

border-top: 1px solid #cc3344; 
border-bottom: 1px solid #cc3344; 


Find

Reply

I'm confused on this step:

This code will be shown to all users, to make it show only to guests we need to use mybb conditional template.

Code:

<if $mybb->user['uid'] <= '0' then></if>

Where do I edit this?

Find

Reply

Do you have template conditionals plugin installed?

Find

Reply

I got it now, i re-actived the plugin.

Almost done my first question.

1 thing though, how to not show it on index? cause my second question will be on the indexpage..

Cheers

Find

Reply

Use this template conditional, it will show across the entire board except index page!

PHP Code:

<if $mybb->user['uid'] == 0 && THIS_SCRIPT != "index.php" then>
Your code goes here
</if> 


For the button you can use this code or you can just Google for "CSS Button Generator". Adjust it if you need to!

HTML Code:

PHP Code:

<a href="#" class="css_button">CSS Button</a> 


CSS Code:

PHP Code:

.css_button {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.css_button:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
} 


Find

Reply

Okay I got it now.
Everything worked, thanks so much, Marcus

I probably got a few more questions though that i'll make a topic for

Cheers.

Find

Reply

Cool, feel free to post your new topics

Find

Reply

It's never a good idea to use so much HTML style it's better to use CSS class!

PHP Code:

<div class="welcome_front"><h3 style="padding: 0; margin: 0;">Welcome Guest</h3><p style="margin: 1em 0 0 0;">Add some description here</p></div> 


PHP Code:

.welcome_front {
    background-color: #FFE4E9;
    border-bottom: 1px solid #CC3344;
    border-top: 1px solid #CC3344;
    color: #000000;
    margin-bottom: 1em;
    padding: 1em;
} 


Find

Reply

Yes, you can do that it's less messy and allows to have more control over it. Just add welcome_front class to your Global.css and replace div style with class="welcome_front"

Find

Reply

Yeah well, I'm lazy sometimes... Give me a break u guys!! lol

Cheers.

Find

Reply

NP it's my fault Victor is right I should have posted this version of mybb board messages too!

Find

Reply