Desconectado como IPBoard
Página 1 de 1 • Compartilhe
Desconectado como IPBoard
Qual é sua questão:
Bom eu fiz um tópico Conectado como IPBoard agora estou criando esse tópico Desconectado como IPBoard
Eu quero obter o efeito que mostre na imagem quando a pessoa fica conectado eu já tenho o código que quando a pessoa fica logado como posso obter o resultado de desconectado?
CSS
JavaScript
Por favor me ajuda
Endereço e versão do meu fórum:
Meu Fórum
Apresente-nos imagens do problema (se necessário):
https://2img.net/h/oi48.tinypic.com/1180v0y.png
Bom eu fiz um tópico Conectado como IPBoard agora estou criando esse tópico Desconectado como IPBoard
Eu quero obter o efeito que mostre na imagem quando a pessoa fica conectado eu já tenho o código que quando a pessoa fica logado como posso obter o resultado de desconectado?
CSS
- Código:
#user_link:hover, #notify_link:hover, #inbox_link:hover,#sair:hover {
background-color: rgb(50, 50, 50);
}
#user_enemies{display:none;}
#user_link_menucontent #links li {
width: 50%;
float: left;
margin: 3px 0;
text-shadow: 0px 1px 0 rgba(255, 255, 255, 1);
white-space: nowrap;
}
.boxShadow {
-webkit-box-shadow: rgba(0, 0, 0, 0.58) 0px 12px 25px;
-moz-box-shadow: rgba(0, 0, 0, 0.58) 0px 12px 25px;
box-shadow: rgba(0, 0, 0, 0.58) 0px 12px 25px;
}
.ipsHeaderMenu {
background: white;
background: -moz-linear-gradient(top, white 0%, rgb(246, 246, 246) 70%, rgb(237, 237, 237) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,white), color-stop(70%,rgb(246, 246, 246)), color-stop(100%,rgb(237, 237, 237)));
padding: 10px;
-moz-border-radius: 0 0 6px 6px;
-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
border-radius: 0 0 6px 6px;
overflow: hidden;
width: 340px;
}
.ipsUserPhoto_medium {
width: 50px;
height: 50px;
}
.ipsUserPhoto {
padding: 1px;
border: 1px solid rgb(213, 213, 213);
background: white;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.ipsUserPhotoLink:hover .ipsUserPhoto {
border-color: rgb(125, 125, 125);
}
#profile_field_13_-8 {
padding: 4px;
border-width: 1px;
border-style: solid;
border-color: rgb(132, 132, 132) rgb(193, 193, 193) rgb(225, 225, 225) rgb(193, 193, 193);
background: white;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.ipsButton_secondary {
height: 22px;
line-height: 22px;
font-size: 12px;
padding: 0 10px;
background: rgb(246, 246, 246);
background: -moz-linear-gradient(top, rgb(246, 246, 246) 0%, rgb(229, 229, 229) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(246, 246, 246)), color-stop(100%,rgb(229, 229, 229)));
border: 1px solid rgb(219, 219, 219);
-moz-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 1) inset, 0px 1px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0px 1px 0px rgba(255, 255, 255, 1) inset, 0px 1px 0px rgba(0, 0, 0, 0.3);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: rgb(97, 97, 97);
display: inline-block;
white-space: nowrap;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
}
#user_link_menucontent #statusForm {
margin-bottom: 15px;
}
#user_link_menucontent > div {
margin-left: 15px;
width: 265px;
text-align: left;
}
.left {
float: left;
}
#statusSubmitGlobal {
margin-top: 3px;
}
.ipsButton_secondary:hover {
color: rgb(76, 76, 76);
border-color: rgb(154, 154, 154);
}
#user_link.menu_active, #notify_link.menu_active, #inbox_link.menu_active {
background-position: bottom;
background-color: white;
-moz-border-radius: 3px 3px 0 0;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-radius: 3px 3px 0 0;
}
#user_link.menu_active {
background: white;
color: rgb(50, 50, 50);
}
#user_navigation a {
color: white;
}
#user_link,#sair {
font-size: 12px;
color: white;
padding: 0 12px;
height: 36px;
line-height: 36px;
display: inline-block;
margin-right: 15px;
outline: 0;
}
#user_link,#inbox_link {
position: absolute;
right: 136px;
z-index: 999;
top: 0px;
}
#inbox_link{right:250px!important;}
#inbox_link {
background: url(http://www.growroom.net/board/public/style_images/master/icon_inbox.png) no-repeat top;
}
#notify_link, #inbox_link {
vertical-align: middle;
width: 18px;
height: 15px;
padding: 13px 24px 9px 12px;
}
.ipsHasNotifications {
padding: 0px 4px;
height: 12px;
line-height: 12px;
background: rgb(207, 32, 32);
color: white !important;
font-size: 9px;
text-align: center;
-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;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
position: absolute;
top: 4px;
left: 3px;
}
#sair {
position: absolute;
top: 0px;
right: 70px;
}
#user_link.menu_active #user_link_dd, .menu_active .dropdownIndicator, li.active .dropdownIndicator {
background-position: right;
}
#user_link_dd, .dropdownIndicator {
display: inline-block;
width: 9px;
height: 5px;
background: url(http://www.growroom.net/board/public/style_images/master/header_dropdown.png) no-repeat left;
}
.left a {
font: normal 13px helvetica, arial, sans-serif;
}
JavaScript
- Código:
jQuery(document).ready(function(){if(jQuery('#logout').length){jQuery('body').prepend('<a href="/login?logout=1" title="Sair" id="sair">Sair</a><a id="user_link" href="#" title="Seu perfil">Carregando... <span id="user_link_dd"></span></a><div id="user_link_menucontent" class="ipsHeaderMenu boxShadow" style="position: absolute; z-index: 9999; top: 35px; right: 151px;display:none;"><a href="#" title="Seu perfil" class="ipsUserPhotoLink left" style="z-index: 10000;"><img src="http://www.gravatar.com/avatar/a302c2a5cdf9ba097897d6451e22f2ab?s=100&d=http%3A%2F%2Fwww.growroom.net%2Fboard%2Fpublic%2Fstyle_images%2Fmaster%2Fprofile%2Fdefault_large.png" class="ipsUserPhoto ipsUserPhoto_medium photo" style="z-index: 10000;"></a><div class="left" style="z-index: 10000;"><form id="statusForm" action="/profile" enctype="multipart/form-data" method="post" name="post" id="ucp" style="z-index: 10000;"> <input type="text" class="inputbox" id="profile_field_13_1" name="profile_field_13_1" style="width:250px" placeholder="No que está pensando?" style="padding: 4px;border-width: 1px;border-style: solid;border-color: rgb(132, 132, 132) rgb(193, 193, 193) rgb(225, 225, 225) rgb(193, 193, 193);background: white;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;"><br style="z-index: 10000;"><input type="submit" id="statusSubmitGlobal" class="ipsButton_secondary" name="submit" value="Atualizar" style="z-index: 10000;"><input type="hidden" name="page_profil" value="informations"><input type="hidden" name="current_email" value="mateusvinibol@gmail.com" /><input type="hidden" name="email" value="mateusvinibol@gmail.com"><input type="hidden" name="mode" value="editprofile"><input type="hidden" name="agreed" value="true"><input type="hidden" name="coppa" value=""><input type="hidden" name="user_id" value="1"><br style="z-index: 10000;"><hr style="z-index: 10000;"></form><ul id="links" style="z-index: 10000;"><li id="user_profile" style="z-index: 10000;"><a href="/profile?mode=editprofile" style="z-index: 10000;">Meu perfil</a></li><li id="user_ucp" style="z-index: 10000;"><a href="/profile?mode=editprofile&page_profil=preferences" style="z-index: 10000;">Preferências</a></li><li id="user_content" style="z-index: 10000;"><a href="search?search_topics=" id="buscart" style="z-index: 10000;">Meus tópicos</a></li><li id="user_friends" style="z-index: 10000;"><a href="/profile?mode=editprofile&page_profil=friendsfoes" class="manage_friends" style="z-index: 10000;">Amigos e ignorados</a></li><li id="user_enemies" style="z-index: 10000;"></li><li id="user_pm" style="z-index: 10000;"><a href="/privmsg?folder=inbox" style="z-index: 10000;">Mensagens privadas</a></li><li id="user_pm" style="z-index: 10000;"><a href="/profile?mode=editprofile&page_profil=avatars" style="z-index: 10000;">Avatar</a></li><li id="user_pm" style="z-index: 10000;"><a href="/profile?mode=editprofile&page_profil=informations" style="z-index: 10000;">Informações</a></li><li id="user_pm" style="z-index: 10000;"><a href="/profile?mode=editprofile&page_profil=signature" style="z-index: 10000;">Assinatura</a></li><li id="user_pm" style="z-index: 10000;"><a href="/search?search_id=favouritesearch" style="z-index: 10000;">Tópicos favoritos</a></li><li id="user_pm" style="z-index: 10000;"><a href="/search?search_id=watchsearch" style="z-index: 10000;">Tópicos supervisionados</a></li></ul></div></div>');var i=jQuery('#logout').text().split('[')[1].split(']')[0].replace(/ /g,'');jQuery('#user_link').html(i+' <span id="user_link_dd"></span>');jQuery('#buscart').attr('href','/search?search_topics='+i);jQuery.get('/profile?mode=editprofile&page_profil=avatars',function(o){jQuery('.ipsUserPhoto').attr('src',jQuery('#ucp img[alt]:eq(0)',o).attr('src'));jQuery('input[name="user_id"]:eq(0)').val(jQuery('#ucp input[name="user_id"]',o).val());
jQuery('input[name="current_email"]:eq(0),input[name="email"]:eq(0)').val(jQuery('#ucp input[name="current_email"]',o).val());
});jQuery('#user_link').click(function(e){e.preventDefault();jQuery(this).toggleClass('menu_active');jQuery('#user_link_menucontent').fadeToggle();});if(jQuery('#i_icon_mini_message').attr('alt').indexOf('Novas')){jQuery('.ipsHasNotifications').text(jQuery('#i_icon_mini_message').attr('alt').split('Novas')[0]);}else{jQuery('.ipsHasNotifications').hide();}/*jQuery('#sair').click(function(a){a.preventDefault();jQuery('#logout').click();});*/jQuery('#statusSubmitGlobal').click(function(){my_setcookie('pag',location.href,1,0);});if(location.href.indexOf('/profile')!=-1&&location.href.indexOf('?')==-1&&my_getcookie('pag')!=null){location.href=my_getcookie('pag');}}});
Por favor me ajuda
Endereço e versão do meu fórum:
Meu Fórum
Apresente-nos imagens do problema (se necessário):
https://2img.net/h/oi48.tinypic.com/1180v0y.png
StyLe®- Colaborador Actif
-
Idade : 37
Pontos : 0
ReputActifs : 15
Mensagens : 205
Inscrição : 17/11/2012
Localização : SA, FDF, SPD, SHD
Re: Desconectado como IPBoard
Olá,
Substitua o Javascript por este:
Abraços.
Substitua o Javascript por este:
- Código:
jQuery(document).ready(function(){if(jQuery('#logout').length){jQuery('body').prepend('<a href="/login?logout=1" title="Sair" id="sair">Sair</a><a id="user_link" href="#" title="Seu perfil">Carregando... <span id="user_link_dd"></span></a><div id="user_link_menucontent" class="ipsHeaderMenu boxShadow" style="position: absolute; z-index: 9999; top: 35px; right: 151px;display:none;"><a href="#" title="Seu perfil" class="ipsUserPhotoLink left" style="z-index: 10000;"><img src="http://www.gravatar.com/avatar/a302c2a5cdf9ba097897d6451e22f2ab?s=100&d=http%3A%2F%2Fwww.growroom.net%2Fboard%2Fpublic%2Fstyle_images%2Fmaster%2Fprofile%2Fdefault_large.png" class="ipsUserPhoto ipsUserPhoto_medium photo" style="z-index: 10000;"></a><div class="left" style="z-index: 10000;"><form id="statusForm" action="/profile" enctype="multipart/form-data" method="post" name="post" id="ucp" style="z-index: 10000;"> <input type="text" class="inputbox" id="profile_field_13_1" name="profile_field_13_1" style="width:250px" placeholder="No que está pensando?" style="padding: 4px;border-width: 1px;border-style: solid;border-color: rgb(132, 132, 132) rgb(193, 193, 193) rgb(225, 225, 225) rgb(193, 193, 193);background: white;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;"><br style="z-index: 10000;"><input type="submit" id="statusSubmitGlobal" class="ipsButton_secondary" name="submit" value="Atualizar" style="z-index: 10000;"><input type="hidden" name="page_profil" value="informations"><input type="hidden" name="current_email" value="mateusvinibol@gmail.com" /><input type="hidden" name="email" value="mateusvinibol@gmail.com"><input type="hidden" name="mode" value="editprofile"><input type="hidden" name="agreed" value="true"><input type="hidden" name="coppa" value=""><input type="hidden" name="user_id" value="1"><br style="z-index: 10000;"><hr style="z-index: 10000;"></form><ul id="links" style="z-index: 10000;"><li id="user_profile" style="z-index: 10000;"><a href="/profile?mode=editprofile" style="z-index: 10000;">Meu perfil</a></li><li id="user_ucp" style="z-index: 10000;"><a href="/profile?mode=editprofile&page_profil=preferences" style="z-index: 10000;">Preferências</a></li><li id="user_content" style="z-index: 10000;"><a href="search?search_topics=" id="buscart" style="z-index: 10000;">Meus tópicos</a></li><li id="user_friends" style="z-index: 10000;"><a href="/profile?mode=editprofile&page_profil=friendsfoes" class="manage_friends" style="z-index: 10000;">Amigos e ignorados</a></li><li id="user_enemies" style="z-index: 10000;"></li><li id="user_pm" style="z-index: 10000;"><a href="/privmsg?folder=inbox" style="z-index: 10000;">Mensagens privadas</a></li><li id="user_pm" style="z-index: 10000;"><a href="/profile?mode=editprofile&page_profil=avatars" style="z-index: 10000;">Avatar</a></li><li id="user_pm" style="z-index: 10000;"><a href="/profile?mode=editprofile&page_profil=informations" style="z-index: 10000;">Informações</a></li><li id="user_pm" style="z-index: 10000;"><a href="/profile?mode=editprofile&page_profil=signature" style="z-index: 10000;">Assinatura</a></li><li id="user_pm" style="z-index: 10000;"><a href="/search?search_id=favouritesearch" style="z-index: 10000;">Tópicos favoritos</a></li><li id="user_pm" style="z-index: 10000;"><a href="/search?search_id=watchsearch" style="z-index: 10000;">Tópicos supervisionados</a></li></ul></div></div>');var i=jQuery('#logout').text().split('[')[1].split(']')[0].replace(/ /g,'');jQuery('#user_link').html(i+' <span id="user_link_dd"></span>');jQuery('#buscart').attr('href','/search?search_topics='+i);jQuery.get('/profile?mode=editprofile&page_profil=avatars',function(o){jQuery('.ipsUserPhoto').attr('src',jQuery('#ucp img[alt]:eq(0)',o).attr('src'));jQuery('input[name="user_id"]:eq(0)').val(jQuery('#ucp input[name="user_id"]',o).val());
jQuery('input[name="current_email"]:eq(0),input[name="email"]:eq(0)').val(jQuery('#ucp input[name="current_email"]',o).val());
});jQuery('#user_link').click(function(e){e.preventDefault();jQuery(this).toggleClass('menu_active');jQuery('#user_link_menucontent').fadeToggle();});if(jQuery('#i_icon_mini_message').attr('alt').indexOf('Novas')){jQuery('.ipsHasNotifications').text(jQuery('#i_icon_mini_message').attr('alt').split('Novas')[0]);}else{jQuery('.ipsHasNotifications').hide();}/*jQuery('#sair').click(function(a){a.preventDefault();jQuery('#logout').click();});*/jQuery('#statusSubmitGlobal').click(function(){my_setcookie('pag',location.href,1,0);});if(location.href.indexOf('/profile')!=-1&&location.href.indexOf('?')==-1&&my_getcookie('pag')!=null){location.href=my_getcookie('pag');}}else{jQuery('body').prepend('<a href="/register" title="Sair" id="sair">Registrar-se</a><a id="user_link" href="/login" style="right:180px">Login</a>');}});
Abraços.
Re: Desconectado como IPBoard
Resultou obrigado
Obrigado e Like para você, você merece...
Obrigado e Like para você, você merece...
StyLe®- Colaborador Actif
-
Idade : 37
Pontos : 0
ReputActifs : 15
Mensagens : 205
Inscrição : 17/11/2012
Localização : SA, FDF, SPD, SHD
Conteúdo patrocinado
Tópicos semelhantes
» MP como IPBoard
» MP como IPBoard
» Conectado como IPBoard
» Não consigo instalar o IPBoard no meu fórum Forumeiros
» Versão IPBoard
» MP como IPBoard
» Conectado como IPBoard
» Não consigo instalar o IPBoard no meu fórum Forumeiros
» Versão IPBoard
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos