Posts: 766
Threads: 164
Joined: Aug 2009
Reputation:
5
Loving the theme, but I would like to add a few links to the welcome bar (float left of mod cp and admin cp)
Here is what I want to add:
<span class="float_left">
<ul class="buttons">
<li><!-- UNREADPOSTS_LINK --></li><li><a href="{$mybb->settings['bburl']}/search.php?action=getdaily">{$lang->welcome_todaysposts}</a></li>
<li><a href="{$mybb->settings['bburl']}/search.php?action=getnew"> View New Posts</a></li>
<li><a href="{$mybb->settings['bburl']}/misc.php?action=markread&my_post_key={$mybb->post_code}">Mark Forums Read</a></li></ul></span>
Every time I try adding it into the header or welcome member templates, it just messes up the layout. Can anyone give me some guidance?
MyBB 1.8.22 (x4)
7173Mustangs.com, pa2a.org, pazrt.com & paguntalk.com
Posts: 685
Threads: 89
Joined: Nov 2014
Reputation:
34
(2018-01-01, 04:54 PM)SentinelOriginal Wrote: I have the theme working mostly with the latest release of MyBB except the login form seems to open at the bottom of the container. Is it supposed to do that?
Could someone possibly point me in the right direction to get it to fade in and out? I know this would be a jquery thing.
Any help is appreciated. Thanks.
Go to your global.css and paste this at the very bottom,
/** Modal Start **/
.blocker {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
overflow: auto;
z-index: 9999;
padding: 20px;
box-sizing: border-box;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.75);
text-align: center;
}
.blocker:before{
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.05em;
}
.blocker.behind {
background-color: transparent;
}
.modal {
width: 400px;
text-align: left;
background: #fff;
display: inline-block;
vertical-align: middle;
position: relative;
z-index: 2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0 0 10px #000;
-moz-box-shadow: 0 0 10px #000;
-o-box-shadow: 0 0 10px #000;
-ms-box-shadow: 0 0 10px #000;
box-shadow: 0 0 10px #000;
}
.modal a.close-modal {
position: absolute;
top: -12.5px;
right: -12.5px;
display: block;
width: 30px;
height: 30px;
text-indent: -9999px;
background: url(images/close.png) no-repeat 0 0;
}
.modal-spinner {
display: none;
width: 64px;
height: 64px;
position: fixed;
top: 50%;
left: 50%;
margin-right: -32px;
margin-top: -32px;
background: url(images/spinner_big.gif) no-repeat center center;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
}
/** Modal End **/
Do NOT PM me for support unless I ask you on your support thread.