Codigos liberados
Página 1 de 1
23092012
Codigos liberados
Olá, a partir de agora, vocês podem livremente copiar o design e funções do fórum.
Aviso:.Este tópico não é um tutorial, esperamos que você já tenha alguma experiência antes de saber usa-los.
CSS:
Javascripts:
Aviso ao abrir pagina:
Sub-menus:
Adicionar links automaticamente ao Ctrl+C Ctrl+V
Aparecer link completo dos topicos na pagina inicial:
Anti-ownador de paginas:
Carregamento de página acelerado:
Formulário:
Páginas HTML
Script anti double post:
Html do formulário:
Outro javascript necessário para o formulário funcionar:
Agradecimentos:
-Fórum dos Fóruns
-SP Design(isto inclue diversos codigos não proprietarios)
-BDF
Aviso:.Este tópico não é um tutorial, esperamos que você já tenha alguma experiência antes de saber usa-los.
CSS:
- Código:
/* visite www.lespowerinfo.co.cc para mais modificações */
/* modulos */
.module {background-color: #F6F6F6; border: 1px solid #FEFFFE}
.module:hover {background-color: #F6F6F6; border: 1px outset #609400; box-shadow: 1px 1px 1px 0px Silver;}
/* limitação imposta de avatar e posts */
.postprofile img {max-width: 90%;}
.postprofile img:hover {max-width: 100%;}
.box-content img{max-width: 180px!important;}
.box-content img:hover{max-width: 200px!important;}
.post img {max-width: 100%}
.post img:hover {box-shadow: 1px 1px 1px 0px Silver;}
/* tags criadas */
.cpinfo {border: 1px solid;margin: 10px 0px;padding:15px 10px 15px 50px;background-repeat: no-repeat;background-position: 10px center;}
.cpinfo {color: #FA5222;background-color: #FFE548;background-image: url('http://i.imgur.com/Kn2Iu.png');}
/* Lista de topicos */
ul.topiclist.forums {background-color: #F9F9F9}
Javascripts:
Aviso ao abrir pagina:
- Código:
jQuery(document).ready(function(){jQuery('div:eq(0)').before('<div style=display:none;position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:2!important id=janelacurl><div class=panel style="box-shadow: 0 0 7px black;border: 1px solid #DEDEDE;padding:10px!important;text-align:left!important;float:center!important;width:400px!important;position:absolute!important;top:50%!important;left:50%!important;margin-left:-211px!important;margin-top:-54px!important;display:block!important;visibility:visible!important;z-index:1!important;-moz-opacity:1;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);-webkit-border-radius:0px!important;-moz-border-radius:0px!important;border-radius:0px!important">Você está clicando em um link externo, e assume que não nos responsabilizamos por porcaria alguma que venha ocorrer ao seu computador, ou a sua conta.<br>Jamais forneça a sua senha, e evite clicar em links postados por contas aparentemente estranhas.<br>Link: <div style=display:inline!important;text-decoration:underline!important id=linkcld></div><br><style>#bcango{background-color:whiteSmoke;background-image:-webkit-linear-gradient(top,rgb(245,245,245),rgb(241,241,241));border:1px solid rgba(0,0,0,0.0976563);border-radius:2px;color:#444;cursor:pointer;display:inline-block;font-family:arial,sans-serif;font-size:11px;font-style:normal;font-variant:normal;font-weight:bold;height:27px;line-height:27px;margin:10px 0px 0px 0px;outline:#444 none 0px;padding:0px 8px 0px 8px;position:relative;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:60px;-webkit-user-select:none}</style><div id=bcango class=bcan>Cancelar</div> <div id=bcango class=bgo>Continuar</div></div></div>');if(jQuery('table.bodylinewidth').length){o='.postbody div:first-child a,.signature_div a'}else{o='.post-entry div a,.signature_div a,.sig-content a,.post .content div a'};jQuery(o).mousedown(function(){if(jQuery(this).attr('href').indexOf('http://')!=-1){jQuery('#janelacurl').show();jQuery('#linkcld').html(jQuery(this).attr('href'));return false}});jQuery('#bcango.bcan').click(function(){jQuery(this).closest('#janelacurl').hide()});jQuery('#bcango.bgo').click(function(){window.open(jQuery('#linkcld').html());jQuery(this).closest('#janelacurl').hide()})});
Sub-menus:
Infelismente o codigo é proprietário e não estamos autorizados a fornece-lo. Consulte o administrador do fórum SP Design para mais informações
Adicionar links automaticamente ao Ctrl+C Ctrl+V
- Código:
if(document.location.protocol=='http:'){var Tynt=Tynt||[];Tynt.push('aZN24Y-t4r345ladbi-bnq');Tynt.i={"b":true,"ap":'<b>Mais informações:</b>',"ba":location.hostname,"as":'<font size="1">este link foi adicionado automaticamente.</font>'};(function(){var s=document.createElement('script');s.async="async";s.type="text/javascript";s.src='http://tcr.tynt.com/ti.js';var h=document.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h)})()}
Aparecer link completo dos topicos na pagina inicial:
- Código:
jQuery(document).ready(function(){p='.forabg .forums .row dd.lastpost';i='.borderwrap .ipbtable td.row1';b='table.forumline td.row3.over span.gensmall';if(jQuery(p).length){t=p}else if(jQuery(i).length){t=i}else if(jQuery(b).length){t=b}else{t='.main-content table.table td.tcr'};jQuery(t+' span a[title]').hover(function(){jQuery(this).attr('alt',jQuery(this).html());jQuery(this).html(jQuery(this).attr('title'))},function(){jQuery(this).html(jQuery(this).attr('alt'))})});
Anti-ownador de paginas:
- Código:
jQuery(document).ready(function(){jQuery('.postbody table,div.sig-content table').css('position','').css('display','').css('z-index','999').css('min-width','1px').css('min-height','1px').css('max-height','1500px').css('max-width','1500px').css('cursor','')});
Carregamento de página acelerado:
- Código:
jQuery(document).ready(function(){if(jQuery('meta[http-equiv="refresh"]').length){location.href=jQuery('meta[http-equiv="refresh"]').attr('content').split('=')[1].replace('">','')}});
Formulário:
- Código:
function episodiomostra(){
jQuery('#episodiomostra').html( jQuery('#topico').val() );
}
function gerarcodigo(){
jQuery('[name="subject"]').val(jQuery('#topico').val());
jQuery('[name="f5"]').val('1');
/*Numero do Forum*/
jQuery('[name="message"]').val('
[b]Título:[/b]<br>'+jQuery('#topico').val()+'<br>
[b]Descrição:[/b]<br>'+jQuery('#mensagem1').val()+'<br>
[b]Vantagens:[/b]<br>'+jQuery('#mensagem2').val()+'<br>
[b]Imagens:[/b]<br>'+jQuery('#mensagem3').val()+'<br>
')
}
Páginas HTML
Script anti double post:
- Código:
jQuery(document).ready(function(){var r='form';var k='#quick_reply';var t=jQuery('input[name="t"]').val();var p='/t'+t+'-';if(jQuery(k).length){var q=''}else{var q='<br><a href="'+p+'">Clique aqui</a> para voltar ao tópico.'};var s='<img src=http://2img.net/i/fa/admin/icones/big_ico/warning.png><br>É proibido fazer double post.'+q;if(jQuery('body#phpbb').length){var m='<div class=panel style=font-size:23px><span class=corners-top></span><center style=padding:5px>'+s+'</center><span class=corners-bottom></span></div>';var h='p.author'}else if(jQuery('table.bodylinewidth').length){var m='<table width=100%><tr><td align=center>'+s+'</td></tr></table>';var h='.name'}else{var m='<div class="main-content message box-content" style=text-align:center;padding:5px>'+s+'</div>';var h='.username'};if(jQuery(r+'[action="/post"]').length&&jQuery('input[name="mode"][value="reply"]').length){var g=jQuery('a.mainmenu#logout').text().split('[ ')[1].replace(/ ]/g,'');if(jQuery(k).length){jQuery.get('/post?t='+t+'&mode=reply',function(d){if(jQuery(h+':eq(0)',d).text().split(' em')[0].replace(' por ','')==g){jQuery(r+k).html(m)}})}else{if(jQuery(h+':eq(0)').text().split(' em')[0].replace(' por ','')==g){jQuery(r+'[action="/post"]').html(m)}}}});
Html do formulário:
- Código:
<div class="wrap"><script>
formulario = {
valor: function(input, attribute) {
if(!attribute) {
return jQuery('*[name=sform_' + input + ']').val();
}
else {
return jQuery('*[name=sform_' + input + ']').attr(attribute);
}
},
definir: function(input, value) {
jQuery('*[name=' + input + ']').val(value);
},
enviar: function() {
formulario.definir('subject', formulario.valor('titulo'));
formulario.definir('description', 'Envolvidos: ' + formulario.valor('descricao'));
formulario.definir('message', '<strong>Descrição: </strong><br>' + formulario.valor('descricao') +'\n \n <strong>Vantagens:</strong><br> '+ formulario.valor('vantagens') + '\n \n <strong>Imagens: </strong><br>' + formulario.valor('imagem'));
}
}
</script>
<div id="form_pedidos_graficos">
<!-- Formulário dos sugestões -->
<div class="inner">
<span class="corners-top"><span></span></span>
<div class="h3" style="margin-top: 7px;">
Sobre o formulario
</div>
<p style="font-size: 12px;">Seja bem-vindo ao nosso formulario de sugestões. Preencha os campos abaixo, para fazer uma sugestão.</p>
<br>
<br>
<span class="corners-bottom"><span></span></span>
</div>
</div>
<div class="clear" style="height: 6px;">
</div>
<div class="panel">
<div class="inner">
<span class="corners-top"><span></span></span>
<div class="h3" style="margin-top: 7px;">
Informações do tópico
</div>
<br><br>
<form action="/posting.forum" method="post" onsubmit="formulario.enviar();" enctype="multipart/form-data">
<input type="hidden" name="subject" value="" />
<font face="Verdana" size="2">Título do tópico: </font><br><input type="text" name="sform_titulo" value="" size="30" /><br><br>
<span class="corners-bottom"><span></span></span></div></div><div class="clear" style="height: 6px;"></div><div class="panel"><div class="inner"><span class="corners-top"><span></span></span><div class="h3" style="margin-top: 7px;">Informações da Sugestão</div><br><br>
<font face="Verdana" size="2">Descrição: </font><br><textarea class="inputbox content-new" id="mensagem" name="sform_descricao" cols="8" rows="8" style="width:600px;padding:0px;border-width:1px;"></textarea>
<br><br>
<font face="Verdana" size="2">Vantagens: </font><br><input type="text" name="sform_vantagens" value="" size="100"><br><br>
<font face="Verdana" size="2">Imagens: ( se necessário )</font><br><input type="text" name="sform_imagem" value="" size="100"><br><br>
</fieldset>
<input type="hidden" name="message" />
<input type="hidden" name="subject" />
<input type="hidden" name="mode" value="newtopic" />
<input type="hidden" name="f" value="5" />
<input type="hidden" name="lt" value="0" />
<span class="corners-bottom"><span></span></span></div></div>
<div class="panel"><div class="inner"><span class="corners-top"><span></span></span>
<fieldset class="submit-buttons"><input value="Enviar sua Sugestão" type="submit" class="button1" name="post" /></fieldset>
<span class="corners-bottom"><span></span></span></div>
</form>
</div></div>
Outro javascript necessário para o formulário funcionar:
- Código:
jQuery(document).ready(function() {
jQuery('a[href^="/post?f=5&mode=newtopic"]').attr('href', '/h3-');
});
Agradecimentos:
-Fórum dos Fóruns
-SP Design(isto inclue diversos codigos não proprietarios)
-BDF
Supremo- Veterano
- Mensagens : 450
Data de inscrição : 24/02/2012
Localização : aqui, administrando
Permissões neste sub-fórum
Não podes responder a tópicos
|
|