comment
IRC Chat
play_arrow
Este sitio utiliza cookies propias y de terceros. Si continúa navegando consideramos que acepta el uso de cookies. OK Más Información.

[SOLUCIONADO][AYUDA] Numero de columnas

  • 2 Respuestas
  • 1117 Vistas

0 Usuarios y 1 Visitante están viendo este tema.

Desconectado danimfi

  • *
  • Underc0der
  • Mensajes: 1
  • Actividad:
    0%
  • Reputación 0
    • Ver Perfil
« en: Noviembre 25, 2013, 04:39:34 am »
Hola a todos, gracias de antemano y os cuento mi caso:

Mi consulta es sobre esta plantilla de wordpress

You are not allowed to view links. Register or Login

En la parte del menú donde pone portfolio, da 3 opciones: 2 columnas, 3 columnas y 4 columnas.
No se como hacer para poder poner 5, 6, o el numero que quiera!
La verdad es que no entiendo de programación, pero imagino que los tiros deben ir por esta parte del código:

Código: Javascript
  1. jQuery(document).ready(function($) {
  2.     var $container = jQuery('#portfolio-grid'),
  3.         filters = {};
  4.    
  5.     $container.imagesLoaded( function(){    
  6.         setColumnWidth();
  7.         $container.isotope({
  8.             itemSelector : '.portfolio_item',
  9.             resizable : false,
  10.             transformsEnabled : true,
  11.             layoutMode: 'fitRows'
  12.         });    
  13.     });
  14.    
  15.     function getNumColumns(){
  16.        
  17.         var $folioWrapper = jQuery('#portfolio-grid').data('cols');
  18.        
  19.         if($folioWrapper == '1col') {
  20.             var winWidth = jQuery("#portfolio-grid").width();      
  21.             var column = 1;    
  22.             return column;
  23.         }
  24.        
  25.         if($folioWrapper == '2cols') {
  26.             var winWidth = jQuery("#portfolio-grid").width();      
  27.             var column = 2;    
  28.             if (winWidth<380) column = 1;
  29.             return column;
  30.         }
  31.        
  32.         else if ($folioWrapper == '3cols') {
  33.             var winWidth = jQuery("#portfolio-grid").width();      
  34.             var column = 3;    
  35.             if (winWidth<500) column = 1;
  36.             else if(winWidth>=500 && winWidth<788)  column = 2;
  37.             else if(winWidth>=788 && winWidth<1160)  column = 3;
  38.             else if(winWidth>=1160) column = 3;
  39.             return column;
  40.         }
  41.        
  42.         else if ($folioWrapper == '4cols') {
  43.             var winWidth = jQuery("#portfolio-grid").width();      
  44.             var column = 4;    
  45.             if (winWidth<380) column = 1;
  46.             else if(winWidth>=380 && winWidth<788)  column = 2;
  47.             else if(winWidth>=788 && winWidth<1160)  column = 3;
  48.             else if(winWidth>=1160) column = 4;    
  49.             return column;
  50.         }
  51.     }
  52.    
  53.     function setColumnWidth(){
  54.         var columns = getNumColumns();      
  55.    
  56.         var containerWidth = jQuery("#portfolio-grid").width();    
  57.         var postWidth = containerWidth/columns;
  58.         postWidth = Math.floor(postWidth);
  59.        
  60.         jQuery(".portfolio_item").each(function(index){
  61.             jQuery(this).css({"width":postWidth+"px"});            
  62.         });
  63.     }
  64.        
  65.     function arrange(){
  66.         setColumnWidth();      
  67.         $container.isotope('reLayout');
  68.     }
  69.        
  70.     jQuery(window).on("debouncedresize", function( event ) {    
  71.         arrange();      
  72.     });
  73.    
  74.    
  75.     // Filter projects
  76.     $('.filter a').click(function(){
  77.         var $this = $(this).parent('li');
  78.         // don't proceed if already active
  79.         if ( $this.hasClass('active') ) {
  80.             return;
  81.         }
  82.  
  83.         var $optionSet = $this.parents('.filter');
  84.         // change active class
  85.         $optionSet.find('.active').removeClass('active');
  86.         $this.addClass('active');
  87.  
  88.         var group = $optionSet.attr('data-filter-group');
  89.         filters[ group ] = $this.find('a').attr('data-filter');
  90.         // convert object into array
  91.         var isoFilters = [];
  92.         for ( var prop in filters ) {
  93.             isoFilters.push( filters[ prop ] )
  94.         }
  95.         var selector = isoFilters.join('');
  96.         $container.isotope({ filter: selector });
  97.  
  98.         return false;
  99.     });
  100. });

Agradezco vuestra ayuda!
« Última modificación: Agosto 14, 2014, 03:19:13 pm por blackdrake »

Desconectado Destructor.cs

  • *
  • Underc0der
  • Mensajes: 68
  • Actividad:
    0%
  • Reputación 0
    • Ver Perfil
« Respuesta #1 en: Noviembre 25, 2013, 02:14:36 pm »
Amigo, habia escrito todo una explicación larga de como funcionaba pero parece que el foro anda cuando quiere, culpa de cloudflare no me la mando, mi deducción era esta, por como funciona el sistema el ancho de una pc para que se puedan colocar 5 columnas tendrá que ser de 1500px, algo muy poco probable

Desconectado JaAViEr

  • *
  • Underc0der
  • Mensajes: 163
  • Actividad:
    0%
  • Reputación 0
  • http://codigo.ga
    • Ver Perfil
    • Blog de Programación :: Python
« Respuesta #2 en: Marzo 16, 2014, 08:28:58 am »
Hola !

Quizás mi respuesta no resuelva del todo tu duda, pero los sistemas de grillas (grid), por lo general usan 12 columnas, lo porque la suma de todas las filas siempre tiene que dar "12" , me explico:
3 filas de 4 columnas = 12
2 filas de 6 columnas = 12
1 fila de 12 columnas = 12
4 filas de 3 columnas = 12
6 filas de 2 columnas = 12
Y en fin, siempre fíjate que la suma de ambas columnas sea 12, si tienes en una misma fila : 6columnas y 7columnas, esta se desfigura, pues no calza en una misma fila.

Saludos.
You are not allowed to view links. Register or Login

 

¿Te gustó el post? COMPARTILO!



[SOLUCIONADO] ¿Kali Linux o Kali Linux Ligth ?

Iniciado por worq

Respuestas: 2
Vistas: 5278
Último mensaje Noviembre 21, 2017, 12:28:54 pm
por Codig0Bit
[SOLUCIONADO] ¿Como publicar un software como software libre?

Iniciado por FuriosoJack

Respuestas: 2
Vistas: 1453
Último mensaje Mayo 23, 2017, 07:24:22 am
por HATI
[SOLUCIONADO] Multiuploader de imagenes con mysql, hosting de imagenes con mysql

Iniciado por graphixx

Respuestas: 4
Vistas: 2014
Último mensaje Marzo 26, 2013, 05:42:58 pm
por Xt3mP
[SOLUCIONADO] Linux Mint, errores, errores y mas errores...

Iniciado por n1sendev

Respuestas: 12
Vistas: 2475
Último mensaje Noviembre 22, 2017, 06:50:55 am
por RuidosoBSD
[SOLUCIONADO] Problem al instalar Windows "cualquier windows"

Iniciado por Made

Respuestas: 7
Vistas: 2818
Último mensaje Septiembre 03, 2012, 04:53:08 pm
por Made