E ae galera blz? Eu estava lendo alguns artigos de que gosto e pensei... como vou demarcar partes importantes? Já estou cansado de usar edições estranhas como negrito, sublinhado e itálico pelo texto todo, então eu criei este código, o conceito é simples, mas o efeito é fantástico, com ele você pode demarcar o texto como quiser e realçar as partes importantes.
Versão: Todas (Eu acho)
Então vamos lá, primeiro adicione o código responsável pelo estilo da marcação. (Painel de controle > Visualizações > Imagens e Cores > Cores > Folha de estilo CSS)
- Código:
/* Demarcador de texto © Staffer Group BR™ */
.text_markup {
border-radius: 2px;
background: yellow;
color: #000;
display: inline-block;
box-shadow: 1px 1px 0px rgba(220, 193, 206, 0.8);
}
/* TUTORIAL = http://staffergroupbr.stuning.net/t2243- */
Para colocar este código insira um novo JavaScript. (Painel de controle > Módulos > HTML & JavaScript > Gestão dos códigos JavaScript)
- Código:
$(function(){
var CopyrightNotice = 'Copyright StafferGroupBR™ © 2013 / All right reserved.';
//Tutorial = http://staffergroupbr.stuning.net/t2243-
$(function(){
$('<a class="sceditor-button" unselectable="on"><div unselectable="on" style="background-image:url(http://i56.servimg.com/u/f56/17/71/75/73/revu-f11.png)">a</div></a>').insertBefore('.sceditor-button-size').click(function(){
$('#text_editor_textarea').sceditor("instance").insertText("<span class=\'text_markup\'>","</span>");
});
});
});
Agora vá até um tópico e perceba o botão que estará na barra de ferramentas, ele será responsável pela marcação. Para marcar um texto selecione-o e dê um clique sobre o botão.
Demonstração: Veja o efeito clicando aqui.
Criador: D'Leandro™
Site: http://staffergroupbr.stuning.net/