3.1 & 3.2 & 3.3 Extensions Database 3.1 / 3.2 ⇒ PM Notify & Guest Register bar

[Bullseye]

Lol the little puppy gifs is there a way to fix it so that it doesn't disappear off the screen when viewed on a phone?

[ Post made via Android ]

[Sniper_E]

You could try to shorten the message by removing those images in the pmregbar.css file.

Code: Select all

@media only screen and (max-width: 550px), only screen and (max-device-width: 550px) {
    #infobar img {
        display:none;
    }
}

[martin]

May be some thing like this so it dont get seen on a mobile ? after all the pm number shows up just fine

(i dont have it installed to test) but as soon as the forum starts to be responsive the bar will vanish.

image.jpg

Code: Select all

<!-- IF not S_USER_LOGGED_IN and not S_IS_BOT and not S_IN_UCP and PMREGBAR_ENABLEREG -->
<div class="responsive-hide">
<div id="info"><div id="infobar">
<a href="{U_REGISTER}"><img style="width: 50px; height: 50px; padding-right: 100px; vertical-align:middle;" alt="" src="ext/dmzx/pmregbar/styles/all/theme/images/reg.png" /><!-- IF not PMREGBAR_ENABLE_TEXT -->{L_PMREGBAR_WELCOME} {SITENAME}. {L_PMREGBAR_REGISTER}<!-- ELSE -->{PMREGBAR_TEXT_FIELD} <!-- ENDIF --><img style="width: 50px; height: 50px; padding-left:100px; vertical-align:middle;" alt="" src="ext/dmzx/pmregbar/styles/all/theme/images/reg.png" /></a>
</div></div>
<!-- ENDIF -->

<!-- IF not S_IS_BOT and S_USER_LOGGED_IN and S_DISPLAY_PM and (S_USER_NEW_PRIVMSG or S_USER_UNREAD_PRIVMSG) and PMREGBAR_ENABLEPM -->
<div id="info"><div id="infobar">
<a href="{U_PRIVATEMSGS}"><img style="width:50px; height: 50px; padding-right: 100px; vertical-align:middle;" alt="" src="ext/dmzx/pmregbar/styles/all/theme/images/mail.png" />{L_PMREGBAR_HELLO} {S_USERNAME} {L_PMREGBAR_YOUHAVE} {PRIVATE_MESSAGE_INFO}<!-- IF PRIVATE_MESSAGE_INFO_UNREAD --> {L_PMREGBAR_AND} {PRIVATE_MESSAGE_INFO_UNREAD}<!-- ENDIF --><img style="width: 50px; height: 50px; padding-left:100px; vertical-align:middle;" alt="" src="ext/dmzx/pmregbar/styles/all/theme/images/mail.png" /></a>
</div></div></div>
<!-- ENDIF -->

[Bullseye]

Thank Martin, I'll have a play around with it & I'll let you know how I get on......

[ Post made via Android ]

[martin]

In short the pm bar will show but as soon as the forum starts to shrink and the theme becomes responsive there is no pm bar

<div class="responsive-hide">

demo Martins-place.info - Index page grab the side of the page and start to make it smaller and watch the who is where it will vanish.






watch mchat collapse button video 00000

[martin]

Css for the pm/reg bar being used here dont know if dm has custom css or not as i have to steal code as he dont share it no more so here is his css

Code: Select all

/**
*
* @package phpBB Extension - PM Notify & Guest Register bar
* @copyright (c) 2015 dmzx - https://www.dmzx-web.net
* @license http://opensource.org/licenses/gpl-2.0.php GNU General Public License v2
* @Author Stoker - http://www.phpbb3bbcodes.com
*
*/

#info {
    overflow: visible;
	min-width: 750px;
    width: 100%;
    position: fixed;
    left: 0;
    z-index:200;
    margin-top: -8px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.5em;
	font-weight: bold;
}

#infobar a, #infobar a:link, #infobar a:visited, #infobar a:active {
    display: block;
    float: left;
    width:100%;
    clear: both;
    color: #fff;
    padding: .85em 0 .85em 0;
    border-bottom: .25em solid #fff;
	text-align: center;
    text-decoration: none;
	background-image: url("./images/pmreg.png");
	background-position: bottom;
	background-repeat:repeat-x;
}

#infobar a:hover {
    color: #fff;
	background-image: url("./images/pmreg.png");
	background-position: top;
	background-repeat:repeat-x;
	border-bottom: .25em solid #fff;
	cursor: pointer;
}

.pm-mail {
	background: url("images/mail.png");
	background-repeat: no-repeat;
	padding: 20px 24px;
	vertical-align:middle;
}

.pm-reg {
	/* background: url("images/reg.png"); */
	background-repeat: no-repeat;
	padding: 10px 35px;
	vertical-align:middle;
}

/* Responsive Layout
--------------------------- */
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
    .pm-mail {
        display: none;
    }

    .pm-reg{
        display: none;
    }
	#info {
		min-width: 300px;
    }
}

[dmzx]

Yes fixed here and will update the extension soon.

[Bullseye]

Nice one, I'll wait for the update to roll out, rather than editing it, I love this extension

[Bullseye]

css for the pm/reg bar being used here dont know if dm has custom css or not as i have to steal code as he dont share it no more so here is his css

Code: Select all

/**
*
* @package phpBB Extension - PM Notify & Guest Register bar
* @copyright (c) 2015 dmzx - https://www.dmzx-web.net
* @license http://opensource.org/licenses/gpl-2.0.php GNU General Public License v2
* @Author Stoker - http://www.phpbb3bbcodes.com
*
*/

#info {
    overflow: visible;
	min-width: 750px;
    width: 100%;
    position: fixed;
    left: 0;
    z-index:200;
    margin-top: -8px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.5em;
	font-weight: bold;
}

#infobar a, #infobar a:link, #infobar a:visited, #infobar a:active {
    display: block;
    float: left;
    width:100%;
    clear: both;
    color: #fff;
    padding: .85em 0 .85em 0;
    border-bottom: .25em solid #fff;
	text-align: center;
    text-decoration: none;
	background-image: url("./images/pmreg.png");
	background-position: bottom;
	background-repeat:repeat-x;
}

#infobar a:hover {
    color: #fff;
	background-image: url("./images/pmreg.png");
	background-position: top;
	background-repeat:repeat-x;
	border-bottom: .25em solid #fff;
	cursor: pointer;
}

.pm-mail {
	background: url("images/mail.png");
	background-repeat: no-repeat;
	padding: 20px 24px;
	vertical-align:middle;
}

.pm-reg {
	/* background: url("images/reg.png"); */
	background-repeat: no-repeat;
	padding: 10px 35px;
	vertical-align:middle;
}

/* Responsive Layout
--------------------------- */
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
    .pm-mail {
        display: none;
    }

    .pm-reg{
        display: none;
    }
	#info {
		min-width: 300px;
    }
}

Do I just add:

Code: Select all

/* Responsive Layout
--------------------------- */
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
    .pm-mail {
        display: none;
    }

    .pm-reg{
        display: none;
    }
   #info {
      min-width: 300px;
    }
}

To the bottom of: ext/dmzx/pmregbar/styles/all/theme/pmregbar.css ?

[dmzx]

See downloadsystemcat?id=3

[Superl]

Small suggestion on the register bar, you should also include "or login" with the link to the login page.

Nice work like always, thanks for the hard work

[nelflucifer]

ru.zip

[martin]

Stoker has posted his version of the ext https://www.phpbb.com/community/viewtop ... #p14328936

[dmzx]

First post updated

[dmzx]

First post updated