Estilo en SOBI2  

Hola felipergueza

Si se trata de cambiar la apariencia de cualquier componente, salvo este tenga templates predefinidos, lo más seguro es hacer a través del archivo de estilos de tu template.

Seria bueno que envíes la dirección de tu sitio web para poder darte una aproximación mas exacta.

Saludos.

Estoy trabajando en modo local.
La imagen que anexe es solamente ilustrativa ya que el resultado que genera sobido2 al crear categorias/nuevos avisos(empresas) es similar ala imagen que anexe o diria igual.
En mi caso deseo eliminar el estilo rectangular solido por rectangular con lineas punteadas, mi duda es si el estilo rectangular es codigo css o una imagen qu corresponde al componente.

Hola felipergueza,

Al margen de la respuesta que te de jmarreros cuando aportes URL (si es en remoto) decirte que hay plantillas disponibles para SOBI2, gratuitas y de pago y por ello te recomiendo que mires en la web de www.sigsiu.net en el área de descargas.

http://www.sigsiu.net/download/templates/

También a través de Google encontrarás personas que han liberado plantillas hechas por ellos mismos que podrás utilizar y además modificar para adaptarlas a tus necesidades, quien sabe, quizás lo que buscas ya esta hecho.

Ejemplo de otra plantilla para SOBI2 (de pago): http://www.kidsholidayactivities.com.au/directory/aquatic-activities.html

Saludos

Hola felipergueza,

Normalmente SOBI2 utiliza CSS para generar tanto los bordes como los fondos, salvo los tramados que normalmente los gestionan con archivos como: /components/com_sobi2/images/backgrounds/red.gif

Un ejemplo de como generan un rectángulo contenedor para un aviso de SOBI2:

element.style {
background-image:url("xxxxxxxxxxxxxxxxxxx/components/com_sobi2/images/backgrounds/red.gif");
border-bottom-color:#808080;
border-bottom-style:solid;
border-left-color-ltr-source:physical;
border-left-color-rtl-source:physical;
border-left-color-value:#808080;
border-left-style-ltr-source:physical;
border-left-style-rtl-source:physical;
border-left-style-value:solid;
border-right-color-ltr-source:physical;
border-right-color-rtl-source:physical;
border-right-color-value:#808080;
border-right-style-ltr-source:physical;
border-right-style-rtl-source:physical;
border-right-style-value:solid;
border-top-color:#808080;
border-top-style:solid;
width:50%;
}

Como ya hemos comentado en otras muchas ocasiones, en estos casos el uso de Firebug es determinante para ir al grano y saber que estilos son y donde modificar.

- Firebug: https://addons.mozilla.org/es-es/firefox/addon/1843/

Saludos

Utilizando el firebug y posicionandome en la ubicacion que deseo modificar me arroja la siguiente informacion:
<td style="width: 50%; background-image: url(" http://localhost/ nombredelsitio/components/com_sobi2/images/backgrounds/blue.gif"); border-style: solid; border-color: rgb(128, 128, 128);">
Con este codigo noto que cada aviso de sobido2 esta compuesto por una imagen de fondo y el borde es codigo css.
Ahora bien en cuanto al fondo o background-image no tengo problema alguno y solo me faltaria saber cual es el codigo css de un rectangulo punteado.
Es esto posible?

Hola felipergueza,

Tu mismo "casi" estas aportando la solución:

Si extraemos: border-style: solid; y lo sustituimos por border-style: dotted; listo, punteado.

Otros estilos que puedes aplicar son:

none Sin borde
hidden Lo mismo que "none", excepto en la resolución de conflictos de bordes de elementos de la tabla
dotted Especifica un borde de puntos
dashed Especifica un borde discontinuo
solid Especifica un borde sólido
double Especifica un borde doble
groove Especifica un borde acanalado 3D. El efecto depende del valor border-color
ridge Especifica un borde estriado 3D. El efecto depende del valor border-color
inset Especifica un borde inserto en 3D. El efecto depende del valor border-color
outset Especifica un borde externo 3D. El efecto depende del valor border-color
inherit Especifica que el estilo de borde debe ser heredado del elemento padre

Saludos

Gracias gnumax, efectivamente ya logre el estilo que deseaba con el codigo css que me indicaste el único detalle es que estoy en otro sitio y aquí mis avisos creados están traslapados uno a otro y el efecto solo me aplico al aviso izquierdo a escepcion de la linea del centro.

He buscado la manera de separar los anuncios pero no lo he logrado, mientras que en el otro sitio que tengo en el trabajo los avisos están independientes uno del otro y ahí es donde aplicare la solución que me proporcionaste.
Esperare unas horas para poder ver el resultado.

He cambiado el templete y los avisos han tomado su posicion independiente uno de otro, ahora al aplicar el codigo me da el resultado que yo deseaba.
La duda que tengo es como hacer para que por cada nuevo aviso que cree este automaticamente tome el efecto de lineas punteadas.

Hola

Para modificar los estilos de la plantilla que por defecto utiliza SOBI2 para las vcards te recomiendo que lo hagas desde la propia extensión en "Plantillas & CSS" donde editando el archivo /components/com_sobi2/includes/com_sobi2.css te permite tener un control de los estilos en uso y junto con Firebug poder determinar cuales son los que puedes modificar.

Entiendo que lo que deseas es modificar los margenes de separación de las tarjetas vcard que se presentan en la vista de usuario:

Siendo así te dejo un enlace que te permite conocer al detalle los estilos implicados en la confección de dicha vista cuando se ejecuta la consulta:

- http://www.sigsiu.net/standard_css_file.html

Revisa tambien el archivo includesjsthemesadvancedcsseditor_popup.css

Saludos

Muy buen material gnumax.

Seria posible crear todas las vcards de sobi2 con forme se muestra la primera imagen y de igual manera crear todas las vcards segun la segunda imagen.
Contenido solo visible a usuarios registrados

Hola felipergueza,

La primera opción te diría que si es posible, ya que no es mas que retocar un poco los estilos actuales que trae la plantilla "default" de SOBI2 y quitarle el background y uno de los efectos de marco doble que trae.

La segunda opción es posible pero bastante más laboriosa ya que si se hace por CSS el tema de esquinas redondeadas lleva un poco más de tiempo la modificación pero si seria posible.

En ambos casos es una tarea en la que hay que invertir un tiempo entre modificación de código y pruebas de resultados.

Saludos

Algun plugin de tabs que funcione en las vcard de Sobi2?

Hola felipergueza,

He mirado en el JED y preguntado al equipo de Sigsiu.net y parece ser que no hay nada concreto como lo que quieres, pero me sugieren trabajar SOBI2 en conjunción con K2 para generar contenidos con vistas personalizadas.

Personalmente no lo he probado.

Saludos