Como colocar botão de mais

Qual é minha questão:
Como colocar esse botão aqui do fórum

Links e imagens do meu problema:
https://2img.net/h/oi47.tinypic.com/2dtoy2h.png

Endereço do meu fórum:
http://forum.flamecheats.com.br/

Versão do meu fórum:
PHPBB3

Olá!

Aceda á "Gestão dos Códigos JavaScript":
Painel de Controle Módulos HTML & JAVASCRIPT Gestão dos Códigos JavaScript

Código:

jQuery('.pagination a[href*="showhide"]:contains("Mais")').html('Mais');jQuery('.topic-actions div.pathname-box:contains("::") p:has(a.nav)').each(function(){jQuery(this).html(jQuery(this).html().replace('::',':-:').split(':-:')[1])});jQuery('.topic-actions:contains("::") p.nomargin.path:has(a.nav)').each(function(){jQuery(this).html(jQuery(this).html().replace('::',':-:').split(':-:')[1])});jQuery('#plus_menu .left-overview:eq(0)').hide();jQuery('#plus_menu a').click(function(){jQuery('#plus_menu').hide()});if(jQuery('.post').length){jQuery('#plus_menu .left-overview:eq(1) strong').append('<a class=addthis_button href=http://addthis.com/bookmark.php?v=250&pub=forumotion>Compartilhe</a>')}

Investimento Nos tópicos

Até mais.

Hello,

eu ja possuo só que está em formato de texto so que quero um botão



quero assim:

Olá!

Aceda á "Folha de estilos CSS":
Painel de Controle Visualização Imagens e Cores Cores Folha de estilos CSS

Código:

div.topic-actions div.pagination a[href]{background-color: #EBEBEB; background-image: url(https://2img.net/i/fa/invision/menu_action_down.gif); background-position: 94% 50%; background-repeat: no-repeat; border: 1px solid #F9FBFC; border-image: initial; color: #284B72; font-size: 11px; font-weight: 700; padding: 2px 16px 2px 8px; text-align: center; text-decoration: none; white-space: nowrap;}

Salve.

Até mais.

não ficou como o desejado mais gostei não tem como colocar esses ícones do lado tipo a estrela

Olá!

Aceda á "Folha de estilos CSS":
Painel de Controle Visualização Imagens e Cores Cores Folha de estilos CSS

Código:

.pagination a[href*="showhide(document.getElementById('plus_menu'))"] { background-color: white; background-image: url(https://i.servimg.com/u/f35/12/05/75/97/th/topoic10.png), url(https://i.servimg.com/u/f35/12/05/75/97/icono-10.gif), url(https://i.servimg.com/u/f35/12/05/75/97/page_w10.png), url(https://i.servimg.com/u/f35/12/05/75/97/bwk0e10.gif); background-position: -1px 50%; background-repeat: no-repeat; background-size: 0px; border: 1px solid #DDD; border-image: initial; border-radius: 2px; color: #666; font-family: Arial; font-size: 12px; margin: 0px 5px 0px 0px; padding: 3px 7px; }

Salve.

Até mais.

OBS: Não remova o código anterior.

hello,

olá gostaria que mudasse


gostaria que a caixa grande mudasse para menor como mostro aqui:

e queria que esse botão de mais isse para cima só um pouco.

up

down

Olá!

Utilize esse código CSS:

Código:

#plus_menu .title-overview,#plus_menu hr.dashed{display:none}div.topic-actions div.pagination{font-size:0}#plus_menu p.left-overview{padding:0}.pagination a[href*="showhide(document.getElementById('plus_menu'))"]{background-color:#fff;background-image:url(http://i35.servimg.com/u/f35/12/05/75/97/th/topoic10.png),url(http://i35.servimg.com/u/f35/12/05/75/97/icono-10.gif),url(http://i35.servimg.com/u/f35/12/05/75/97/page_w10.png),url(http://i35.servimg.com/u/f35/12/05/75/97/bwk0e10.gif);background-position:-1px;background-repeat:no-repeat;background-size:0;border:1px solid #DDD;border-radius:2px;color:#666;font-family:Arial;font-size:12px;margin:0 5px 0 0;padding:3px 7px}.pagination a[href*="showhide(document.getElementById('plus_menu'))"]:hover{background-color:#999;border:1px solid #999;color:#fff}#plus_menu{background-color:#fff;border:1px solid #DDD;border-radius:2px;left:auto!important;padding:0;width:79px!important}#plus_menu .left-overview a{background:no-repeat center;border-top:1px solid #DDD;display:block;font-size:0;height:27px}#plus_menu .left-overview a:first-child{border-top:0}#plus_menu .left-overview a[href*="/search?add_favourite="]{background-image:url(http://i35.servimg.com/u/f35/12/05/75/97/th/topoic10.png)}#plus_menu .left-overview a[href*="/tell_friend.forum?"]{background-image:url(http://i35.servimg.com/u/f35/12/05/75/97/icono-10.gif)}#plus_menu .left-overview a[onclick="link_bbcode();return false"]{background-image:url(http://i35.servimg.com/u/f35/12/05/75/97/page_w10.png)}#plus_menu .left-overview a[onclick="window.print();return false"]{background-image:url(http://i35.servimg.com/u/f35/12/05/75/97/bwk0e10.gif)}#plus_menu .left-overview a.addthis_button{border-top:1px solid #DDD;color:#666;display:block;font-family:Arial;font-size:12px;font-weight:400;height:auto;line-height:15.7px;padding:5px 0;text-align:center}

Utilize esse código Javascript em todas páginas do fórum:

Código:

jQuery(document).ready(function(){jQuery('#plus_menu .left-overview:eq(0)').hide();jQuery('#plus_menu a').click(function(){jQuery('#plus_menu').hide()});if(jQuery('.post').length){jQuery('#plus_menu .left-overview:eq(1) strong').append('<a class=addthis_button href=http://addthis.com/bookmark.php?v=250&pub=forumotion>Compartilhe</a>')}});

Até mais.

no meu n funcionou, esse código é só para PhpBB 3 é?

resultou meu querido