foro deformado al poner codigo php

URL del foro: http://www.foropruebas.uni.cc/
Versión del foro: 1.6
Actualización: Ninguna

Bueno pues eso. Al colocar un codigo entre los mycodes [*php] y [*/php] (pogo el simbolito para que no salgala caja) el foro se deforma a lo ancho
Tambien me gustaria (si es posible) que me digais cómo ponerlo para quela cajita del codigo salga como aqui cuando se pone un codigo cualquiera (sea normal o de php)

Última modificación: 28 Aug, 2011, 11:58 am por TechMiX.

Podrías poner un post donde tengas el [php*]? Para ver cómo se deforma. Smile

Como dijo nentab coloca una imagen, para ver como solucionar el problema, sobre lo segundo no lo entendí muy bien. quieres una caja de código con el diseño de este foro con el botón de selección o quieres una caja que pueda indentificar php si es php o texto plano si solo es texto es decir anidar la dos cajas.???

Última modificación: 28 Aug, 2011, 12:57 pm por ermarco.

aqui lo podeis ver http://foropruebas.uni.cc/tema-prueba-php

saydead escribió:quieres una caja de código con el diseño de este foro con el botón de selección o quieres una caja que pueda indentificar php si es php o texto plano si solo es texto es decir anidar la dos cajas.???

quiero una caja con el diseño de este foro con el botón de seleccion a ser posible

Última modificación: 28 Aug, 2011, 1:06 pm por TechMiX.

Prueba a añadir:

Código:
max-width: 700px;

al

Código:
.codeblock

Pero me temo que eso es problema del theme... Yo por ejemplo cuando hice el MyClean estuve pendiente que no tuviera fallos de ese tipo.

Respecto a lo del botón... Hay este plugin: http://mods.mybb.com/view/select-all-in-code-and-php

Última modificación: 28 Aug, 2011, 1:26 pm por Cluster.

Perfecto lo del .codeblock. Muchas gracias. Voy a probar lo del plugin Wink

Edito. Sale bien lo del plugin . Pero ¿cómo le pongo ese boton y laapariencia que tiene en este foro?

Última modificación: 28 Aug, 2011, 1:42 pm por TechMiX.

abre el archivo del pulgin y

busca

Código:
<a href=# onclick=\"selectCode(this); return false;\">(Select All)</a>

remplaza

Código:
<input type=\"button\" onclick=\"selectCode(this); return false;\" value=\"Select All\" />

recuerda que tienes que modificar los dos el de code y el de php_code

ahora desactiva el pulgin y vuelve lo a activar.

la apariencia lo puedes modificar con css en la regla .codeblock y .codeblock .title ahí le puedes dar el diseño que tu desees.

Última modificación: 28 Aug, 2011, 2:55 pm por ermarco.

Pues no consigo darle esa apariencia. fijaos en los css tal y comolos tengo
este es el .codeblock

Código:
float: right;

border: 1px solid #ccc;

margin: 0;

padding: 0px 5px;

-moz-border-radius: 5px;

margin-bottom: 5px;

max-width: 700px;

Y este el .codeblock .title

Código:
border-bottom: 1px solid #ccc;

padding: 2px 4px 5px 4px;

display: block;

margin-bottom: 6px;

Gracias alos dos Wink

Aquí lo puse así:

Código:
.codeblock {

    border: 1px solid #bbb;

    margin: 0;

    margin-left: 15px;

    background: #fff;

    padding: 5px;

}

.codeblock .title {

    font-weight: bold;

    border-bottom: 1px solid #ccc;

    margin: 0;

    margin-bottom: 4px;

    background: #ddd;

    padding: 2px 5px;

    height: 20px;

}

.codeblock code {

    overflow: auto;

    height: auto;

    max-height: 200px;

    display: block;

    font-family: Monaco, Consolas, Courier, monospace;

    font-size: 13px;

}

casi perfecto. Lo unico que no consigo es que el boton de "seleccionar todo" se situe a la derecha, ya que si coloco el float: right; lo que se alinea a la derecha es la caja del codigo en vez del boton