Recordad que para pedir soporte alguno, debéis facilitar los datos de soporte oportunos por favor, mirad aquí y leer las Normas generales del foro, esto nos servirá de ayuda para dar el mejor soporte..

Gracias.

La Administración de phpBB España.

Problema con imagenes en botones bbcodeTema Solucionado

Foros donde podréis dejar vuestras dudas sobre phpBB 3.0.x
  Reglas del Foro
Cerrado

0
No hay votos
 
Votos totales: 0
djboro88
Invitado

Problema con imagenes en botones bbcode

#1

Mensaje por djboro88 »

Hola a todos, he estado haciendo lo de cambiar los botones bbcode por imagenes, pero al editar el posting_buttons, se me queda tal que así:

Imagen

La guía que he utilizado es esta: http://www.phpbb-es.com/foro/cambiar-bo ... 17637.html
PD: Lo he intentado dos veces y en las dos ocasiones me pasa lo mismo.

Saludos.
Arriba
Avatar de Usuario
mitch
Ex Staff
Mensajes: 4260
Registrado: 04 Sep 2005, 04:28
Género:

Re: Problema con imagenes en botones bbcode

#2

Mensaje por mitch »

deja ese archivo de tu estilo, sin editar, en Pastebin para poder mirarlo.

salu2
Arriba
djboro88
Invitado

Re: Problema con imagenes en botones bbcode

#3

Mensaje por djboro88 »

Este es el posting_buttons:

Código: Seleccionar todo

<tr valign="middle" align="{S_CONTENT_FLOW_BEGIN}">
	<td colspan="2">
		<script type="text/javascript">
		// <![CDATA[
		
		// Define the bbCode tags
		var bbcode = new Array();
		var bbtags = new Array('[b]','[/b]','[i]','[/i]','[u]','[/u]','[quote]','[/quote]','[code]','
','
  • ','
','
  • ','
','Imagen','','','[flash=]', '[/flash]','[size=]','[/size]'<!-- BEGIN custom_tags -->, {custom_tags.BBCODE_NAME}<!-- END custom_tags -->);
var imageTag = false;

// Helpline messages
var help_line = {
b: '{LA_BBCODE_B_HELP}',
i: '{LA_BBCODE_I_HELP}',
u: '{LA_BBCODE_U_HELP}',
q: '{LA_BBCODE_Q_HELP}',
c: '{LA_BBCODE_C_HELP}',
l: '{LA_BBCODE_L_HELP}',
o: '{LA_BBCODE_O_HELP}',
p: '{LA_BBCODE_P_HELP}',
w: '{LA_BBCODE_W_HELP}',
s: '{LA_BBCODE_S_HELP}',
f: '{LA_BBCODE_F_HELP}',
e: '{LA_BBCODE_E_HELP}',
d: '{LA_BBCODE_D_HELP}',
t: '{LA_BBCODE_T_HELP}',
tip: '{L_STYLES_TIP}'
<!-- BEGIN custom_tags -->
,cb_{custom_tags.BBCODE_ID}: '{custom_tags.A_BBCODE_HELPLINE}'
<!-- END custom_tags -->
}

// ]]>
</script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/editor.js"></script>

<!-- IF S_BBCODE_ALLOWED -->
<input type="button" class="btnbbcode" accesskey="b" name="addbbcode0" value=" B " style="font-weight:bold; width: 30px;" onclick="bbstyle(0)" onmouseover="helpline('b')" onmouseout="helpline('tip')" />
<input type="button" class="btnbbcode" accesskey="i" name="addbbcode2" value=" i " style="font-style:italic; width: 30px;" onclick="bbstyle(2)" onmouseover="helpline('i')" onmouseout="helpline('tip')" />
<input type="button" class="btnbbcode" accesskey="u" name="addbbcode4" value=" u " style="text-decoration: underline; width: 30px;" onclick="bbstyle(4)" onmouseover="helpline('u')" onmouseout="helpline('tip')" />
<!-- IF S_BBCODE_QUOTE -->
<input type="button" class="btnbbcode" accesskey="q" name="addbbcode6" value="Quote" style="width: 50px" onclick="bbstyle(6)" onmouseover="helpline('q')" onmouseout="helpline('tip')" />
<!-- ENDIF -->
<input type="button" class="btnbbcode" accesskey="c" name="addbbcode8" value="Code" style="width: 40px" onclick="bbstyle(8)" onmouseover="helpline('c')" onmouseout="helpline('tip')" />
<input type="button" class="btnbbcode" accesskey="l" name="addbbcode10" value="List" style="width: 40px" onclick="bbstyle(10)" onmouseover="helpline('l')" onmouseout="helpline('tip')" />
<input type="button" class="btnbbcode" accesskey="o" name="addbbcode12" value="List=" style="width: 40px" onclick="bbstyle(12)" onmouseover="helpline('o')" onmouseout="helpline('tip')" />
<input type="button" class="btnbbcode" accesskey="t" name="addlitsitem" value="[*]" style="width: 40px" onclick="bbstyle(-1)" onmouseover="helpline('e')" onmouseout="helpline('tip')" />
<!-- IF S_BBCODE_IMG -->
<input type="button" class="btnbbcode" accesskey="p" name="addbbcode14" value="Img" style="width: 40px" onclick="bbstyle(14)" onmouseover="helpline('p')" onmouseout="helpline('tip')" />
<!-- ENDIF -->
<!-- IF S_LINKS_ALLOWED -->
<input type="button" class="btnbbcode" accesskey="w" name="addbbcode16" value="URL" style="text-decoration: underline; width: 40px" onclick="bbstyle(16)" onmouseover="helpline('w')" onmouseout="helpline('tip')" />
<!-- ENDIF -->
<!-- IF S_BBCODE_FLASH -->
<input type="button" class="btnbbcode" accesskey="d" name="addbbcode18" value="Flash" onclick="bbstyle(18)" onmouseover="helpline('d')" onmouseout="helpline('tip')" />
<!-- ENDIF -->
<!-- IF S_BBCODE_ALLOWED and .custom_tags -->
<!-- BEGIN custom_tags -->
<input type="button" class="btnbbcode" name="addbbcode{custom_tags.BBCODE_ID}" value="{custom_tags.BBCODE_TAG}" onclick="bbstyle({custom_tags.BBCODE_ID})"<!-- IF custom_tags.BBCODE_HELPLINE !== '' --> onmouseover="helpline('cb_{custom_tags.BBCODE_ID}')" onmouseout="helpline('tip')"<!-- ENDIF --> />
<!-- END custom_tags -->
<!-- ENDIF -->
<!-- IF S_BBCODE_ALLOWED -->
<span class="genmed nowrap">{L_FONT_SIZE}: <select class="gensmall" name="addbbcode20" onchange="bbfontstyle('[size=' + this.form.addbbcode20.options[this.form.addbbcode20.selectedIndex].value + ']', '[/size]');this.form.addbbcode20.selectedIndex = 2;" onmouseover="helpline('f')" onmouseout="helpline('tip')">
<option value="50">{L_FONT_TINY}</option>
<option value="85">{L_FONT_SMALL}</option>
<option value="100" selected="selected">{L_FONT_NORMAL}</option>
<!-- IF not MAX_FONT_SIZE or MAX_FONT_SIZE >= 150 -->
<option value="150">{L_FONT_LARGE}</option>
<!-- IF not MAX_FONT_SIZE or MAX_FONT_SIZE >= 200 -->
<option value="200">{L_FONT_HUGE}</option>
<!-- ENDIF -->
<!-- ENDIF -->
</select></span>
<!-- ENDIF -->
</td>
</tr>

<tr>
<td<!-- IF $S_SIGNATURE or S_EDIT_DRAFT --> colspan="2"<!-- ENDIF -->><input type="text" readonly="readonly" name="helpbox" style="width:100%" class="helpline" value="{L_STYLES_TIP}" /></td>
<!-- IF not $S_SIGNATURE and not S_EDIT_DRAFT -->
<td class="genmed" align="center">{L_FONT_COLOR}</td>
<!-- ENDIF -->
</tr>
<!-- ENDIF -->[/code]


Y este el stylesheet.css

Código: Seleccionar todo

/*  phpBB 3.0 Style Sheet
    --------------------------------------------------------------
	Style name:	AeroBlue
	Based on style:	subSilver (the default phpBB 2 style)
	Original author: subBlue ( http://www.subBlue.com/ )
	
	Copyright 2006 phpBB Group ( http://www.phpbb.com/ )
    --------------------------------------------------------------
*/

/* Layout
 ------------ */
* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}

html {
	font-size: 100%;	
}

form { margin: 0px; padding: 0px; }

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: #000000;
	background-color: #CCE3F3;
    background-image: url('./images/bg.gif');
	background-repeat: repeat-x;
	background-position: top;
	background-attachment: scroll;
	font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
	margin: 0 auto;
}

.wrap {
	width: 97%;
	margin: 0 auto;
	min-width: 850px;
	margin-top: 5px;
}

#wrapheader {
	height: auto !important;
	padding: 0;
}

.midlink {
	padding-right: 8px;
}

.logo {
	padding-left: 8px;
	padding-bottom: 5px;
}

#wrapsimple {
	margin: 25px 25px 0 25px;
}

#wrapnav {
	width: 100%;
	margin: 0;
	background-color: #ECECEC;
	border-width: 1px;
	border-style: solid;
	border-color: #A9B8C2;
}

#logodesc {
	background-color: #C1CAD2;
	padding: 0 25px 15px 25px;
}

#menubar {
	margin: 0 25px;
}

#datebar {
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
}

.bc {	
	margin-left: 10px;
	margin-right: 10px;
}

.forumbar {
	margin-left: 10px;
	margin-right: 10px;
}

.tablebg {
	background-color: #EFF7FB;
}

#findbar {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

.forumrules {
	margin-left: 10px;
	margin-right: 10px;
	background-color: #EFF7FB;
	border-width: 1px;
	border-style: solid;
	border-color: #3A4955;
	padding: 4px;
	font-weight: normal;
	font-size: 1.1em;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.forumrules h3 {
	color: #AA0000;
	font-size: 1.3em;
}

#pageheader { 
	margin-left: 10px;
	margin-right: 10px;
}

.navspacel {
	display: block;
	position: relative;
	float: left;
	width: 2px;
	height: 24px;
}

.navspacer {
	display: block;
	position: relative;
	float: right;
	width: 2px;
	height: 24px;
}

a.squarebuttonl {
	background: transparent url('./images/navl.gif') no-repeat top left;
	display: block;
	float: left;
	font-size: 10px; /* Change as desired */
	line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
	height: 24px; /* Height of button background height */
	padding-left: 8px; /* Width of left menu image */
	text-decoration: none;
}

a.squarebuttonr {
	background: transparent url('./images/navl.gif') no-repeat top left;
	display: block;
	float: right;
	font-size: 10px; /* Change as desired */
	line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
	height: 24px; /* Height of button background height */
	padding-left: 8px; /* Width of left menu image */
	text-decoration: none;
}

a:link.squarebuttonl, a:visited.squarebuttonl, a:active.squarebuttonl, a:link.squarebuttonr, a:visited.squarebuttonr, a:active.squarebuttonr {
	color: #FFFFFF; /*button text color*/
	text-decoration: none;
}

a.squarebuttonl span, a.squarebuttonr span {
	background: transparent url('./images/navr.gif') no-repeat top right;
	display: block;
	padding: 4px 8px 4px 0; /*Set 8px below to match value of 'padding-left' value above*/
}

a.squarebuttonl:hover, a.squarebuttonr:hover { /* Hover state CSS */
	background-position: bottom left;
}

a.squarebuttonl:hover span, a.squarebuttonr:hover span { /* Hover state CSS */
	background-position: bottom right;
	color: #FFFFFF;
}

.buttonwrapper { /* Container you can use to surround a CSS button to clear float */
	overflow: hidden;
	height: 24px;
	width: 100%;
}

#pagecontent { }
#pagefooter { }

#poll { }
#postrow { }
#postdata { }

/* Search box
--------------------------------------------- */
#search-box {
   color: #FFFFFF;
   float: right;
   padding-top: 13px;
   text-align: right;
   white-space: nowrap; /* For Opera */
}

#search-box #keywords {
   width: 121px;
   height: 16px;
   background: transparent url("./images/searchbg.gif");
   background-repeat: no-repeat;
   color: #999999;
   font-size: 11px;
   font-style: italic;
}

#search-box input {
   border: none;
}

/* .button1 style defined later, just a few tweaks for the search button version */
#search-box input.button1 {
   padding: 1px 5px;
}

#search-box li {
   text-align: right;
}

#search-box img {
   vertical-align: middle;
   margin-right: 3px;
}

input.search {
   padding-left: 20px;
   padding-top: 4px;
}

input.forumsearch {
   background-image: url("./images/icon_textbox_search.gif");
   background-repeat: no-repeat;
   background-position: left 1px;
   border-color: #3A4955;
   color: #999999;
   font-size: 11px;
   font-style: italic;
   padding-left: 17px;
   padding-top: 2px;
   padding-bottom: 2px;
}

/*  Text
 --------------------- */
h1 {
	color: white;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	font-weight: bold;
	font-size: 2.0em;
	text-decoration: none;
}

h6 {
	color: #002A46;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	font-weight: bold;
	font-size: 2.0em;
	text-decoration: none;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.5em;
	text-decoration: none;
	line-height: 120%;
}

h3 {
	font-size: 1.3em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 120%;
}

h4 {
	color: white;
	margin: 0;
	font-size: 1.1em;
	font-weight: bold;
}

h5 {
	color: #002A46;
	margin: 0;
	font-size: 1.1em;
	font-weight: bold;
}

p {
	font-size: 1.1em;
}

p.moderators {
	margin: 0;
	float: left;
	color: black;
	font-weight: bold;
}

.rtl p.moderators {
	float: right;
}

p.linkmcp {
	margin: 0;
	font-size: 1em;
	float: right;
	white-space: nowrap;
}

.rtl p.linkmcp {
	float: left;
}

p.breadcrumbs {
	margin: 0;
	float: left;
	color: black;
	font-weight: bold;
	white-space: normal;
	font-size: 1em;
}

.rtl p.breadcrumbs {
	float: right;
}

p.datetime {
	margin: 0;
	float: right;
	white-space: nowrap;
	font-size: 1em;
}

.rtl p.datetime {
	float: left;
}

p.searchbar {
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 2px;
	padding: 2px 0;
	white-space: nowrap;
} 

p.searchbarreg {
	margin: 0;
	float: right;
	white-space: nowrap;
}

.rtl p.searchbarreg {
	float: left;
}

p.forumdesc {
	padding-bottom: 2px;
}

p.topicauthor {
	margin: 1px 0;
}

p.topicdetails {
	margin: 1px 0;
}

.postreported, .postreported a:visited, .postreported a:link, .postreported a:hover, .postreported a:active {
	margin: 1px 0;
	color: red;
	font-weight:bold;
}

.postapprove, .postapprove a:visited, .postapprove a:link, .postapprove a:hover, .postapprove a:active {
	color: green;
	font-weight:bold;
}

.postapprove img, .postreported img {
	vertical-align: bottom;
	padding-top: 5px;
}

.postauthor {
	color: #000000;
}

.postdetails {
	color: #000000;
}

.postlink, a.postlink, a.postlink:visited, a.postlink:link, a.postlink:active {
	color: #002A46;
	text-decoration: none;
}

a.postlink:hover {
   color: #005893;
   text-decoration: underline;
}

.signature, a.signature:link, a.signature:visited, a.signature:active {
   color: #002A46;
   text-decoration: none;
}

a.signature:hover {
   color: #005893;
   text-decoration: underline;
}

.postbody {
	font-size: 1.3em;
	line-height: 1.4em;
	font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
}

.postbody li, ol, ul {
	margin: 0 0 0 1.5em;
}

.rtl .postbody li, .rtl ol, .rtl ul {
	margin: 0 1.5em 0 0;
}

.posthilit {
	background-color: yellow;
}

.nav, .nav:hover {
	margin: 0;
	color: black;
	font-weight: bold;
}

.pagination {
	color: black;
	font-size: 1em;
	font-weight: bold;
}

.gen {
	margin: 1px 1px;
	font-size: 1.2em;
}

.genmed {
	margin: 1px 1px;
	font-size: 1.1em;
}

a.headw, a.headw:visited, a.headw:link, a.headw:hover, a.headw:active {
	color: #FFFFFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	font-size: 2.0em;
	padding-left: 1px;
}

.genmedw {
	color: #FFFFFF;
	margin: 1px 1px;
	font-size: 1em;
}

a.genmedw, a.genmedw:visited, a.genmedw:link, a.genmedw:hover, a.genmedw:active {
	color: #FFFFFF;
	margin: 1px 1px;
	font-size: 1em;
}

.gensmall {
	margin: 1px 1px;
	font-size: 1em;
}

.genspace {
	margin-left: 10px;
	margin-right: 10px;
	font-size: 1em;
}

.copyright {
	color: #444;
	font-weight: normal;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

#footer {
	text-align: center;
}

.titles {
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.3em;
	text-decoration: none;
}

.error {
	color: #AA0000;
}


/* Tables
 ------------ */
th {
	color: #FFFFFF;
	font-size: 1.1em;
	font-weight: bold;
	background-color: #006699;
	background-image: url('./images/cellpic1.gif');
	white-space: nowrap;
	height: 28px;
	margin: 0;
	padding: 0;
	border: 0;
}

td.profile {
	padding: 4px;
	border-right: 1px solid #A7BAC5;
}

.tbspace {
	padding: 10px;
}

.bcbg {
	background-color: #3A4955;
}

.attachbg {
	background-color: #A7BAC5;
}

.attachrow {
	background-image: url('./images/rowh.gif');
	padding: 4px;
}

.catdiv {
	height: 28px;
	margin: 0;
	padding: 0;
	border: 0;
}

.cat {
	color: #FFFFFF;
	height: 28px;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #002A46;
	background-image: url('./images/cellpic1.gif');
	text-indent: 4px;
}

.catb {
	color: #FFFFFF;
	height: 28px;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #031A2F;
	background-image: url('./images/cellpic3.gif');
	text-indent: 4px;
}

.forums {
	background-color: #EFF7FB;
	background-image: url("./images/gradient.gif");
	background-repeat: repeat-x;
}

.forumrow {
	padding: 6px;
}

.row1 {
	background-color: #EFF7FB;
	padding: 4px;
}

.row1h {
	border: 1px solid transparent;
	padding: 4px;
}

.row1h:hover {
	background-color: #E4F4FE;
	border: 1px solid #D4EEF9;
}

.row2 {
	background-color: #E4F4FE;
	padding: 4px;
}

.row3 {
	background-color: #DEF1FC;
	padding: 4px;
}

.row3h {
	color: #002A46;
	font-weight: bold;
	background-color: #D8ECF6;
	background-image: url('./images/rowh.gif');
	background-repeat: repeat-x;
	background-position: top;
	border-bottom: 1px solid #96D9F9;
	padding: 4px;
}

.row4 {
	background-color: #EFF7FB;
}

.tabtable {
	background: url('./images/tabsbg.gif') repeat-x;
	border-bottom: 1px solid #A7BAC5;
}

#tabs {
	line-height: normal;
	margin: 0 0 0 0;
	min-width: 570px;
}

#tabs ul {
	margin:0;
	padding: 0;
	list-style: none;
}

#tabs li {
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
}

#tabs a {
	float: left;
	background: url('./images/bg_tabs1.gif') no-repeat 0% -35px;
	margin: 0 0 0 0;
	padding: 0 0 0 5px;
	text-decoration: none;
	position: relative;
	cursor: pointer;
}

#tabs a span {
	float: left;
	display: block;
	background: url('./images/bg_tabs2.gif') no-repeat 100% -35px;
	padding: 6px 10px 7px 5px;
	color: #002A46;
	white-space: nowrap;
}

#tabs a:hover span {
	color: #002A46;
}

#tabs .activetab a {
	background-position: 0 0;
}

#tabs .activetab a span {
	background-position: 100% 0;
	color: #000000;
	padding-right: 22px;
}

#tabs a:hover {
	background-position: 0 -70px;
}

#tabs a:hover span {
	background-position:100% -70px;
}

#tabs .activetab a:hover {
	background-position: 0 0;
}

#tabs .activetab a:hover span {
	color: #000000;
	background-position: 100% 0;
}

#navigation {
	width: 100%;
	padding-top: 15px;
	padding-bottom: 14px;
}

#navigation ul {
	list-style: none;
}

/* Default list state */
#navigation li {
	margin: 0;
	padding: 0;
	font-weight: bold;
	display: inline;
}

/* Link styles for the sub-section links */
#navigation a {
	display: block;
	padding: 3px;
	margin: 0;
	text-decoration: none;
	font-weight: bold;
	color: #002A46;
	background: #EFF7FB none repeat-y 100% 0;
	border: 1px solid #EFF7FB;
}

#navigation a:hover {
	background-color: #E8F5FD;
	background-image: none;
	border: 1px solid #D8F0FA;
}

#navigation #active-subsection a {
	display: block;
	color: #000000;
	background-color: #E0F2FB;
	background-image: none;
	border: 1px solid #99DEFD;
}

#navigation #active-subsection a:hover {
	color: #000000;
}

.pollbg { background: #EFF7FB url('./images/pollbg.gif') repeat-x;
	padding: 4px;
}

.spacer {
	background-color: #A7BAC5;
}

hr {
	height: 1px;
	border-width: 0;
	background-color: #D1D7DC;
	color: #D1D7DC;
}

.legend {
	text-align:center;
	margin: 0 auto;
}

/* Links
 ------------ */
a:link, a:visited, a:active {
	color: #002A46;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.link-new, a.link-new:visited { color: #005893; }
a.link-new:hover, a.link-new:visited:hover { color: #007BCE; }

a.forumlink, a.forumlink:visited, a.forumlink:link, a.forumlink:active {
	font-weight: bold;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 1.3em;
}

a.forumlink:hover {
	color: #005893;
}

a.topictitle, a.topictitle:visited, a.topictitle:link, a.topictitle:active {
	margin: 1px 0;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
}

a.topictitle:hover {
	color: #005893;
}

th a, th a:visited {
	color: #FFFFFF !important;
	text-decoration: none;
}

th a:hover {
	text-decoration: underline;
}


/* Form Elements
 ------------ */
form {
	margin: 0;
	padding: 0;
	border: 0;
}

input {
	background-color: #FAFAFA;
	color: #000000;
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	padding: 1px;
	border: 1px solid #566877;
}

textarea {
	background-color: #FAFAFA;
	color: #000000;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.3em; 
	line-height: 1.4em;
	font-weight: normal;
	border: 1px solid #566877;
	padding: 2px;
}

select {
	color: #000000;
	background-color: #FAFAFA;
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	border: 1px solid #3A4955;
	padding: 1px;
}

option {
	padding: 0 1em 0 0;
}

option.disabled-option {
	color: graytext;
}

.rtl option {
	padding: 0 0 0 1em;
}

input.radio {
	margin-top: 2px;
	margin-left: 0px;
	margin-right: 0px;
	border: none;
	background-color: transparent;
}

.post {
	background-color: #FAFAFA;
	background-image: url('./images/bginput.gif');
	background-repeat: repeat-x;
	border-style: solid;
	border-width: 1px;
}

.btnbbcode {
	color: #000000;
	font-weight: normal;
	font-size: 1.1em;
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	background-image: url("./images/bg_button.gif");
    background-repeat: repeat-x;
    background-position: -0px -0px;
	border: 1px solid #3A4955;
}

.btnbbcode:hover {
    background-position: -0px -17px;
	border: 1px solid #3C7FB1;
}

.btnmain {
	color: #000000;
	font-weight: bold;
	background-image: url("./images/bg_button.gif");
    background-repeat: repeat-x;
    background-position: -0px -0px;
	border: 1px solid #3A4955;
	cursor: pointer;
	font-size: 1.1em;
}

.btnmain:hover {
    background-position: -0px -17px;
	border: 1px solid #3C7FB1;
}

.btnlite {
	color: #000000;
	font-weight: normal;
	background-image: url("./images/bg_button.gif");
    background-repeat: repeat-x;
    background-position: -0px -0px;
	border: 1px solid #3A4955;
	cursor: pointer;
	font-size: 1.1em;
}

.btnlite:hover {
    background-position: -0px -17px;
	border: 1px solid #3C7FB1;
}

.pmbutton  {
    overflow: visible;
}

.btnfile {
	font-weight: normal;
	background-color: #FFFFFF;
	border: 1px solid #3C7FB1;
	padding: 1px 5px;
	font-size: 1.1em;
}

.helpline {
	background-color: #E4F4FE;
	border-style: none;
}


/* BBCode
 ------------ */
.quotetitle {
	margin: 10px 5px 0 5px;
	padding: 1px 0px 1px 5px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #A7BAC5;
	color: #000000;
	background-image: url('./images/rowh.gif');
	border-bottom: 1px solid #96D9F9;
	font-size: 0.85em;
	font-weight: bold;
}

.attachtitle {
	margin: 10px 5px 0 5px;
	padding: 4px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #A7BAC5;
	color: #000000;
	background-color: #EFF9FE;
	font-size: 0.85em;
	font-weight: bold;
}

.quotetitle .quotetitle {
	font-size: 1em;
}

.quotecontent, .attachcontent {
	margin: 0 5px 10px 5px;
	padding: 1px 5px 1px 5px;
	border-color: #A7BAC5;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.4em;
	font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
	background-color: #EFF9FE;
	color: #002A46;
}

.attachcontent {
	font-size: 0.85em;
}

.codetitle {
	margin: 10px 5px 0 5px;
	padding: 1px 0px 1px 5px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #A7BAC5;
	color: #000000;
	background-image: url('./images/rowh.gif');
	border-bottom: 1px solid #96D9F9;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.8em;
}

.codecontent code {
   overflow: auto;
   display: block;
   height: auto;
   max-height: 200px;
   white-space: normal;
   margin: 0 5px 10px 5px;
   padding: 1px 5px 1px 5px;
   border-color: #A7BAC5;
   border-width: 0 1px 1px 1px;
   border-style: solid;
   font-weight: normal;
   color: #15A400;
   font-size: 0.85em;
   font-family: Monaco, 'Courier New', monospace;
   background-color: #EFF9FE;
}

.syntaxbg {
	color: #FFFFFF;
}

.syntaxcomment {
	color: #FF8000;
}

.syntaxdefault {
	color: #0000BB;
}

.syntaxhtml {
	color: #000000;
}

.syntaxkeyword {
	color: #007700;
}

.syntaxstring {
	color: #DD0000;
}


/* Private messages
 ------------------ */
.pm_marked_colour {
	background-color: #000000;
}

.pm_replied_colour {
	background-color: #A9B8C2;
}

.pm_friend_colour {
	background-color: #007700;
}

.pm_foe_colour {
	background-color: #DD0000;
}


/* Misc
 ------------ */
img {
	border: none;
}

.nb {
	border: none;
	background: none;
}

.sep {
	color: black;
	background-color: #FFA34F;
}

table.colortable td {
	padding: 0;
}

pre {
	font-size: 1.1em;
	font-family: Monaco, 'Courier New', monospace;
}

.nowrap {
	white-space: nowrap;
}

.username-coloured {
	font-weight: bold;
}

.buttons {
	float: left;
	width: auto;
	height: auto;
}

/* Rollover state */
.buttons div {
	float: left;
	margin: 0 5px 0 0;
	background-position: 0 100%;
}

/* Rolloff state */
.buttons div a {
	display: block;
	width: 100%;
	height: 100%;
	background-position: 0 0;
	position: relative;
	overflow: hidden;
}

.profile-icons {
	float: right;
	width: auto;
	height: auto;
}

/* Rollover state */
.profile-icons div {
	float: right;
	margin: 0 0 5px 5px;
	background-position: 0 100%;
}

/* Rolloff state */
.profile-icons div a {
	display: block;
	width: 100%;
	height: 100%;
	background-position: 0 0;
	position: relative;
	overflow: hidden;
}

.review-icons {
	float: right;
	width: auto;
	height: auto;
}

/* Rollover state */
.review-icons div {
	float: right;
	margin: 5px 5px 5px 0;
	background-position: 0 100%;
}

/* Rolloff state */
.review-icons div a {
	display: block;
	width: 100%;
	height: 100%;
	background-position: 0 0;
	overflow: hidden;
}

/* Hide <a> text and hide off-state image when rolling over (prevents flicker in IE) */
/*.buttons div span		{ display: none; }*/
/*.buttons div a:hover	{ background-image: none; }*/
.buttons div span			{ position: absolute; width: 100%; height: 100%; cursor: pointer;}
.buttons div a:hover span	{ background-position: 0 100%; }

/* Big button images */
.reply-icon span, .post-icon span, .locked-icon span	{ background: transparent none 0 0 no-repeat; }
.pmreply-icon span, .newpm-icon span, .forwardpm-icon span	{ background: none 0 0 no-repeat; }

/* Set big button dimensions */
.buttons div.reply-icon, .buttons div.post-icon, .buttons div.locked-icon, .buttons div.pmreply-icon, .buttons div.newpm-icon, .buttons div.forwardpm-icon	{ width: 100px; height: 30px; }

/* Hide <a> text and hide off-state image when rolling over (prevents flicker in IE) */
.profile-icons span { display:none; }
.profile-icons a:hover { background: none; }
.review-icons span { display:none; }
.review-icons a:hover { background: none; }

/* Profile & navigation icons */
.quote-icon, .quote-icon a, .report-icon, .report-icon a, .warn-icon, .warn-icon a, .edit-icon, .edit-icon a, .delete-icon, .delete-icon a, .info-icon, .info-icon a	{ background: none top left no-repeat; }

/* Set profile icon dimensions */
.profile-icons div.quote-icon, .review-icons div.quote-icon	{ width: 43px; height: 18px; }
.profile-icons div.report-icon, .profile-icons div.info-icon, .profile-icons div.warn-icon	{ width: 19px; height: 18px; }
.profile-icons div.edit-icon, .review-icons div.edit-icon	{ width: 34px; height: 18px; }
.profile-icons div.delete-icon, .review-icons div.delete-icon	{ width: 17px; height: 18px; }

.reply-icon span	{ background-image: url("{T_IMAGESET_LANG_PATH}/button_topic_reply.png"); }
.post-icon span		{ background-image: url("{T_IMAGESET_LANG_PATH}/button_topic_new.png"); }
.locked-icon span	{ background-image: url("{T_IMAGESET_LANG_PATH}/button_topic_locked.png"); }
.pmreply-icon span	{ background-image: url("{T_IMAGESET_LANG_PATH}/button_pm_reply.png"); }
.newpm-icon span 	{ background-image: url("{T_IMAGESET_LANG_PATH}/button_pm_new.png"); }
.forwardpm-icon span	{ background-image: url("{T_IMAGESET_LANG_PATH}/button_pm_forward.png"); }

/* Profile & navigation icons */
.quote-icon, .quote-icon a		{ background-image: url("{T_IMAGESET_LANG_PATH}/icon_post_quote.png"); }

/* Moderator icons */
.report-icon, .report-icon a		{ background-image: url("{T_IMAGESET_LANG_PATH}/icon_post_report.png"); }
.edit-icon, .edit-icon a			{ background-image: url("{T_IMAGESET_LANG_PATH}/icon_post_edit.png"); }
.delete-icon, .delete-icon a		{ background-image: url("{T_IMAGESET_LANG_PATH}/icon_post_delete.png"); }
.info-icon, .info-icon a			{ background-image: url("{T_IMAGESET_LANG_PATH}/icon_post_info.png"); }
.warn-icon, .warn-icon a			{ background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_warn.png"); }
Ambos sin modidificar.
Y al modificarlos con las instrucciones del anteriror post citado, pasa lo de la imagen.
Ni sale los bbcodes ni el cuadro de texto ni nada de nada.
Arriba
Avatar de Usuario
mitch
Ex Staff
Mensajes: 4260
Registrado: 04 Sep 2005, 04:28
Género:

Re: Problema con imagenes en botones bbcode  Tema Solucionado

#4

Mensaje por mitch »

Prueba a buscar esto:

Código: Seleccionar todo

<!-- IF S_BBCODE_ALLOWED -->
      <input type="button" class="btnbbcode" accesskey="b" name="addbbcode0" value=" B " style="font-weight:bold; width: 30px;" onclick="bbstyle(0)" onmouseover="helpline('b')" onmouseout="helpline('tip')" />
      <input type="button" class="btnbbcode" accesskey="i" name="addbbcode2" value=" i " style="font-style:italic; width: 30px;" onclick="bbstyle(2)" onmouseover="helpline('i')" onmouseout="helpline('tip')" />
      <input type="button" class="btnbbcode" accesskey="u" name="addbbcode4" value=" u " style="text-decoration: underline; width: 30px;" onclick="bbstyle(4)" onmouseover="helpline('u')" onmouseout="helpline('tip')" />
      <!-- IF S_BBCODE_QUOTE -->
         <input type="button" class="btnbbcode" accesskey="q" name="addbbcode6" value="Quote" style="width: 50px" onclick="bbstyle(6)" onmouseover="helpline('q')" onmouseout="helpline('tip')" />
      <!-- ENDIF -->
      <input type="button" class="btnbbcode" accesskey="c" name="addbbcode8" value="Code" style="width: 40px" onclick="bbstyle(8)" onmouseover="helpline('c')" onmouseout="helpline('tip')" />
      <input type="button" class="btnbbcode" accesskey="l" name="addbbcode10" value="List" style="width: 40px" onclick="bbstyle(10)" onmouseover="helpline('l')" onmouseout="helpline('tip')" />
      <input type="button" class="btnbbcode" accesskey="o" name="addbbcode12" value="List=" style="width: 40px" onclick="bbstyle(12)" onmouseover="helpline('o')" onmouseout="helpline('tip')" />
      <input type="button" class="btnbbcode" accesskey="t" name="addlitsitem" value="[*]" style="width: 40px" onclick="bbstyle(-1)" onmouseover="helpline('e')" onmouseout="helpline('tip')" />            
      <!-- IF S_BBCODE_IMG -->
         <input type="button" class="btnbbcode" accesskey="p" name="addbbcode14" value="Img" style="width: 40px" onclick="bbstyle(14)" onmouseover="helpline('p')" onmouseout="helpline('tip')" />
      <!-- ENDIF -->
      <!-- IF S_LINKS_ALLOWED -->
         <input type="button" class="btnbbcode" accesskey="w" name="addbbcode16" value="URL" style="text-decoration: underline; width: 40px" onclick="bbstyle(16)" onmouseover="helpline('w')" onmouseout="helpline('tip')" />
      <!-- ENDIF -->
      <!-- IF S_BBCODE_FLASH -->
         <input type="button" class="btnbbcode" accesskey="d" name="addbbcode18" value="Flash" onclick="bbstyle(18)" onmouseover="helpline('d')" onmouseout="helpline('tip')" />
      <!-- ENDIF -->
        <!-- IF S_BBCODE_ALLOWED and .custom_tags -->
      <!-- BEGIN custom_tags -->
         <input type="button" class="btnbbcode" name="addbbcode{custom_tags.BBCODE_ID}" value="{custom_tags.BBCODE_TAG}" onclick="bbstyle({custom_tags.BBCODE_ID})"<!-- IF custom_tags.BBCODE_HELPLINE !== '' --> onmouseover="helpline('cb_{custom_tags.BBCODE_ID}')" onmouseout="helpline('tip')"<!-- ENDIF --> />
      <!-- END custom_tags -->
      <!-- ENDIF -->
      <!-- IF S_BBCODE_ALLOWED -->
      <span class="genmed nowrap">{L_FONT_SIZE}: <select class="gensmall" name="addbbcode20" onchange="bbfontstyle('[size=' + this.form.addbbcode20.options[this.form.addbbcode20.selectedIndex].value + ']', '[/size]');this.form.addbbcode20.selectedIndex = 2;" onmouseover="helpline('f')" onmouseout="helpline('tip')">
         <option value="50">{L_FONT_TINY}</option>
         <option value="85">{L_FONT_SMALL}</option>
         <option value="100" selected="selected">{L_FONT_NORMAL}</option>
         <!-- IF not MAX_FONT_SIZE or MAX_FONT_SIZE >= 150 -->
            <option value="150">{L_FONT_LARGE}</option>
            <!-- IF not MAX_FONT_SIZE or MAX_FONT_SIZE >= 200 -->
               <option value="200">{L_FONT_HUGE}</option>
            <!-- ENDIF -->
         <!-- ENDIF -->
      </select></span>
<!-- ENDIF -->
   </td>
</tr>
Reeplazalo por esto:

Código: Seleccionar todo

<!-- IF S_BBCODE_ALLOWED -->
		<select class="gensmall" style="height: 18px;" name="fuentes" onchange="bbfontstyle('[font=' + this.form.fuentes.options[this.form.fuentes.selectedIndex].value + ']', '[/font]');this.selectedIndex=0;" onmouseover="helpline('font')">
			<option value="" class="genmed" style="font-family: Verdana;" selected="selected">Fuente</option>
			<option value="Arial" class="genmed" style="font-family: Arial;">Arial</option>
			<option value="Comic Sans MS" class="genmed" style="font-family: 'Comic Sans MS';">Comic Sans MS</option>
			<option value="Courier New" class="genmed" style="font-family: 'Courier New';">Courier New</option>

			<option value="Impact" class="genmed" style="font-family: Impact;">Impact</option>
			<option value="Lucida Console" class="genmed" style="font-family: 'Lucida Console';">Lucida Console</option>
			<option value="Lucida Sans Unicode" class="genmed" style="font-family: 'Lucida Sans Unicode';">Lucida Sans Unicode</option>
			<option value="Microsoft Sans Serif" class="genmed" style="font-family: 'Microsoft Sans Serif';">Microsoft Sans Serif</option>
			<option value="Symbol" class="genmed" style="font-family: Symbol;">Symbol</option>
			<option value="Tahoma" class="genmed" style="font-family: Tahoma;">Tahoma</option>

			<option value="Times New Roman" class="genmed" style="font-family: 'Times New Roman';">Times New Roman</option>
			<option value="Traditional Arabic" class="genmed" style="font-family: 'Traditional Arabic';">Traditional Arabic</option>
			<option value="Trebuchet MS" class="genmed" style="font-family: 'Trebuchet MS';">Trebuchet MS</option>
			<option value="Verdana" class="genmed" style="font-family: Verdana;">Verdana</option>
			<option value="Webdings" class="genmed" style="font-family: Webdings;">Webdings</option>
			<option value="Wingdings" class="genmed" style="font-family: Wingdings;">Wingdings</option>
		</select>

		<select class="gensmall" name="addbbcode20" onchange="bbfontstyle('[size=' + this.form.addbbcode20.options[this.form.addbbcode20.selectedIndex].value + ']', '[/size]');this.form.addbbcode20.selectedIndex = 0;" onmouseover="helpline('f')" onmouseout="helpline('tip')">
			<option value="" selected="selected">Tamaño</option>
			<option value="50">{L_FONT_TINY}</option>
			<option value="85">{L_FONT_SMALL}</option>
			<option value="100">{L_FONT_NORMAL}</option>
			<option value="150">{L_FONT_LARGE}</option>
			<option value="200">{L_FONT_HUGE}</option>
		</select>
<br>
		<img src="./images/posting/left.gif" border="0" alt="align=left" onclick="bbfontstyle('[align=left]','[/align]')" onmouseover="helpline('align_left')" onmouseout="helpline('tip')" class="bbimages"/>
		<img src="./images/posting/center.gif" border="0" alt="align=right" onclick="bbfontstyle('[align=center]','[/align]')" onmouseover="helpline('align_center')" onmouseout="helpline('tip')" class="bbimages"/>
		<img src="./images/posting/right.gif" border="0" alt="align=right" onclick="bbfontstyle('[align=right]','[/align]')" onmouseover="helpline('align_right')" onmouseout="helpline('tip')" class="bbimages"/>
		<img src="./images/posting/justify.gif" border="0" alt="align=justify" onclick="bbfontstyle('[align=justify]','[/align]')" onmouseover="helpline('align_justify')" onmouseout="helpline('tip')" class="bbimages"/>

		<img src="./images/posting/dots.gif" border="0" style="padding-left: 5px; padding-right: 5px;" />

		<img src="./images/posting/bold.gif" border="0" alt="b" accesskey="b" name="addbbcode0" value=" B " onclick="bbstyle(0)" onmouseover="helpline('b')" onmouseout="helpline('tip')" class="bbimages"/>
		<img src="./images/posting/italic.gif" border="0" alt="i" accesskey="i" name="addbbcode2" value=" i " onclick="bbstyle(2)" onmouseover="helpline('i')" onmouseout="helpline('tip')"  class="bbimages"/>
		<img src="./images/posting/under.gif" border="0" alt="u" accesskey="u" name="addbbcode4" value=" u " onclick="bbstyle(4)" onmouseover="helpline('u')" onmouseout="helpline('tip')"  class="bbimages"/>
		<img src="./images/posting/strike.gif" border="0" alt="strike" onclick="bbfontstyle('[strike]','[/strike]')" onmouseover="helpline('strike')" onmouseout="helpline('tip')" border="0" class="bbimages"/>
		<img src="./images/posting/sup.gif" border="0" alt="sup" onclick="bbfontstyle('[sup]','[/sup]')" onmouseover="helpline('sup')" onmouseout="helpline('tip')" border="0" class="bbimages"/>
		<img src="./images/posting/sub.gif" border="0" alt="sub" onclick="bbfontstyle('[sub]','[/sub]')" onmouseover="helpline('sub')" onmouseout="helpline('tip')" border="0" class="bbimages"/>

		<img src="./images/posting/dots.gif" border="0" style="padding-left: 5px; padding-right: 5px;" />

		<img src="./images/posting/listb.gif" border="0" alt="list" accesskey="l" name="addbbcode10" value="List" onclick="bbstyle(10)" onmouseover="helpline('l')" onmouseout="helpline('tip')"  class="bbimages"/>
		<img src="./images/posting/listo.gif" border="0" alt="list" accesskey="o" name="addbbcode12" value="List=" onclick="bbstyle(12)" onmouseover="helpline('o')" onmouseout="helpline('tip')"  class="bbimages"/>
		<img src="./images/posting/listitem.gif" border="0" alt="[*]" accesskey="t" name="addlitsitem" value="[*]" onclick="bbstyle(-1)" onmouseover="helpline('e')" onmouseout="helpline('tip')"  class="bbimages"/>

		<img src="./images/posting/dots.gif" border="0" style="padding-left: 5px; padding-right: 5px;" />

		<img src="./images/posting/highlight=.gif" alt="highlight" border="0" onclick="bbfontstyle('[highlight=#FFFFAA]','[/highlight]')" onmouseover="helpline('highlight')" onmouseout="helpline('tip')" border="0" class="bbimages"/>
		<img src="./images/posting/hr.gif" border="0" alt="hr" onclick="bbfontstyle('[hr]','[/hr]')" onmouseover="helpline('hr')" onmouseout="helpline('tip')" border="0" class="bbimages"/>
		<img src="./images/posting/ot.gif" border="0" alt="ot" onclick="bbfontstyle('[ot]','[/ot]')" onmouseover="helpline('ot')" onmouseout="helpline('tip')" border="0" class="bbimages"/>
		
		<img src="./images/posting/dots.gif" border="0" style="padding-left: 5px; padding-right: 5px;" />
		
		<img src="./images/posting/marqd.gif" border="0" alt="marquee=down" onclick="bbfontstyle('[marquee=down]','[/marquee]')" onmouseover="helpline('marquee_down')" onmouseout="helpline('tip')" class="bbimages"/>
		<img src="./images/posting/marqu.gif" border="0" alt="marquee=up" onclick="bbfontstyle('[marquee=up]','[/marquee]')" onmouseover="helpline('marquee_up')" onmouseout="helpline('tip')" class="bbimages"/>
		<img src="./images/posting/marql.gif" border="0" alt="marquee=left" onclick="bbfontstyle('[marquee=left]','[/marquee]')" onmouseover="helpline('marquee_left')" onmouseout="helpline('tip')" class="bbimages"/>
		<img src="./images/posting/marqr.gif" border="0" alt="marquee=right" onclick="bbfontstyle('[marquee=right]','[/marquee]')" onmouseover="helpline('marquee_right')" onmouseout="helpline('tip')" class="bbimages"/>
		
				<br>
		
		<!-- IF S_BBCODE_QUOTE -->
		<img src="./images/posting/quote.gif" border="0" alt="quote" accesskey="q" name="addbbcode6" value="Quote" onclick="bbstyle(6)" onmouseover="helpline('q')" onmouseout="helpline('tip')"  class="bbimages"/>
		<!-- ENDIF -->
		<img src="./images/posting/code.gif" border="0" alt="code" accesskey="c" name="addbbcode8" value="Code" onclick="bbstyle(8)" onmouseover="helpline('c')" onmouseout="helpline('tip')"  class="bbimages"/>
		<img src="./images/posting/spoiler.gif" border="0" alt="spoiler" onclick="bbfontstyle('[spoiler]','[/spoiler]')" onmouseover="helpline('spoiler')" onmouseout="helpline('tip')" border="0" class="bbimages"/>

		<img src="./images/posting/dots.gif" border="0" style="padding-left: 5px; padding-right: 5px;" />

		<!-- IF S_BBCODE_IMG -->
		<img src="./images/posting/img.gif" border="0" alt="img" accesskey="p" name="addbbcode14" value="Img" onclick="bbstyle(14)" onmouseover="helpline('p')" onmouseout="helpline('tip')"  class="bbimages"/>
		<!-- ENDIF -->
		<!-- IF S_LINKS_ALLOWED -->
			<img src="./images/posting/url.gif" border="0" alt="URL" accesskey="w" name="addbbcode16" value="URL" onclick="bbstyle(16)" onmouseover="helpline('w')" onmouseout="helpline('tip')"  class="bbimages"/>
		<!-- ENDIF -->
		<img src="./images/posting/email.gif" border="0" alt="email" onclick="bbfontstyle('[email]','[/email]')" onmouseover="helpline('mail')" onmouseout="helpline('tip')" class="bbimages"/>
		<img src="./images/posting/dots.gif" border="0" style="padding-left: 5px; padding-right: 5px;" />
		<!-- IF S_BBCODE_FLASH -->
			<img src="./images/posting/flash.gif" border="0" alt="Flash" accesskey="d" name="addbbcode18" value="Flash" onclick="bbstyle(18)" onmouseover="helpline('d')" onmouseout="helpline('tip')"  class="bbimages"/>
		<!-- ENDIF -->
		<img src="./images/posting/video.gif" border="0" alt="video" onclick="bbfontstyle('[video width=320 height=285]','[/video]')" onmouseover="helpline('video')" onmouseout="helpline('tip')" border="0" class="bbimages"/>
		<img src="./images/posting/mp3.gif" border="0" alt="mp3" onclick="bbfontstyle('[mp3]','[/mp3]')" onmouseover="helpline('mp3')" onmouseout="helpline('tip')" border="0" class="bbimages"/>
		<img src="./images/posting/quick.gif" border="0" alt="quick" onclick="bbfontstyle('[quick width=320 height=240]','[/quick]')" onmouseover="helpline('quick')" onmouseout="helpline('tip')" border="0" class="bbimages"/>
		<img src="./images/posting/ram.gif" border="0" alt="ram" onclick="bbfontstyle('[ram width=275 height=40]','[/ram]')" onmouseover="helpline('ram')" onmouseout="helpline('tip')" border="0" class="bbimages"/>
		<img src="./images/posting/googlevideo.gif" border="0" alt="googlevideo" onclick="bbfontstyle('[googlevideo]','[/googlevideo]')" onmouseover="helpline('googlevideo')" onmouseout="helpline('tip')" border="0" class="bbimages"/>
		<img src="./images/posting/youtube.gif" border="0" alt="youtube" onclick="bbfontstyle('[youtube]','[/youtube]')" onmouseover="helpline('youtube')" onmouseout="helpline('tip')" border="0" class="bbimages"/>
														
    <!-- IF S_BBCODE_ALLOWED and .custom_tags -->
    <br>
		<!-- BEGIN custom_tags -->
		<img src="./images/posting/{custom_tags.BBCODE_TAG}.gif" border="0" alt="{custom_tags.BBCODE_TAG}" title="{custom_tags.BBCODE_TAG}" name="addbbcode{custom_tags.BBCODE_ID}" value="{custom_tags.BBCODE_TAG}" onclick="bbstyle({custom_tags.BBCODE_ID})"<!-- IF custom_tags.BBCODE_HELPLINE !== '' --> onmouseover="helpline('cb_{custom_tags.BBCODE_ID}')" onmouseout="helpline('tip')"<!-- ENDIF -->  class="bbimages"/>
		<!-- END custom_tags -->
		<!-- ENDIF -->
		<!-- ENDIF -->
	</td>
</tr>
lo del CSS se mantiene... limpias caché y debería funcionar
Arriba
djboro88
Invitado

Re: Problema con imagenes en botones bbcode

#5

Mensaje por djboro88 »

:( :( :( :(
Malas noticias.
Nada, no funciona me pasa exactamente igual que al principio.
El cuadro del mensaje desaparece junto con todos los demas bbcodes.

- Por cierto Mitch, ¿en tu web tu posting button no es igual al que yo tengo??
- ¿No hay otra forma de hacer esto?
Arriba
Avatar de Usuario
mitch
Ex Staff
Mensajes: 4260
Registrado: 04 Sep 2005, 04:28
Género:

Re: Problema con imagenes en botones bbcode

#6

Mensaje por mitch »

Lo he probado y funciona ahora

Buscar:

Código: Seleccionar todo

<!-- IF S_BBCODE_ALLOWED -->
		<input type="button" class="btnbbcode" accesskey="b" name="addbbcode0" value=" B " style="font-weight:bold; width: 30px;" onclick="bbstyle(0)" onmouseover="helpline('b')" onmouseout="helpline('tip')" />
		<input type="button" class="btnbbcode" accesskey="i" name="addbbcode2" value=" i " style="font-style:italic; width: 30px;" onclick="bbstyle(2)" onmouseover="helpline('i')" onmouseout="helpline('tip')" />
		<input type="button" class="btnbbcode" accesskey="u" name="addbbcode4" value=" u " style="text-decoration: underline; width: 30px;" onclick="bbstyle(4)" onmouseover="helpline('u')" onmouseout="helpline('tip')" />
		<!-- IF S_BBCODE_QUOTE -->
			<input type="button" class="btnbbcode" accesskey="q" name="addbbcode6" value="Quote" style="width: 50px" onclick="bbstyle(6)" onmouseover="helpline('q')" onmouseout="helpline('tip')" />
		<!-- ENDIF -->
		<input type="button" class="btnbbcode" accesskey="c" name="addbbcode8" value="Code" style="width: 40px" onclick="bbstyle(8)" onmouseover="helpline('c')" onmouseout="helpline('tip')" />
		<input type="button" class="btnbbcode" accesskey="l" name="addbbcode10" value="List" style="width: 40px" onclick="bbstyle(10)" onmouseover="helpline('l')" onmouseout="helpline('tip')" />
		<input type="button" class="btnbbcode" accesskey="o" name="addbbcode12" value="List=" style="width: 40px" onclick="bbstyle(12)" onmouseover="helpline('o')" onmouseout="helpline('tip')" />
		<input type="button" class="btnbbcode" accesskey="t" name="addlitsitem" value="[*]" style="width: 40px" onclick="bbstyle(-1)" onmouseover="helpline('e')" onmouseout="helpline('tip')" />				
		<!-- IF S_BBCODE_IMG -->
			<input type="button" class="btnbbcode" accesskey="p" name="addbbcode14" value="Img" style="width: 40px" onclick="bbstyle(14)" onmouseover="helpline('p')" onmouseout="helpline('tip')" />
		<!-- ENDIF -->
		<!-- IF S_LINKS_ALLOWED -->
			<input type="button" class="btnbbcode" accesskey="w" name="addbbcode16" value="URL" style="text-decoration: underline; width: 40px" onclick="bbstyle(16)" onmouseover="helpline('w')" onmouseout="helpline('tip')" />
		<!-- ENDIF -->
		<!-- IF S_BBCODE_FLASH -->
			<input type="button" class="btnbbcode" accesskey="d" name="addbbcode18" value="Flash" onclick="bbstyle(18)" onmouseover="helpline('d')" onmouseout="helpline('tip')" />
		<!-- ENDIF -->
        <!-- IF S_BBCODE_ALLOWED and .custom_tags -->
		<!-- BEGIN custom_tags -->
			<input type="button" class="btnbbcode" name="addbbcode{custom_tags.BBCODE_ID}" value="{custom_tags.BBCODE_TAG}" onclick="bbstyle({custom_tags.BBCODE_ID})"<!-- IF custom_tags.BBCODE_HELPLINE !== '' --> onmouseover="helpline('cb_{custom_tags.BBCODE_ID}')" onmouseout="helpline('tip')"<!-- ENDIF --> />
		<!-- END custom_tags -->
		<!-- ENDIF -->
		<!-- IF S_BBCODE_ALLOWED -->
		<span class="genmed nowrap">{L_FONT_SIZE}: <select class="gensmall" name="addbbcode20" onchange="bbfontstyle('[size=' + this.form.addbbcode20.options[this.form.addbbcode20.selectedIndex].value + ']', '[/size]');this.form.addbbcode20.selectedIndex = 2;" onmouseover="helpline('f')" onmouseout="helpline('tip')">
			<option value="50">{L_FONT_TINY}</option>
			<option value="85">{L_FONT_SMALL}</option>
			<option value="100" selected="selected">{L_FONT_NORMAL}</option>
			<!-- IF not MAX_FONT_SIZE or MAX_FONT_SIZE >= 150 -->
				<option value="150">{L_FONT_LARGE}</option>
				<!-- IF not MAX_FONT_SIZE or MAX_FONT_SIZE >= 200 -->
					<option value="200">{L_FONT_HUGE}</option>
				<!-- ENDIF -->
			<!-- ENDIF -->
		</select></span>
<!-- ENDIF -->
	</td>
</tr>
Reemplazar por:

Código: Seleccionar todo

<!-- IF S_BBCODE_ALLOWED -->
      <select class="gensmall" style="height: 18px;" name="fuentes" onchange="bbfontstyle('[font=' + this.form.fuentes.options[this.form.fuentes.selectedIndex].value + ']', '[/font]');this.selectedIndex=0;" onmouseover="helpline('font')">
         <option value="" class="genmed" style="font-family: Verdana;" selected="selected">Fuente</option>
         <option value="Arial" class="genmed" style="font-family: Arial;">Arial</option>
         <option value="Comic Sans MS" class="genmed" style="font-family: 'Comic Sans MS';">Comic Sans MS</option>
         <option value="Courier New" class="genmed" style="font-family: 'Courier New';">Courier New</option>

         <option value="Impact" class="genmed" style="font-family: Impact;">Impact</option>
         <option value="Lucida Console" class="genmed" style="font-family: 'Lucida Console';">Lucida Console</option>
         <option value="Lucida Sans Unicode" class="genmed" style="font-family: 'Lucida Sans Unicode';">Lucida Sans Unicode</option>
         <option value="Microsoft Sans Serif" class="genmed" style="font-family: 'Microsoft Sans Serif';">Microsoft Sans Serif</option>
         <option value="Symbol" class="genmed" style="font-family: Symbol;">Symbol</option>
         <option value="Tahoma" class="genmed" style="font-family: Tahoma;">Tahoma</option>

         <option value="Times New Roman" class="genmed" style="font-family: 'Times New Roman';">Times New Roman</option>
         <option value="Traditional Arabic" class="genmed" style="font-family: 'Traditional Arabic';">Traditional Arabic</option>
         <option value="Trebuchet MS" class="genmed" style="font-family: 'Trebuchet MS';">Trebuchet MS</option>
         <option value="Verdana" class="genmed" style="font-family: Verdana;">Verdana</option>
         <option value="Webdings" class="genmed" style="font-family: Webdings;">Webdings</option>
         <option value="Wingdings" class="genmed" style="font-family: Wingdings;">Wingdings</option>
      </select>

      <select class="gensmall" name="addbbcode20" onchange="bbfontstyle('[size=' + this.form.addbbcode20.options[this.form.addbbcode20.selectedIndex].value + ']', '[/size]');this.form.addbbcode20.selectedIndex = 0;" onmouseover="helpline('f')" onmouseout="helpline('tip')">
         <option value="" selected="selected">Tamaño</option>
         <option value="50">{L_FONT_TINY}</option>
         <option value="85">{L_FONT_SMALL}</option>
         <option value="100">{L_FONT_NORMAL}</option>
         <option value="150">{L_FONT_LARGE}</option>
         <option value="200">{L_FONT_HUGE}</option>
      </select>
<br>
      <img src="./images/posting/left.gif" border="0" alt="align=left" onclick="bbfontstyle('[align=left]','[/align]')" onmouseover="helpline('align_left')" onmouseout="helpline('tip')" class="bbimages"/>
      <img src="./images/posting/center.gif" border="0" alt="align=right" onclick="bbfontstyle('[align=center]','[/align]')" onmouseover="helpline('align_center')" onmouseout="helpline('tip')" class="bbimages"/>
      <img src="./images/posting/right.gif" border="0" alt="align=right" onclick="bbfontstyle('[align=right]','[/align]')" onmouseover="helpline('align_right')" onmouseout="helpline('tip')" class="bbimages"/>
      <img src="./images/posting/justify.gif" border="0" alt="align=justify" onclick="bbfontstyle('[align=justify]','[/align]')" onmouseover="helpline('align_justify')" onmouseout="helpline('tip')" class="bbimages"/>

      <img src="./images/posting/dots.gif" border="0" style="padding-left: 5px; padding-right: 5px;" />

      <img src="./images/posting/bold.gif" border="0" alt="b" accesskey="b" name="addbbcode0" value=" B " onclick="bbstyle(0)" onmouseover="helpline('b')" onmouseout="helpline('tip')" class="bbimages"/>
      <img src="./images/posting/italic.gif" border="0" alt="i" accesskey="i" name="addbbcode2" value=" i " onclick="bbstyle(2)" onmouseover="helpline('i')" onmouseout="helpline('tip')"  class="bbimages"/>
      <img src="./images/posting/under.gif" border="0" alt="u" accesskey="u" name="addbbcode4" value=" u " onclick="bbstyle(4)" onmouseover="helpline('u')" onmouseout="helpline('tip')"  class="bbimages"/>
      <img src="./images/posting/strike.gif" border="0" alt="strike" onclick="bbfontstyle('[strike]','[/strike]')" onmouseover="helpline('strike')" onmouseout="helpline('tip')" border="0" class="bbimages"/>
      <img src="./images/posting/sup.gif" border="0" alt="sup" onclick="bbfontstyle('[sup]','[/sup]')" onmouseover="helpline('sup')" onmouseout="helpline('tip')" border="0" class="bbimages"/>
      <img src="./images/posting/sub.gif" border="0" alt="sub" onclick="bbfontstyle('[sub]','[/sub]')" onmouseover="helpline('sub')" onmouseout="helpline('tip')" border="0" class="bbimages"/>

      <img src="./images/posting/dots.gif" border="0" style="padding-left: 5px; padding-right: 5px;" />

      <img src="./images/posting/listb.gif" border="0" alt="list" accesskey="l" name="addbbcode10" value="List" onclick="bbstyle(10)" onmouseover="helpline('l')" onmouseout="helpline('tip')"  class="bbimages"/>
      <img src="./images/posting/listo.gif" border="0" alt="list" accesskey="o" name="addbbcode12" value="List=" onclick="bbstyle(12)" onmouseover="helpline('o')" onmouseout="helpline('tip')"  class="bbimages"/>
      <img src="./images/posting/listitem.gif" border="0" alt="[*]" accesskey="t" name="addlitsitem" value="[*]" onclick="bbstyle(-1)" onmouseover="helpline('e')" onmouseout="helpline('tip')"  class="bbimages"/>

      <img src="./images/posting/dots.gif" border="0" style="padding-left: 5px; padding-right: 5px;" />

      <img src="./images/posting/highlight=.gif" alt="highlight" border="0" onclick="bbfontstyle('[highlight=#FFFFAA]','[/highlight]')" onmouseover="helpline('highlight')" onmouseout="helpline('tip')" border="0" class="bbimages"/>
      <img src="./images/posting/hr.gif" border="0" alt="hr" onclick="bbfontstyle('[hr]','[/hr]')" onmouseover="helpline('hr')" onmouseout="helpline('tip')" border="0" class="bbimages"/>
      <img src="./images/posting/ot.gif" border="0" alt="ot" onclick="bbfontstyle('[ot]','[/ot]')" onmouseover="helpline('ot')" onmouseout="helpline('tip')" border="0" class="bbimages"/>
      
      <img src="./images/posting/dots.gif" border="0" style="padding-left: 5px; padding-right: 5px;" />
      
      <img src="./images/posting/marqd.gif" border="0" alt="marquee=down" onclick="bbfontstyle('[marquee=down]','[/marquee]')" onmouseover="helpline('marquee_down')" onmouseout="helpline('tip')" class="bbimages"/>
      <img src="./images/posting/marqu.gif" border="0" alt="marquee=up" onclick="bbfontstyle('[marquee=up]','[/marquee]')" onmouseover="helpline('marquee_up')" onmouseout="helpline('tip')" class="bbimages"/>
      <img src="./images/posting/marql.gif" border="0" alt="marquee=left" onclick="bbfontstyle('[marquee=left]','[/marquee]')" onmouseover="helpline('marquee_left')" onmouseout="helpline('tip')" class="bbimages"/>
      <img src="./images/posting/marqr.gif" border="0" alt="marquee=right" onclick="bbfontstyle('[marquee=right]','[/marquee]')" onmouseover="helpline('marquee_right')" onmouseout="helpline('tip')" class="bbimages"/>
      
            <br>
      
      <!-- IF S_BBCODE_QUOTE -->
      <img src="./images/posting/quote.gif" border="0" alt="quote" accesskey="q" name="addbbcode6" value="Quote" onclick="bbstyle(6)" onmouseover="helpline('q')" onmouseout="helpline('tip')"  class="bbimages"/>
      <!-- ENDIF -->
      <img src="./images/posting/code.gif" border="0" alt="code" accesskey="c" name="addbbcode8" value="Code" onclick="bbstyle(8)" onmouseover="helpline('c')" onmouseout="helpline('tip')"  class="bbimages"/>
      <img src="./images/posting/spoiler.gif" border="0" alt="spoiler" onclick="bbfontstyle('[spoiler]','[/spoiler]')" onmouseover="helpline('spoiler')" onmouseout="helpline('tip')" border="0" class="bbimages"/>

      <img src="./images/posting/dots.gif" border="0" style="padding-left: 5px; padding-right: 5px;" />

      <!-- IF S_BBCODE_IMG -->
      <img src="./images/posting/img.gif" border="0" alt="img" accesskey="p" name="addbbcode14" value="Img" onclick="bbstyle(14)" onmouseover="helpline('p')" onmouseout="helpline('tip')"  class="bbimages"/>
      <!-- ENDIF -->
      <!-- IF S_LINKS_ALLOWED -->
         <img src="./images/posting/url.gif" border="0" alt="URL" accesskey="w" name="addbbcode16" value="URL" onclick="bbstyle(16)" onmouseover="helpline('w')" onmouseout="helpline('tip')"  class="bbimages"/>
      <!-- ENDIF -->
      <img src="./images/posting/email.gif" border="0" alt="email" onclick="bbfontstyle('[email]','[/email]')" onmouseover="helpline('mail')" onmouseout="helpline('tip')" class="bbimages"/>
      <img src="./images/posting/dots.gif" border="0" style="padding-left: 5px; padding-right: 5px;" />
      <!-- IF S_BBCODE_FLASH -->
         <img src="./images/posting/flash.gif" border="0" alt="Flash" accesskey="d" name="addbbcode18" value="Flash" onclick="bbstyle(18)" onmouseover="helpline('d')" onmouseout="helpline('tip')"  class="bbimages"/>
      <!-- ENDIF -->
      <img src="./images/posting/video.gif" border="0" alt="video" onclick="bbfontstyle('[video width=320 height=285]','[/video]')" onmouseover="helpline('video')" onmouseout="helpline('tip')" border="0" class="bbimages"/>
      <img src="./images/posting/mp3.gif" border="0" alt="mp3" onclick="bbfontstyle('[mp3]','[/mp3]')" onmouseover="helpline('mp3')" onmouseout="helpline('tip')" border="0" class="bbimages"/>
      <img src="./images/posting/quick.gif" border="0" alt="quick" onclick="bbfontstyle('[quick width=320 height=240]','[/quick]')" onmouseover="helpline('quick')" onmouseout="helpline('tip')" border="0" class="bbimages"/>
      <img src="./images/posting/ram.gif" border="0" alt="ram" onclick="bbfontstyle('[ram width=275 height=40]','[/ram]')" onmouseover="helpline('ram')" onmouseout="helpline('tip')" border="0" class="bbimages"/>
      <img src="./images/posting/googlevideo.gif" border="0" alt="googlevideo" onclick="bbfontstyle('[googlevideo]','[/googlevideo]')" onmouseover="helpline('googlevideo')" onmouseout="helpline('tip')" border="0" class="bbimages"/>
      <img src="./images/posting/youtube.gif" border="0" alt="youtube" onclick="bbfontstyle('[youtube]','[/youtube]')" onmouseover="helpline('youtube')" onmouseout="helpline('tip')" border="0" class="bbimages"/>
                                          
    <!-- IF S_BBCODE_ALLOWED and .custom_tags -->
    <br>
      <!-- BEGIN custom_tags -->
      <img src="./images/posting/{custom_tags.BBCODE_TAG}.gif" border="0" alt="{custom_tags.BBCODE_TAG}" title="{custom_tags.BBCODE_TAG}" name="addbbcode{custom_tags.BBCODE_ID}" value="{custom_tags.BBCODE_TAG}" onclick="bbstyle({custom_tags.BBCODE_ID})"<!-- IF custom_tags.BBCODE_HELPLINE !== '' --> onmouseover="helpline('cb_{custom_tags.BBCODE_ID}')" onmouseout="helpline('tip')"<!-- ENDIF -->  class="bbimages"/>
      <!-- END custom_tags -->
      <!-- ENDIF -->
   </td>
</tr>
Limpiar caché y ver, salu2.
Arriba
djboro88
Invitado

Re: Problema con imagenes en botones bbcode

#7

Mensaje por djboro88 »

¡¡¡ QUE GRANDE ERES MITCH !!!

Pero ahora ni las Ñ, ni los acentos salen.
¿Que ocure?
Arriba
MR.PABLO
Ex Staff
Mensajes: 530
Registrado: 30 Jul 2009, 17:34
Edad: 37

Re: Problema con imagenes en botones bbcode

#8

Mensaje por MR.PABLO »

Prueba guardando el archivo en codificación UTF-8
Antes de nada, lee las Normas de phpBB-Es, y la siempre útil Guí a de phpBB en Castellano.
Consulta la Documentación de phpBB 2, la Documentación de phpBB 3 y los FAQS de ayuda para tus problemas.
Quizás esté resuelto, y todos ahorremos tiempo.
Si es sobre cómo Crear una Consulta SQL ya lo tienes explicado en el enlace.
En general, se pide Buscar antes de preguntar para no repetir preguntas y dudas resueltas.
Sólo tendrás Soporte si facilitas los datos correspondientes y si respetas completamente el Copyright de phpBB.
NOTA: No damos Soporte a los foros integrados en Nuke y derivados del mismo. Infórmate AQUÍ.

[hr]
Spoiler
Versión phpBB: phpBB3 (3.0.6)
MODs Instalados: PhpBB3 Portal 1.2.2 • Highslide Attachment Mod 4.1.4 • Activity Stats Mod • Simple Hide BBcode • Portal Phpbb • Arreglos Varios a Portal, cambios, etc • Similar Topic`s Mod • Tabs al estilo prosilver • No Avatar • Barra lateral de Mitch • Seo URl v. 6.2 •META Etiquetas por .:: MSSTI ::.•BBcode con imágenes • Open Links In New Tab • MSSTI RSS Feed 2.0 with ACP • Email Masivo • Prime Links [Con modificación de Mitch incluída]•Page Title Number MOD•Quién editó el post?•
Evil Quick Reply 1.0.1•
Plantilla(s) usada(s): 1blackout - [Basada en Prosilver]
Servidor:Linux. Page
Actualización desde otra versión: SI . 3.0.5
Conversión desde otro sistema de foros: No
Usuario de prueba : usuario_prueba
Pass: 123456[/align][/size][/font]
[hr]
אָ MяРαвlΘ אָ @ Webmaster de JjTeamWebdesign


Imagen
Arriba
Avatar de Usuario
mitch
Ex Staff
Mensajes: 4260
Registrado: 04 Sep 2005, 04:28
Género:

Re: Problema con imagenes en botones bbcode

#9

Mensaje por mitch »

Abre el archivo, anda a "Guardar Como..." y en tipo de archivo o formato, ponle UTF-8.
Al guardarse así, se soluciona esto (obviamente limpiar caché).
Arriba
Cerrado

Volver a “Foros de Soporte 3.0.x”