Administración de Sistemas

Items filtered by date: Febrero 2018

Se puede cambiar el aspecto de Breezing Forms de la siguiente manera

En la línea: /components/com_breezingforms/images/captcha/securimage_show.php

Y en la línea: /components/com_facileforms/images/captcha/securimage_show.php

 

 

//Hacer los siguientes cambios

$img->image_width = 230;

$img->image_height = 80;

$img->perturbation = 0.9;

 

$img->image_bg_color = new Securimage_Color("#6495ED");

$img->text_color = new Securimage_Color("#B0E0E6");

$img->line_color = new Securimage_Color("#B0E0E6");

$img->noise_color = new Securimage_Color("#B0E0E6");

Published in Joomla

El módulo por defecto de carousel, que viene con la plantilla Helix3 está mal adaptado para móviles. De hecho, el problema que tiene es que la fuente se ve muy grande, con lo que no cabe una descripción de dos líneas.

La solución consiste en redefinir el CSS del carousel, para que en los móviles la fuente se vea más pequeña. He aquí el código.

@media screen and (max-width: 480px) {   

.sppb-carousel-pro-text h2 {

    font-size: 23px;

    line-height: 30px;

    padding: 3px !important;

    text-align: center;}

.sppb-carousel-pro-text h3 {

   padding: 0px !important; margin: 5px !important; font-size: 15px;}

.sppb-item.sppb-item-has-bg .sppb-carousel-item-inner {padding: 10px 20px;}

#section-id-1490875236442 .sppb-col-md-12 {padding:0;}

.sppb-carousel-pro-text p {margin: 0;}

.sppb-carousel-inner > .sppb-item > img  {min-height: 250px;}

}

Published in HTML

Dadas las reducidas dimensiones de los móviles, en ocasiones, lo que queremos es que la página web se presente en los móviles con otro aspecto diferente. Lo que tenemos que hacer es reconfigurar el código CSS, para que cuando detecte el dispositivo móvil, se utilicen dichos códigos. 

Por ejemplo:

En casos de dispositivos con ventana (la parte de la pantalla / papel donde se procesa el documento) con anchuras entre 400 y 700 píxeles las reglas CSS son las siguientes:

@media screen and (min-width: 400px) and (max-width: 700px) {   

body{  

background-color:#555;  

font-family: Times New Roman;  
}  
header h3{  
        text-align:center;  
 }   

Published in HTML