Foros del Web » Creando para Internet » Sistemas de gestión de contenidos » Joomla »

Insertar HTML como un articulo, sin serlo

Estas en el tema de Insertar HTML como un articulo, sin serlo en el foro de Joomla en Foros del Web. Buenas, la pregunta es un tanto complicada, o al menos a mi se me hace complicada. El problema que tengo es el siguiente, quiero hacer ...
  #1 (permalink)  
Antiguo 23/07/2009, 04:29
Avatar de carscx  
Fecha de Ingreso: noviembre-2008
Mensajes: 227
Antigüedad: 16 años, 1 mes
Puntos: 10
Insertar HTML como un articulo, sin serlo

Buenas, la pregunta es un tanto complicada, o al menos a mi se me hace complicada.

El problema que tengo es el siguiente, quiero hacer una portada para cada seccion de la pagina que tengo en Joomla, es decir tengo un menu superior con 5 seccion, y cada enlace, ahora va a un articulo, pero el caso es que por temas de accesibilidad.

Necesito cambiar ese articulo por otra portada hecha en HTML+CSS y claro al insertar el HTML en articulo, si lo pego con el editor TniyMCE, me "descojona" el código, y si lo pego poniendo no editor, no coge el CSS.

Lo he hecho con un wrapper, pero no me gusta usarlos ya que al final, en alguna resolucion, termina mostrando un scroll en medio de la pagina que no me gusta.

Sabeis alguna manera de poder mostrar el HTML tal cual en el medio de la pagina.

He probado los modulos HTML, pero a la hora de mostrar el contenido, no consigo que lo haga en la posicion de los articulos.

Espero que me puedan ayudar,

Saludos
__________________
Frontend Developer
JS+HTML5+CSS3
Backend Developer
PHP+MySQL
  #2 (permalink)  
Antiguo 23/07/2009, 08:03
Avatar de punkslot28  
Fecha de Ingreso: junio-2009
Ubicación: Málaga
Mensajes: 215
Antigüedad: 15 años, 6 meses
Puntos: 2
Respuesta: Insertar HTML como un articulo, sin serlo

Crea primero un articulo integrando todo el HTML que quieras poner, si sabes usarlo bien podrás crear hasta menús en ese articulo, y luego en el menú superior ponle que sea de tipo > articulo > presentación de un único articulo.

Saludos
  #3 (permalink)  
Antiguo 23/07/2009, 10:32
Avatar de carscx  
Fecha de Ingreso: noviembre-2008
Mensajes: 227
Antigüedad: 16 años, 1 mes
Puntos: 10
Respuesta: Insertar HTML como un articulo, sin serlo

gracias por la respuesta punkslot28,

eso es lo que he hecho, pero es que el propio joomla, no interpreta bien el CSS que aplico sobre el HTML.
__________________
Frontend Developer
JS+HTML5+CSS3
Backend Developer
PHP+MySQL
  #4 (permalink)  
Antiguo 23/07/2009, 11:32
Avatar de punkslot28  
Fecha de Ingreso: junio-2009
Ubicación: Málaga
Mensajes: 215
Antigüedad: 15 años, 6 meses
Puntos: 2
Respuesta: Insertar HTML como un articulo, sin serlo

Entonces pon un wrapper con los tamaños bien definidos para que parezca un articulo, y que el wrapper que sea un .html creado por ti y alojado en tu host. Por ejemplo menu1.html y lo pones en un wrapper

Saludos!
  #5 (permalink)  
Antiguo 23/07/2009, 12:46
Avatar de Larenz
Colaborador
 
Fecha de Ingreso: enero-2007
Ubicación: Nicaragua
Mensajes: 1.398
Antigüedad: 17 años, 11 meses
Puntos: 55
Respuesta: Insertar HTML como un articulo, sin serlo

Pienso que no deberías de aplicar estilos (style) directamente a tu código html. Lo que deberías de hacer es crear tu código en html a como lo has hecho pero llenarlo de clases en vez de estilos. En vez de hacerlo así:

Código HTML:
<p style="font-size:12px; margin: 10px!>Tu texto aquí</p> 
Puedes hacerlo así:

Código HTML:
<p class="parrafo1">Tu texto aquí</p> 
Ahora si piensas trabajar con div dentro de tu html es mejor que primero encierres los tags de párrafo (p) en los divs. O sea así:

Código HTML:
<div id="textbox">
  <p class="contenido"> Tu texto aquí </p>
  <div class="box"> Alguna otra info aquí</div>
</div> 
De esta manera el editor no te corta los tags usados. Pero si comienzas con los tags p y luego quieres usar divs no los reconocerá.
  #6 (permalink)  
Antiguo 23/07/2009, 13:50
Avatar de carscx  
Fecha de Ingreso: noviembre-2008
Mensajes: 227
Antigüedad: 16 años, 1 mes
Puntos: 10
Respuesta: Insertar HTML como un articulo, sin serlo

Buenas Larenz, gracias por la respuesta, mi codigo CSS es el siguiente

Código CSS:
Ver original
  1. * { margin: 0px;
  2. padding: 0px; outline: 0;
  3. }
  4. body {
  5.     background-color: #FFF;
  6.     margin:20px;
  7. }
  8.  
  9. h3 {
  10.     color:#cc9900;
  11. }
  12. h2 {
  13.     font-size:12px;
  14.     font-family: Verdana;
  15. }
  16. a   {
  17.     text-decoration: none;
  18.     color:#006699;
  19. }
  20. a:hover {
  21.     text-decoration: underline;
  22.     display:block;
  23.     }
  24. #cabecera {
  25.     margin:0 auto;
  26.     position: left;
  27.     width:100%;
  28.     }
  29.    
  30. #principal ul li span {
  31.     color:#515151;
  32.     font-family: Trebuchet MS;
  33.     font-size: 9pt;
  34.     margin-left:5px;
  35. }
  36. p {
  37.     font-size: 9px;
  38.     font-family: Verdana;
  39.     color:#666;
  40. }
  41.  
  42. #principal {
  43.     margin:0 auto;
  44.     position: relative;
  45.     width:100%;
  46. }
  47.  
  48. #principal ul {
  49.    
  50. }
  51.  
  52. #principal li {
  53.     display:inline;
  54.     float:left;
  55.     margin: 5px;
  56.     padding: 5px;
  57.     background: #FFF;
  58.     width: 40%;
  59.     min-width: 190px;
  60. }
  61. #principal ul li img {
  62.     border:1px solid #EEE;
  63.   float:left;
  64.   margin-right:5px;
  65. }

Y el HTML el siguiente:

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" lang="es-es" xml:lang="es-es">
  3.     <head>
  4.         <meta name="Ciudadanos" content="Pagina principal" />
  5.         <title>Ciudadanos</title>
  6.         <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  7.         <link rel="stylesheet" type="text/css" href="estilo1.css" />
  8. </head>
  9.  
  10.     <body>
  11.         <div id="cabecera"><img src="ban-ciudadanos.png" alt="Ciudadanos" title="Ciudadanos" /></div>
  12.         <div id="principal">
  13.             <h3>Ciudadanos</h3>
  14.             <ul>
  15.             <li><a href="#" target="_parent"><img src="info-ico.png" alt="Información" title="Información" /><h2>Información</h2></a><p>Para los ciudadanos, pacientes, familiares</p></li>
  16.             <li><a href="#" target="_parent"><img src="centros-ico.jpg" alt="Centros y Servicios" title="Centros y Servicios" /><h2>Centros y Servicios</h2></a><p>Centros de salud</p></li>
  17.  
  18.             <li><a href="#" target="_parent"><img src="donaciones-ico.jpg" alt="Donaciones y trasplantes" title="Donaciones y trasplantes" /><h2>Donaciones y trasplantes</h2></a><p>Unidad Autonómica de Trasplantes</p></li>
  19.             <li><a href="#" target="_parent"><img src="#" alt="Epidemiología" title="Epidemiología" /><h2>Epidemiología</h2></a><p>Boletines e indicadores epidemiológicos</p></li>
  20.             <li><a href="#" target="_parent"><img src="tarjeta-ico.jpg" alt="Tarjeta sanitaria" title="Tarjeta sanitaria" /><h2>Tarjeta sanitaria</h2></a><p>Uso y caracteristicas de la Tarjeta sanitaria. Renovación de Tarjeta</p></li>
  21.            
  22.             </ul>
  23.         </div>

¿Lo que me quieres decir es que incruste el codigo CSS en su respectivo lugar?

Te agradeceria que me lo pudieses aclarar. Gracias de todas formas,

Saludos,
__________________
Frontend Developer
JS+HTML5+CSS3
Backend Developer
PHP+MySQL
  #7 (permalink)  
Antiguo 23/07/2009, 14:26
Avatar de Larenz
Colaborador
 
Fecha de Ingreso: enero-2007
Ubicación: Nicaragua
Mensajes: 1.398
Antigüedad: 17 años, 11 meses
Puntos: 55
Respuesta: Insertar HTML como un articulo, sin serlo

Oye metes ese código html dentro de un módulo y le incluyes los head y el doctype? Si es así puede que por eso no te resulte.
  #8 (permalink)  
Antiguo 23/07/2009, 16:20
Avatar de carscx  
Fecha de Ingreso: noviembre-2008
Mensajes: 227
Antigüedad: 16 años, 1 mes
Puntos: 10
Respuesta: Insertar HTML como un articulo, sin serlo

Si, asi lo hago, probare la opcion que me dices. Muchas gracias,
__________________
Frontend Developer
JS+HTML5+CSS3
Backend Developer
PHP+MySQL
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:41.