CAMBIO DE LA UBICACIÓN DE LAS POSICIONES EN LA PLANTILLA DE JOOMLA 1.6
Para entrar en el panel de administración entrar a:
- Extensiones
- Plantillas
- Plantillas
- Beez_20
{slide=1. CAMBIO DE LA UBICACIÓN DEL LOGO}
archivo: personal.css
Para cambiar la ubicación del logo para que esté mas arriba. Cambiar de 8.0em, a padding-top:3.0em
/* ########################## logo ########################### */
#logo span
{
color:#fff;
padding-left:50px;
font-size:0.3em !important;
text-transform:none;
font-family:arial, sans-serif
}
#all #header
{padding-top:3.0em ;
{slide=ELIMINAR EL LOGO DE JOOMLA}
2. ELIMINAR EL LOGO DE JOOMLA
archivo: personal.css
Entrar a la base de datos a templates_style, campo beez_20, y cambiar el joomla_black.gif a un archivo que no exista.
O directamente cambiar en personal.ccs el nombre de archivo personal2.png a archivo_que_no_existe.gif
personal2.png es el dibujo que inicialmente sale con la palabra voluntiers. Se encuentra en la dirección:
/www/web/templates/beez_20/images/personal
background: #0c1a3e URL(../images/personal/personal.png) no-repeat bottom right ;
{"wrapperSmall":"0","wrapperLarge":"0","logo":"images/archivo_que_no_existe.gif","sitetitle":"","sitedescription":"","navposition":"left","templatecolor":"personal","html5":"0"}
{slide=QUITAR EL FONDO OSCURO DETRÁS DEL LOGO Y CAMBIAR LA ALTURA DEL AREA DEL LOGO}
Al desminuir el "min-height:200px" de 200 a 110 se cambia la altura del ára de logo y hace que el área del body suba.
/* ####################### logo ######################## */
archivo: personal.css
Para borrar el fondo negro, eliminar #0c1a3e después de background
background: #0c1a3e URL(../images/personal/en_blanco.png) no-repeat bottom right ;
color:#fff;
min-height:150px;
margin:0em 10px 0 10px !important;
{slide=BAJAR EL MENU DEBAJO DEL LOGO}
archivo: css/personal.css
Cambiar 5.0em a 12.0em
/* ++++++++++++++ lists, skiplinks ++++++++++++++ */
#header ul.menu
{
/* top:62px; */
top:12em;
{slide=CAMBIAR EL BODY DE ALTURA DENTRO DE LA PAGINA, MAS ARRIBA O MAS ABAJO}
archivo: css/personal.css
Si de 0.9em se cambia a 10.0em se bajará bastante, incluyendo el "Usted está aquí"
h1#logo
{
font-family: 'Titillium Maps', Arial;
padding:0.9em 20px 20px 10px;
text-transform:uppercase;
font-weight:normal;
margin-top:0;
lo mismo sucede si se hace el cambio en margin de 0 a 10em: ó en paddling-top
#all #header
{padding-top:3.0em ;
}
.logoheader
{
background: URL(../images/personal/en_blanco.png) no-repeat bottom right ;
color:#fff;
min-height:110px;
margin:10em 10px 0 10px !important;
{slide=HACER DESAPARECER EL REAJUSTAR TAMAÑO DE LETRAS Y EL FONDE DE COLOR DEL HEADER}
Cambiar el color de todo el header con background (#fff=blanc),
#e0e0e0 = plomo;
Cambiar de 1em a 0em las letras de (Tamaño, ajuste) desaparezacan. También se reduce significativamente el espacio entre el borde superior y la ubicación del menú principal.
/* ########################## header ########################### */
#header
{
background:#e0e0e0;
font-size:0em;
position:relative
{slide=CAMBIAR EL COLOR DEL FONDO DE LA MITAD PARA ABAJO}
archivo: personal.css
Cambiar #e0dedf que es plomo por otro código, si se pone 333 quedará plomo oscuro
fff = a blanco
body
{
background: #e0dedf url(../images/personal/bg2.png) repeat-x;
{slide=PARA CAMBIAR EL DISEÑO DEL FONDO}
Este dibujo abarca la mitad superior de la página.
Para poner el dibujo ir a:
/www/web/templates/beez_20/images/personal
{slide=CAMBIAR EL LUGAR DE LAS POSICIONES EN LA PLANTILLA PRINCIPAL}
archivo: index.php
División de las áreas y definición de las posiciones dentro de las áreas.
Si los códigos de abajo se intercambian las posiciones 0 y 1 si se cambian, hacen que si un modulo se lo elige para que aparezca en Position 0, va a aparecer mas abajo.
<h3><?php echo JText::_('TPL_BEEZ2_NAVIGATION'); ?></h3>
<jdoc:include type="modules" name="position-0" />
<div id="line">
<div id="fontsize"></div>
<h3><?php echo JText::_('TPL_BEEZ2_SEARCH'); ?></h3>
<jdoc:include type="modules" name="position-1" />
</div> <!-- end line -->
Cuando se elmina de index.php:
var rightclose='<?php echo JText::_('TPL_BEEZ2_TEXTRIGHTCLOSE'); ?>';
var fontSizeTitle='<?php echo JText::_('TPL_BEEZ2_FONTSIZE'); ?>';
var bigger='<?php echo JText::_('TPL_BEEZ2_BIGGER'); ?>';
var reset='<?php echo JText::_('TPL_BEEZ2_RESET'); ?>';
var smaller='<?php echo JText::_('TPL_BEEZ2_SMALLER'); ?>';
var biggerTitle='<?php echo JText::_('TPL_BEEZ2_INCREASE_SIZE'); ?>';
var resetTitle='<?php echo JText::_('TPL_BEEZ2_REVERT_STYLES_TO_DEFAULT'); ?>';
var smallerTitle='<?php echo JText::_('TPL_BEEZ2_DECREASE_SIZE'); ?>';
desaparece la información de Fuente Mayor, menor, reajustar y queda la palabra undefined.
{slide=AUMENTAR O DISMINUIR LA ALTURA DEL HEADER}
Entrar a css/personal.css y aumentar o disminuir el tamaño de dibujo en min-height
background: URL(../images/personal/en_blanco.png) no-repeat bottom right ;
color:#fff;
min-height:120px;
margin:0em 10px 0 10px !important;
{slide=CAMBIAR EL INTERLINEADO (distancia entre linea y linea}
Editing file "css/layout.css" in template "beez_20"
line-height:1.0em;
margin:8px 0;
{slide=EN LOS LINKS: CAMBIAR EL COLOR CUANDO PASA EL MOUSE POR ENCIMA}
personal.css
a:hover,
a:active,
a:focus
{
background:#FFF; ----) CAMBIA EL FONDO A BLANCO
color:#095197; ----) CAMBIA A AZUL
text-decoration: none!important
{slide=CAMBIAR EL COLOR GENERAL DE LA LETRA Y TEXTO Y NO AFECTA EL COLOR DEL LINK}
personal.css
#all
{
color: #333;
border:solid 0px ;
padding-top:0px;
background:#fff
{slide=ELIMNAR EL SUBRAYADO - UNDERLINE EN LOS LINKS}
Elimina el subrayado de las columnas izquierdas y el cuerpo, y de todas las partes)
archivo: personal.css
/* ########################## general ########################### */
#header
a:link,
a:visited
{
color:#FFF
text-decoration: none!important
}
SE DEBE CAMBIAR A ESTA FORMA ( se debe borrar la (,) y pegar text-dec.....
a:link {
text-decoration: none!important
}
a:visited
{
color:#FFF
text-decoration: none!important
}
{slide= ELIMINAR DE LA COLUMNA DERECHA LA OPCIÓN CERRAR INFORMACIÓN}
Editar archivo "index.php" en plantilla "beez_20"
Eliminar:
<h2 class="unseen">
<?php echo JText::_('TPL_BEEZ2_ADDITIONAL_INFORMATION'); ?>
</h2>
<div id="close">
<a href="#" onclick="auf('right')">
<span id="bild">
<?php echo JText::_('TPL_BEEZ2_TEXTRIGHTCLOSE'); ?></span></a>
</div>
{slide=BARRA FLOTALNTE (FLOAT BAR) DE SHARE THIS PARA COLOCAR EN JOOMLA}
Entrar a Plantilla, elegir "Editar la página principal de Plantillas " que es el index.php
Después de <head> pegar la primera parte del código
Después, entre </body> y </html> pegar la parte final del código.
{/slides}
