MyBB Community Forums

I am using a plugin called my alert....

And what normally happens is when you click on alert then a popup box should appear which it does but my themes panel is at the bottom which you can see the screen shot of it below



so when you do click on alert then the popup menu appears under and for the theme i am using it should appear top.......

So what do i need to change from these style sheet to make the popup appear top and not bottom......

.myalerts_popup ol {
list-style:none;
margin:0;
padding:0;
}
.myalerts_popup li {
min-height:24px;
padding:2px 4px;
border-bottom:1px solid #D4D4D4;
}
.myalerts_popup li .avatar {
float:left;
height:24px;
width:24px;
}
.myalerts_popup li .alertContent {
margin-left:30px;
font-size:11px;
}
.unreadAlert {
font-weight:bold;
background:#FFFBD9;
}

.myalerts_popup_wrapper{
position:relative;
}

.myalerts_popup_wrapper .myalerts_popup {
background:#fff;
width:350px;
max-width:350px;
box-shadow:0 0 10px rgba(0,0,0,0.2);
position:top;
left:0;
z-index:9999;
}
.myalerts_popup .popupTitle {
font-weight:bold;
margin:0 2px;
padding:2px;
border-bottom:1px solid #D4D4D4;
}
.myalerts_popup .popupFooter {
padding:4px;
background:#EFEFEF;
box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.2);
}

You can go on my site and check it......

http://www.algazali.org/gazali/portal.php
teast account
123456

I can't test because I don't know the language the board is using. But its clearly a z-index issue.

.myalerts_popup_wrapper .myalerts_popup {
background:#fff;
width:350px;
max-width:350px;
box-shadow:0 0 10px rgba(0,0,0,0.2);
position:top;
left:0;
z-index:9999;
}

Increase the bold number to some 99999 or try to decrease the z-index of the element overlapping the popup.

tried but not help but thanks for the reply anyway.......

and because you cant understand the board language then y dont you install the theme i am using in localhost and install the plugin and then you will know exactl what the problem i am getting.....

to download theme: http://mods.mybb.com/view/blue-steel
myalert plugin download: https://nodeload.github.com/euantor/MyAlerts/zip/master

please do this job for me......

thank you......

This should fix it:

.myalerts_popup_wrapper .myalerts_popup {
background: #fff;
width: 350px;
max-width: 350px;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
position: absolute;
left: 0;
z-index: 9999;
bottom: 0px;
}

(2013-02-27, 08:54 AM)Leefish Wrote: [ -> ]This should fix it:

.myalerts_popup_wrapper .myalerts_popup {
background: #fff;
width: 350px;
max-width: 350px;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
position: absolute;
left: 0;
z-index: 9999;
bottom: 0px;
}

thank you sooooooooo sooooooooo much sir, thanks alot, that helped.......

just last thing that the text coloure basically to light n it hides with the background of the box colour so how do i change the colour of the text or make the popup background coloure abit dark......

thank you.....

now that you can see the popup you should be able to use inspect element in your browser tools and edit to see what will work.

In the code I gave you above, the background is

background: #fff;

Try making that a darker color.

(2013-02-28, 11:37 AM)Leefish Wrote: [ -> ]now that you can see the popup you should be able to use inspect element in your browser tools and edit to see what will work.

In the code I gave you above, the background is

background: #fff;

Try making that a darker color.

Ok, thanks alot sir, thank you or all your help........