Pedido - Aviso de Nova Mensagem Privada
2 participantes
Página 1 de 2
Página 1 de 2 • 1, 2
Pedido - Aviso de Nova Mensagem Privada
Olá,
Gostava de saber se era possível como colocar aqui no fórum o aviso Novas Mensagens Privadas:
www.suportedesign.net || PunBB
Gostava de saber se era possível como colocar aqui no fórum o aviso Novas Mensagens Privadas:
www.suportedesign.net || PunBB
Convidado- Convidado
Re: Pedido - Aviso de Nova Mensagem Privada
Adicione, em seu template overall_header:
- Código:
<script>$(function(g) {
var tg = document.getElementById('i_icon_mini_new_message');if(!tg) return;
var mps = $(tg).attr("alt").match(/[0-9]+/);
$('li a[href^="/privmsg?folder=inbox"]').attr('data-counter', ''+mps+'');
});</script>
- Código:
/* MP */
[data-counter]:after {
background-color: #CF2020;
background-image: -webkit-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: -moz-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: -o-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: -ms-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: linear-gradient(#FF6969 0%, #ff0000 100%);
content: attr(data-counter);
position: absolute;
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.1) inset;
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.1) inset;
border-radius:2px;
background-clip: padding-box;
font:bold 10px "Helvetica Neue", sans-serif;
color: white;
text-decoration: none;
text-shadow: 0 -1px 0 rgba(0,0,0,.6);
margin-left: 5px;
padding: 5px;
margin-top: -3px;
vertical-align: top;
height: 6px;
line-height: 6px;
}
Re: Pedido - Aviso de Nova Mensagem Privada
Se usa skins IPB, basta adicionar o seguinte código:
- Código:
$(window).load(function() {
/* Show amount of new message(s) */
var new_MSG = document.getElementById('i_icon_mini_new_message');
if(new_MSG) {
var amount = $(new_MSG).attr("alt").match(/[0-9]+/);
$('.ipsHasNotifications').text(amount).show();
}
});
- Código:
.ipsHasNotifications {
background: none repeat scroll 0 0 #CF2020;
border-radius: 2px 2px 2px 2px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.1) inset;
color: #FFFFFF !important;
font-size: 9px;
height: 12px;
left: 3px;
line-height: 12px;
padding: 0 4px;
position: absolute;
text-align: center;
top: 4px;
}
Re: Pedido - Aviso de Nova Mensagem Privada
Olá,
Resultou, só que tem uns pormenores que gostava que se me pode-sem resolver, se tirar o código de .jS do meu Menu de Navegação e ficar com o antigo nota-se bem:
Dá para ver bem ali em verde o número "1", mas se activar o .jS do Menu de Navegação tapa o número:
Se reparar não aparece o aviso, por isso gostava de saber se possível conseguissem colocar o efeito mais para cima, aparecer o aviso de novas mensagens privadas mais para cima para notar-se +/- aqui:
Onde se situa aquele quadrado vermelho, +/-
PS: Peguei nos códigos de Legolas!
Resultou, só que tem uns pormenores que gostava que se me pode-sem resolver, se tirar o código de .jS do meu Menu de Navegação e ficar com o antigo nota-se bem:
Dá para ver bem ali em verde o número "1", mas se activar o .jS do Menu de Navegação tapa o número:
Se reparar não aparece o aviso, por isso gostava de saber se possível conseguissem colocar o efeito mais para cima, aparecer o aviso de novas mensagens privadas mais para cima para notar-se +/- aqui:
Onde se situa aquele quadrado vermelho, +/-
PS: Peguei nos códigos de Legolas!
Convidado- Convidado
Re: Pedido - Aviso de Nova Mensagem Privada
Olá,
Não encontrei isso no código de Menu de Navegação, mas deixo aqui:
Não encontrei isso no código de Menu de Navegação, mas deixo aqui:
- Código:
jQuery(document).ready(function() {
if(jQuery('#logout').length) {
jQuery('#pun-head').replaceWith('<div id="cssmenu"><ul><li class="active"><a href="/forum">Início</a></li>
<li><a href="/portal">Portal</a></li>
<li><a href="/profile?mode=editprofile">Perfil</a></li>
<li><a href="/memberlist">Membros</a></li>
<li><a href="/groups">Grupos</a></li>
<li><a href="/privmsg">Mensagens Privadas</a></li><li class="last"><a href="/login?logout">Sair</a></li></ul></div>
');
}
else {
jQuery('#pun-head').replaceWith('<div id="cssmenu"><ul>
<li class="active"><a href="/">Início</a></li>
<li><a href="/portal">Portal</a></li>
<li><a href="/profile?mode=editprofile">Perfil</a></li>
<li><a href="/memberlist">Membros</a></li>
<li><a href="/groups">Grupos</a></li>
<li><a href="/register">Registar-se</a></li><li class="last"><a href="/login">Entrar</a></li></ul></div>
');
}
jQuery.get('/profile?mode=editprofile', function(data) {
jQuery('.Removed').text(jQuery('input[name="Removed"]:first', data).attr('value')).attr('href',jQuery('.main .main-head .subtitle a', data).attr('href'));
});
jQuery('#quick_reply').before('<div id="quick-avatar"></div> ');
jQuery.get('/profile?mode=editprofile&page_profil=avatars',function(data){
link=jQuery('.frm dl dd img',data).attr('src');
if(link){
jQuery('#quick-avatar').html('<center><a href="/profile?mode=editprofile&page_profil=avatars"><img src="'+link+'" alt=""></a></center>');
}
else{
jQuery('#quick-avatar').html('');
}
});
});
jQuery(function(){jQuery(".pun .post .user:eq(0)").css('border-left','6px solid #76bd27 ')});jQuery(function(){jQuery(".pun .post .user:eq(1)").css('border-left','6px solid #e2ab05 ')});jQuery(function(){jQuery(".pun .post .user:eq(2)").css('border-left','6px solid #2baae0 ')});jQuery(function(){jQuery(".pun .post .user:eq(3)").css('border-left','6px solid #76bd27 ')});jQuery(function(){jQuery(".pun .post .user:eq(4)").css('border-left','6px solid #e2ab05 ')});jQuery(function(){jQuery(".pun .post .user:eq(5)").css('border-left','6px solid #2baae0 ')});jQuery(function(){jQuery(".pun .post .user:eq(6)").css('border-left','6px solid #76bd27 ')});jQuery(function(){jQuery(".pun .post .user:eq(7)").css('border-left','6px solid #e2ab05 ')});jQuery(function(){jQuery(".pun .post .user:eq(8)").css('border-left','6px solid #2baae0 ')});jQuery(function(){jQuery(".pun .post .user:eq(9)").css('border-left','6px solid #76bd27 ')});jQuery(function(){jQuery(".pun .post .user:eq(10)").css('border-left','6px solid #e2ab05 ')});jQuery(function(){jQuery(".pun .post .user:eq(11)").css('border-left','6px solid #2baae0 ')});jQuery(function(){jQuery(".pun .post .user:eq(12)").css('border-left','6px solid #76bd27 ')});jQuery(function(){jQuery(".pun .post .user:eq(13)").css('border-left','6px solid #e2ab05 ')});jQuery(function(){jQuery(".pun .post .user:eq(14)").css('border-left','6px solid #2baae0 ')});jQuery(function(){jQuery(".pun .post .user:eq(15)").css('border-left','6px solid #76bd27 ')});jQuery(function(){jQuery(".pun .post .user:eq(16)").css('border-left','6px solid #e2ab05 ')});jQuery(function(){jQuery(".pun .post .user:eq(17)").css('border-left','6px solid #2baae0 ')});
$(document).ready(function(){$('div.main-head.clearfix:eq(0)').prepend('<div class="topicViewIcons"><a id="topicViewRegular"title="Visualização Regular"class="active"><img src="http://i72.servimg.com/u/f72/18/07/42/17/spacer10.gif"alt=""></a><a id="topicViewBasic"title="Visualização Básica"><img src="http://i72.servimg.com/u/f72/18/07/42/17/spacer10.gif"alt=""></a></div>');$("#topicViewBasic").click(function(){$(".pun .post .user").hide("user");$(".postmain").css('margin-left','0px');$(".postfoot").css('margin-left','0px');$("#topicViewRegular").removeClass("active");jQuery(this).addClass('active');$("#topicViewBasic").addClass(my_getcookie("topicViewBasic"))});$("#topicViewRegular").click(function(){$(".pun .post .user").show("user");$(".postmain").css('margin-left','17em');$(".postfoot").css('margin-left','-17em');$("#topicViewBasic").removeClass("active");jQuery(this).addClass('active')})});
Convidado- Convidado
Re: Pedido - Aviso de Nova Mensagem Privada
Veja bem, você colocou o menu feito no Css Menu Maker em cima do menu antigo. O que acontece: ele está tapando o menu antigo e com isso está tapando o ícone de nova mensagem.
Re: Pedido - Aviso de Nova Mensagem Privada
Olá,
Prontos e eu queria saber se era possível colocar esse efeito mais para cima!
Prontos e eu queria saber se era possível colocar esse efeito mais para cima!
Convidado- Convidado
Re: Pedido - Aviso de Nova Mensagem Privada
Fui ao seu fórum e ainda está o menu a cobrir o outro e não pude ver o efeito. De qualquer forma pra subir basta procurar no css que passei esta parte:
- Código:
margin-top: -3px;
Re: Pedido - Aviso de Nova Mensagem Privada
Olá,
O ícone de "1" não se mexe e não resultou!
O ícone de "1" não se mexe e não resultou!
Convidado- Convidado
Re: Pedido - Aviso de Nova Mensagem Privada
Se você puder retirar o menu de cima do outro eu poderia ver e tentar ajudar!
Re: Pedido - Aviso de Nova Mensagem Privada
Você retirou agora.
O ícone está em um bom local. Veja:
Você quer subir mais ele? Acho que ficará feio.
O ícone está em um bom local. Veja:
Você quer subir mais ele? Acho que ficará feio.
Re: Pedido - Aviso de Nova Mensagem Privada
Olá,
Mas eu quero com este Menu de Navegação:
E se colocar esse menu o ícone desaparece ! Por isso quero colocar para cima para ficar à vista!
Mas eu quero com este Menu de Navegação:
E se colocar esse menu o ícone desaparece ! Por isso quero colocar para cima para ficar à vista!
Convidado- Convidado
Re: Pedido - Aviso de Nova Mensagem Privada
Então vai ter que colocar o menu lá sem javascript, pois se colocar com o javascript ele simplesmente vai substituir o menu e o efeito não vai se aplicar. Temos que colocá-lo por css.
Vá ao seu template overall_header e copie todo o conteudo dele e salve em um bloco de notas para ficar como back up.
Agora procure por:
Vá ao seu template overall_header e copie todo o conteudo dele e salve em um bloco de notas para ficar como back up.
Agora procure por:
- Código:
<div id="pun-navlinks">
<ul class="clearfix">
<li>{GENERATED_NAV_BAR}</li>
</ul>
</div>
- Código:
<br><br><br><br>
Re: Pedido - Aviso de Nova Mensagem Privada
Coloquei, mas veja o Menu ficou como tive-se Logout, se retirar o .jS do Menu de Navegação, fica sem Menu de Navegação!
Convidado- Convidado
Re: Pedido - Aviso de Nova Mensagem Privada
Amigo, eu não falei pra você colocar o outro menu ali!! Eu falei pra você colocar isso no lugar:
- Código:
<br><br><br><br>
Re: Pedido - Aviso de Nova Mensagem Privada
Olá,
Tirei isto:
[code]<br><br><br><br>[/code
Tirei isto:
- Código:
<div id="pun-navlinks">
<ul class="clearfix">
<li>{GENERATED_NAV_BAR}</li>
</ul>
</div>
[code]<br><br><br><br>[/code
Convidado- Convidado
Re: Pedido - Aviso de Nova Mensagem Privada
Eu fiz uns testes no seu fórum e não dá pra usar esse efeito em cima do CSS Menu Maker. Terás que usar o outro menu se quiser esse efeito.
Pegue o overall_header que você salvou como backup e subsitua pelo seu para volte como era antes.
Pegue o overall_header que você salvou como backup e subsitua pelo seu para volte como era antes.
Re: Pedido - Aviso de Nova Mensagem Privada
Olá,
Vi neste fórum:
http://www.15-tronos.net/
Aquela barra no Topo se estive conta lá:
Vi que é parecida da IPB, só que diferente tem mais cor e agradou-me será que é possível colocar ? Pois ela tem uma opção "Notificações" que quando recebemos novas PM's dá jeito !
Vi neste fórum:
http://www.15-tronos.net/
Aquela barra no Topo se estive conta lá:
Vi que é parecida da IPB, só que diferente tem mais cor e agradou-me será que é possível colocar ? Pois ela tem uma opção "Notificações" que quando recebemos novas PM's dá jeito !
Convidado- Convidado
Re: Pedido - Aviso de Nova Mensagem Privada
Isso é a notificação da própria forumeiros amigo. Só que ele aplicou um efeito na aba...
Re: Pedido - Aviso de Nova Mensagem Privada
Podemos tentar!
Ative a barra de notificações em Módulos. Depois adicione esse CSS:
Ative a barra de notificações em Módulos. Depois adicione esse CSS:
- Código:
#fa_notifications, #fa_welcome {
-khtml-border-top-left-radius:5px !important;
-moz-border-top-left-radius:5px !important;
border-top-left-radius:5px !important;
-khtml-border-top-right-radius:5px !important;
-moz-border-top-right-radius:5px !important;
border-top-right-radius:5px !important;
background:#88bb1e !important;
height: 30px !important;
}
#fa_toolbar {
border-bottom: 6px solid #88bb1e !important;
}
#fa_share {
display: none !important;
}
Re: Pedido - Aviso de Nova Mensagem Privada
Vamos tentar assim, então. Troque por este:
- Código:
#fa_notifications, #fa_welcome {
-khtml-border-top-left-radius:5px !important;
-moz-border-top-left-radius:5px !important;
border-top-left-radius:5px !important;
-khtml-border-top-right-radius:5px !important;
-moz-border-top-right-radius:5px !important;
border-top-right-radius:5px !important;
background: -ms-linear-gradient(top,#84bc12,#71a00e) !important;
background: -o-linear-gradient(top,#84bc12,#71a00e) !important;
background: linear-gradient(top,#84bc12,#71a00e) !important;
background: -webkit-linear-gradient(top, rgb(119, 172, 11) 0%,#71a00e 100%) !important;
background: -moz-linear-gradient(top,#84bc12,#71a00e) !important;
height: 30px !important;
}
#fa_toolbar {
border-bottom: 6px solid #709f0d !important;
}
#fa_share {
display: none !important;
}
Re: Pedido - Aviso de Nova Mensagem Privada
Olá,
Não ficou o efeito das cores atrás dos botões..
Não ficou o efeito das cores atrás dos botões..
Convidado- Convidado
Página 1 de 2 • 1, 2
Página 1 de 2
Permissões neste sub-fórum
Não podes responder a tópicos
|
|