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

Generar scroll en el centro de la página joomla

Estas en el tema de Generar scroll en el centro de la página joomla en el foro de Joomla en Foros del Web. Hola compañer@s Cómo puedo hacer para generar scroll en el centro de la página, dónde va el contenido? es que me están pidiendo que genere ...
  #1 (permalink)  
Antiguo 27/05/2008, 22:16
Avatar de jhonmelguizo  
Fecha de Ingreso: enero-2008
Ubicación: Medellín - Colombia
Mensajes: 264
Antigüedad: 16 años, 10 meses
Puntos: 6
De acuerdo Generar scroll en el centro de la página joomla

Hola compañer@s

Cómo puedo hacer para generar scroll en el centro de la página, dónde va el contenido?

es que me están pidiendo que genere scroll para una web, intenté hacerlo con un iframe pero me sale un error, alguien me puede ayudar?
  #2 (permalink)  
Antiguo 28/05/2008, 05:20
Avatar de metacortex
Viejo demente
 
Fecha de Ingreso: junio-2004
Ubicación: Caracas - Venezuela
Mensajes: 9.027
Antigüedad: 20 años, 5 meses
Puntos: 832
Respuesta: Generar scroll en el centro de la página joomla

En tu CSS define una altura fija para la capa y colocas overflow: auto;
  #3 (permalink)  
Antiguo 28/05/2008, 07:54
Avatar de jhonmelguizo  
Fecha de Ingreso: enero-2008
Ubicación: Medellín - Colombia
Mensajes: 264
Antigüedad: 16 años, 10 meses
Puntos: 6
Respuesta: Generar scroll en el centro de la página joomla

Cita:
Iniciado por metacortex Ver Mensaje
En tu CSS define una altura fija para la capa y colocas overflow: auto;
Hola metacortex

Que pena amigo, no se mucho de CSS, me puedes decir en qué parte del código puedo poner el overflow: auto; ???


/**
* AkoBluePortal - A Mambo 4.5.1 template
* @version 2.0
* @package AkoBluePortal
* @copyright (C) 2003, 2004 by Arthur Konze - All rights reserved!
* @license http://www.konze.de/content/view/8/26/ Copyrighted Commercial Software
*/

/* ###################### OVERALL SETTINGS ###################### color natural del background #dcdcdc; */
BODY {
background-color : #ffffff;
color : #000000;
}

td, tr, p, div {
font : 11px Verdana, Arial, Helvetica, sans-serif;
color : #000000;
}

ul {
margin : 0px 0px 0px 10px;
}

li {
list-style : inside url("../images/arrow.gif") 2px;
list-style-image : url("../images/arrow.gif");
}

hr {
height : 1px;
width : 100%;
color : #D0D0D0;
}

.poll {
font : 9px Arial, Helvetica, Verdana, sans-serif;
color : #666666;
line-height : 14px
}

/* ###################### UPPER BUTTON BAR ###################### */
a.buttonbar:link, a.buttonbar:visited {
font : bold 10px Verdana, Arial, Helvetica, sans-serif;
color : #000000;
text-transform : uppercase;
text-decoration : none;
}

a.buttonbar:hover {
color : #000099;
text-decoration : none;
}

/* ############## PATHWAY AND BOTTOM BUTTON BAR ############## */
.pathway {
font : 11px Verdana, Arial, Helvetica, sans-serif;
color : #999999;
}
a.pathway:link, a.pathway:visited {
color : #285078;
font-weight : normal;
}

a.pathway:hover {
color : #CC6600;
font-weight : normal;
}

/* ################### MODULE SETTINGS ################### */
.modules {
background : #F0F0F0;
}

table.moduletable {
margin : 0px 0px 0px 0px;
width : 100%;
margin-bottom : 5px;
}

table.moduletable th {
font-size : 11px;
font-weight : bold;
width : 100%;
color : #000000;
text-align : center;
border-bottom : 1px solid #cccccc;
}

table.moduletable td {
font-size : 11px;
font-weight : normal;
}

/* ################### MAIN AND SUB MENU SYSTEM ################### */
.mainlevel {
letter-spacing : 1px;
width : 100%;
}

a.mainlevel:link, a.mainlevel:visited {
color : #285078;
}

a.mainlevel:hover {
color : #CC6600;
}

.sublevel {
letter-spacing : 2px;
padding-left : 7px;
}

/* ###################### SECTION LISTING SETTINGS ###################### */
.sectiontableheader {
background : url("../images/logo_bar_back.gif");
color : #FFFFFF;
font-weight : bold;
}

.sectiontableentry1 {
background-color : #F0F0F0;
}

.sectiontableentry2 {
background-color : #E0E0E0;
}

/* ###################### SMALL FONT SETTINGS ###################### */
.small {
font : 9px Verdana, Arial, Helvetica, sans-serif;
color : #990000;
text-decoration : none;
font-weight : medium;
}

.smalldark {
font : 9px Verdana, Arial, Helvetica, sans-serif;
color : #000000;
font-weight : normal;
}

/* ###################### CONTENT PAGE SETTINGS ###################### */
.contentpane {
background : #FFFFFF;
}

.contentpaneopen {
background : #FFFFFF;
}

.contentheading {
font : bold 11px Verdana, Arial, Helvetica, sans-serif;
color : #004080;
text-align : left
}

.componentheading {
font : bold 13px Verdana, Arial, Helvetica, sans-serif;
color : #004080;
}

.createdate {
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
color : #999999;
text-align : left;
}

/* ###################### FORMULAR SETTINGS ###################### */
.button {
font : bold 10px Verdana, Arial, Helvetica, sans-serif;
color : #000000;
background-color : #C0C0C0;
border : 1px solid #000000;
text-transform : uppercase;
background : url(../images/but_bar_back.gif);
}

.inputbox {
font : 10px Verdana, Arial, Helvetica, sans-serif;
color : #000000;
background-color : #A4AEBA;
border : 1px solid #000000;
}

/* ###################### LINKS ###################### */
a:link, a:visited {
font : 11px Verdana, Arial, Helvetica, sans-serif;
color : #406080;
text-decoration : none;
}

a:hover {
color : #990000;
text-decoration : underline;
}

a:active {
color : #CC0000;
background-color : #F0E0A0;
text-decoration : underline;
}

a.category:link, a.category:visited {
color : #285078;
font-weight : bold;
letter-spacing : 1px;
}

a.category:hover {
color : #CC6600;
}
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 17:30.