modificar [code]

[niny]

hola me gustaria modificar el my code:

code

para que quede como aki:
http://www.pordescargadirecta.com/pelicu...ost1293250

[Solstice]

yo te diria pero en el post de ese foro yo no veo niun [CODE]

[ilusoignorante]

quizas es porque no estamos registrados en esa pagina y por eso no podemos verlo D:

[niny]

si si no estais registrados no lo podeis ver..os ago una captura para que lo podais ver...

quiero que quede como esa caja donde pone proximamente y si es posible que los invitados no puedan ver lo que hay dentro,que le aparecka un texto para que se registren...
gracias de antemano

[ilusoignorante]

los css para ese cuadro estan en "themes/global":

.codeblock {
background: #fff;
border: 1px solid #ccc;
padding: 4px;
}

.codeblock .title {
border-bottom: 1px solid #ccc;
font-weight: bold;
margin: 4px 0;
}

.codeblock code {
overflow: auto;
height: auto;
max-height: 200px;
display: block;
font-family: Monaco, Consolas, Courier, monospace;
font-size: 13px;
}

y el codigo para que tenga ese tipo de borde que tu quieres es masomenos asi:

border-top-style: solid;
border-top-color: black;
border-top-width: 1px;
border-bottom-style: solid;
border-bottom-color: white;
border-bottom-width: 1px;
border-left-style: solid;
border-left-color: black;
border-left-width: 1px;
border-right-style: solid;
border-right-color: white;
border-right-width: 1px;

para el color verde de la letra le pones:

color: green;

lo de que cuando no estas registrado salga unas letras para que se registren por ahora nunca lo he hecho, entonces no se hacerlo.

[niny]

gracias,yo tampoco entiendo mucho alomejor se puede sacar algo de lo que te e dicho del code de aki:
http://www.phpbb-es.com/foro/guias-phpbb...16095.html
ah por cierto!
tengo que sustituir el codigo original por el que tu me as puesto verdad?

[ilusoignorante]

sustituye solo el borde, osea, que quede asi:

.codeblock {
background: #fff;

border-top-style: solid;
border-top-color: black;
border-top-width: 1px;
border-bottom-style: solid;
border-bottom-color: white;
border-bottom-width: 1px;
border-left-style: solid;
border-left-color: black;
border-left-width: 1px;
border-right-style: solid;
border-right-color: white;
border-right-width: 1px;

padding: 4px;
}

[niny]

Lo acabo de comprobar y no queda como en la imagen puede ser por el mycode?
te dejo una imagen de como quedo:

[ilusoignorante]

intenta con esto:

.codeblock {
background: #fff;

border-top-style: solid;
border-top-color: black;
border-top-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ccc;
border-bottom-width: 1px;
border-left-style: solid;
border-left-color: black;
border-left-width: 1px;
border-right-style: solid;
border-right-color: #ccc;
border-right-width: 1px;

padding: 4px;
}

.codeblock .title {
font-weight: bold;
margin: 4px 0;
}

.codeblock code {
overflow: auto;
height: auto;
max-height: 200px;
display: block;
font-family: Monaco, Consolas, Courier, monospace;
font-size: 13px;
}

___________________________________
tu quieres que no salga la palabra codigo tambien?

[niny]

pues i conseguimos ese efecto para que quede como en la imagen si me gustaria!