Visualizar determinados Widgets apenas no indice
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Visualizar determinados Widgets apenas no indice
- Descrição:
Olá,
Como posso deixar que apenas determinados Widgets apareça apenas no índice? Exemplo, eu desejo que apenas este widget:
- Código:
<div id="show">
<div id="fade">
</div>
<div class="popup_block">
<div class="popup">
<a id="popupclose" href="#"><img title="Fechar" class="cntrl" src="http://i38.servimg.com/u/f38/17/31/71/58/icon_c10.png" /></a>
<h3>
Bem Vindo ao <strong>{FORUMNAME}</strong>
</h3>
<p>
Para poder utilizar todos os atributos deste fórum, será necessário que você crie uma conta de uruário.<br /><br />O cadastro é gratuito e leva pouco tempo para ser preenchido.<br />Durante o cadastro, será requerida uma conta de e-mail válida. Isto é importante porque será necessária a validação do seu cadastro via e-mail.<br />
</p><br /><br />
<center>
<a title="Cadastre-se" href="/register">Registre-se Agora!</a>
</center>
<p>
</p><br />
<h3>
Já está Cadatrado? Faça o Login!
</h3>
<form id="login" name="form_login" method="post" action="/login">
<table style="width: 100%;" cellpadding="0" cellspacing="0" border="0">
<tbody>
<tr>
<td style="width: 100%;" align="right">
<div align="center">
<strong>Usuário:</strong> <input tabindex="1" size="15" name="username" class="input_text" type="text" id="ips_username" /> <strong>Senha:</strong> <input tabindex="2" size="15" name="password" class="input_text" type="password" id="ips_password" /> <input value="Logar" class="input_submit" name="login" type="submit" />
</div>
</td>
</tr>
</tbody>
</table>
</form>
</div>
</div>
</div><script type="text/javascript">
jQuery('#popupclose').click(function(){
jQuery('#show').fadeOut('fast');return false;
});
if (location.pathname == '/login') {
jQuery('#show').css('display','none');
}
if (location.pathname == '/register') {
jQuery('#show').css('display','none');
}
</script><style type="text/css">
#fade {
background: #000;
position: fixed;
width: 100%;
height: 100%;
filter:alpha(opacity=80);
opacity: .30;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
/*--IE 8 Transparency--*/
left: 0;
top: 0;
z-index: 10;
}
#show {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.popup_block {
background: #ddd;
padding: 10px 20px;
border: 10px solid #fff;
float: left;
width: 480px;
position: fixed;
top: 20%;
left: 50%;
margin: 0 0 0 -250px;
z-index: 100;
}
.popup_block .popup {
float: left;
width: 100%;
background: #fff;
margin: 10px 0;
padding: 10px 0;
border: 1px solid #bbb;
}
.popup h3 {
margin: 0 0 20px;
padding: 6px 11px;
border-bottom: 1px solid #bbb;
font-size: 1.5em;
font-weight: normal;
}
.popup p {
padding: 5px 10px;
margin: 5px 0;
}
.popup img.cntrl {
position: absolute;
right: -20px;
top: -20px;
}
.input_text {
padding: 4px;
border-width: 1px;
border-style: solid;
border-color: #848484 #C1C1C1 #E1E1E1 #C1C1C1;
background: white;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.input_submit {
-moz-border-radius: 3px;
-moz-box-shadow: inset 0 1px 0 0 #5c5c5c, 0 2px 3px rgba(0,0,0,0.2);
-webkit-border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 0 #5C5C5C, 0 2px 3px rgba(0, 0, 0, 0.2);
background: #212121 url(http://i78.servimg.com/u/f78/17/31/71/58/topic_10.png) repeat-x top;
border-color: #212121;
border-radius: 3px;
border-style: solid;
border-width: 1px;
box-shadow: inset 0 1px 0 0 #5C5C5C, 0 2px 3px rgba(0, 0, 0, 0.2);
color: white;
cursor: pointer;
padding: 4px 10px;
text-decoration: none;
}
</style>
Apareça apenas no índice do fórum.
Até mais.
- Informações:
Fórum: | http://cidadesocial.forumeiros.com/ | Versão: | PUNBB |
Tipo: | Erros diversos | Tags: | Visualizar,determinados,Widgets,apenas,indice |
Última edição por iHeloaD em 14.05.14 15:48, editado 1 vez(es)
Re: Visualizar determinados Widgets apenas no indice
Olá!
Isso é possível com Javascript!
No entanto, preciso que coloque todos os widgets que deseja para que eu formule o código, ok? E me diga qual quer mostrar apenas no índice!
Hancki
Isso é possível com Javascript!
No entanto, preciso que coloque todos os widgets que deseja para que eu formule o código, ok? E me diga qual quer mostrar apenas no índice!
Hancki
Re: Visualizar determinados Widgets apenas no indice
Olá,
Eu utilizo um código que os mesmos não apareçam nas laterais do fórum, pois não são usados como TableType, porém, coloquei um Widget de Pop Up de login, só que eu gostaria que o mesmo aparecesse apenas no índice, foi o código que eu deixei neste tópico, o mesmo esta ativo em meu fórum.
Até mais.
Eu utilizo um código que os mesmos não apareçam nas laterais do fórum, pois não são usados como TableType, porém, coloquei um Widget de Pop Up de login, só que eu gostaria que o mesmo aparecesse apenas no índice, foi o código que eu deixei neste tópico, o mesmo esta ativo em meu fórum.
Até mais.
Re: Visualizar determinados Widgets apenas no indice
Não vejo qualquer widget no seu fórum! Ceda-me uma conta de testes.
Re: Visualizar determinados Widgets apenas no indice
Troque o código por este:
- Código:
<div id="show">
<div id="fade">
</div>
<div class="popup_block">
<div class="popup">
<a id="popupclose" href="#"><img title="Fechar" class="cntrl" src="http://i38.servimg.com/u/f38/17/31/71/58/icon_c10.png" /></a>
<h3>
Bem Vindo ao <strong>{FORUMNAME}</strong>
</h3>
<p>
Para poder utilizar todos os atributos deste fórum, será necessário que você crie uma conta de uruário.<br /><br />O cadastro é gratuito e leva pouco tempo para ser preenchido.<br />Durante o cadastro, será requerida uma conta de e-mail válida. Isto é importante porque será necessária a validação do seu cadastro via e-mail.<br />
</p><br /><br />
<center>
<a title="Cadastre-se" href="/register">Registre-se Agora!</a>
</center>
<p>
</p><br />
<h3>
Já está Cadatrado? Faça o Login!
</h3>
<form id="login" name="form_login" method="post" action="/login">
<table style="width: 100%;" cellpadding="0" cellspacing="0" border="0">
<tbody>
<tr>
<td style="width: 100%;" align="right">
<div align="center">
<strong>Usuário:</strong> <input tabindex="1" size="15" name="username" class="input_text" type="text" id="ips_username" /> <strong>Senha:</strong> <input tabindex="2" size="15" name="password" class="input_text" type="password" id="ips_password" /> <input value="Logar" class="input_submit" name="login" type="submit" />
</div>
</td>
</tr>
</tbody>
</table>
</form>
</div>
</div>
</div><script type="text/javascript">
jQuery('#popupclose').click(function(){
jQuery('#show').fadeOut('fast');return false;
});
if (location.pathname !== '/') {
jQuery('#show').css('display','none');
}
</script><style type="text/css">
#fade {
background: #000;
position: fixed;
width: 100%;
height: 100%;
filter:alpha(opacity=80);
opacity: .30;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
/*--IE 8 Transparency--*/
left: 0;
top: 0;
z-index: 10;
}
#show {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.popup_block {
background: #ddd;
padding: 10px 20px;
border: 10px solid #fff;
float: left;
width: 480px;
position: fixed;
top: 20%;
left: 50%;
margin: 0 0 0 -250px;
z-index: 100;
}
.popup_block .popup {
float: left;
width: 100%;
background: #fff;
margin: 10px 0;
padding: 10px 0;
border: 1px solid #bbb;
}
.popup h3 {
margin: 0 0 20px;
padding: 6px 11px;
border-bottom: 1px solid #bbb;
font-size: 1.5em;
font-weight: normal;
}
.popup p {
padding: 5px 10px;
margin: 5px 0;
}
.popup img.cntrl {
position: absolute;
right: -20px;
top: -20px;
}
.input_text {
padding: 4px;
border-width: 1px;
border-style: solid;
border-color: #848484 #C1C1C1 #E1E1E1 #C1C1C1;
background: white;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.input_submit {
-moz-border-radius: 3px;
-moz-box-shadow: inset 0 1px 0 0 #5c5c5c, 0 2px 3px rgba(0,0,0,0.2);
-webkit-border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 0 #5C5C5C, 0 2px 3px rgba(0, 0, 0, 0.2);
background: #212121 url(http://i78.servimg.com/u/f78/17/31/71/58/topic_10.png) repeat-x top;
border-color: #212121;
border-radius: 3px;
border-style: solid;
border-width: 1px;
box-shadow: inset 0 1px 0 0 #5C5C5C, 0 2px 3px rgba(0, 0, 0, 0.2);
color: white;
cursor: pointer;
padding: 4px 10px;
text-decoration: none;
}
</style>
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos