Simple Machines Community Forum

SMF Support => Español (Spanish) => Language Specific Support => Modificaciones (Mods) => Topic started by: Natzu01 on July 21, 2016, 06:16:49 PM

Title: Distorsion con portal en un bloque
Post by: Natzu01 on July 21, 2016, 06:16:49 PM
hola buenas mi problemas es que cuando pongo unos codigos en php para unas imagenes se distorsionan las imagenes se van para un costado y se ven mal he visto en otra pc y como veran se ven de distinta manera en diferente pc y tambien en distinto servidor como mozilla y google tambien afecta a que sea de diferente manera dejare una foto mi pregunta es ¿se podra arreglar la distorsion de aluna manera para que se vean igual en todas las pc y servidores como google chrome y mozilla? dejare aparte los codigos en php que escogui para el slider q se distorsiona

otra duda es si saben como poder centrar la imaguenes ya que salen hacia la izquiera cuando presiono control mas el simbolo -
gracias por las respuestas.

(https://s19.postimg.org/4mel3bjwj/pro.jpg)

$images = array(
'image1_url',
'image2_url',
'image3_url',
'image4_url',
);
$links = array(
'image1_link',
'image2_link',
'image3_link',
'image4_link',
);

$delay = 1;

$num_images = count($images);
echo '
<a id="slideshowa" href=""><img id="slideshowimg" src="" alt="" /></a>
<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
var images = [';

for ($i = 0; $i < $num_images; $i++)
echo '["', $images[$i], '"]', ($i == $num_images - 1) ? '' : ',';

echo '];
var links = [';

for ($i = 0; $i < $num_images; $i++)
echo '["', $links[$i], '"]', ($i == $num_images - 1) ? '' : ',';

echo '];
var current_image = 0;
var num_images = ', $num_images, ';
var timer;

function changeImage()
{
if (current_image == num_images)
current_image = 0;
document.getElementById("slideshowimg").src = images[current_image];
document.getElementById("slideshowa").href = links[current_image];
current_image = current_image + 1;
var timer = setTimeout("changeImage();", ', $delay * 1000, ');
}

changeImage();
// ]]></script>';
Title: Re: Distorsion con portal en un bloque
Post by: Dhayzon on July 22, 2016, 03:16:57 AM
la url de tu sitio? lo tienes?  para echarle un vistaso.. me parece es  solo un overflow
Title: Re: Distorsion con portal en un bloque
Post by: Natzu01 on July 22, 2016, 11:22:28 AM
disculpa a qui esta la aunque se nota mas al minimizarlo su distorsion url http://prueba56.890m.com/
creo q otra opcion seria poder centrar las imaguenes claro antes poner imagenes mas pequeñas en la parte de la anchura
Title: Re: Distorsion con portal en un bloque
Post by: Dhayzon on July 22, 2016, 01:50:45 PM
coloca esto al final de tu index.css de tu tema

#up_bk_10 img {
    max-width: 100%;
}


lo que estamos haciendo es que toda las imagenes dentro del div up_bk_10 no sobrepasen el tamaño del div, y las imagenes se ajusten a ello
o   también podrías colocar esto, para que todas las imágenes de tu sitio no se desborden en relación a su  contenedor

img{
max-width: 100%;
}
Title: Re: Distorsion con portal en un bloque
Post by: Natzu01 on July 22, 2016, 08:07:24 PM
hola muchas gracias Dhayzon me sirvio de mucho  :laugh: pero al miniizarlos se van hacia la izquiera sabes la forma de poder centrar el codigo php que adjunte , porque seria bueno llevo 3 meses buscando la manera de centrarlos pero hasta ahora nada
Title: Re: Distorsion con portal en un bloque
Post by: Dhayzon on July 22, 2016, 09:53:25 PM
tu codigo esta bien, tal ves tengas que hacer un

text-align: center;

usa eso  debajo de  max-width: 100%;  para que todos los elementos dentro del div queden centrados. ..si a eso te refieres. no me volvió a cargar tu web xD
Title: Re: Distorsion con portal en un bloque
Post by: Natzu01 on July 23, 2016, 12:00:23 AM
pues es raro pero no se edita la parte del centrado , yo lo veo bien y px no  cambia si das "control" mas    -   puedes fijarte q no se centra ha y como podria hacer para un contador de visitas en este caso seria el numero 16 pero no creo que sea ponga img me parece igual le puse y no se edito

#up_bk_16 img {                            como es un contador q deberia de poner en ves de img para que afecte
    max-width: 100%;
}


y pues si como es de prueba como q se va aveces XD perdon por eso
Title: Re: Distorsion con portal en un bloque
Post by: Dhayzon on July 23, 2016, 12:28:27 AM
tienes que colocar essto para centrar las imágenes radomm que muestras

#up_bk_10 {
    text-align: center;
}


en cuanto a tu contador
la unica mane

para el contador

#up_bk_16 {
    text-align: center;
}

#up_bk_16 object {
    max-width: 100%;
}
Title: Re: Distorsion con portal en un bloque
Post by: Natzu01 on July 23, 2016, 01:51:53 PM
Hola Dhayzon todo salio perfecto eres grande, mas me podrias ayudar en una ultima peticion se trata de como darle este  diseño mas o menos  a los slider en php que adjunte gracias. :)
(https://s19.postimg.org/7osc9zfyb/onegau.jpg)