Primeros Pasos

Social es una plantilla de administración/frontend compatible con Bootstrap v3 y las versiones más recientes de jQuery. Social fue desarrollada para sus aplicaciones administrativas y frontend. Esta plantilla viene con componentes fáciles de usar y una gran colección de complementos para personalizar algunos elementos como menús desplegables, formularios, botones, tablas, cajas modales, gráficos avanzados y más, compatibles con todos los principales navegadores, tabletas (iPads y otros) y dispositivos móviles, iPhone y Android.

Por favor, si encuentra algún error o tiene alguna sugerencia, no dude en hacérnoslo saber. Haremos todo lo posible para solucionarlos lo antes posible.

Problemas en Internet Explorer y Firefox

Internet Explorer 7 (y versiones anteriores) y Firefox 3.x no son compatibles.

Descripción de las Carpetas

La estructura de carpetas de Social está muy bien organizada, algunas de ellas son específicas para ciertas cosas. Hay una lista de estas carpetas a continuación:

Carpetas Descripción
CARPETA PRINCIPAL        
  assets      
    css    
      font-awesome  
      glyphicons_free  
      glyphicons_pro  
      layouts  
      plugins Estilos personalizados para algunos complementos
      theme Archivos temáticos
    font   Una variedad de fuentes de iconos
    img   Archivos de imágenes
    js    
      demo Archivos de JavaScript utilizados para las demostraciones
      layouts Archivos de JavaScript utilizados en el diseño de las páginas
      plugins El código fuente para los complementos utilizados
    less   Archivos less para los temas
  demo     Vista previa en vivo de la demostración de administrador y frontend
  docs     Documentación

Activos Premium

La Reventa de estos activos está ** prohibida ** y la licencia no es transferible. Si desea utilizarlos como parte de otro producto propio, debe comprar otra licencia.

GlyphiconsPRO

Esta plantilla incluye Glyphicons PRO, un conjunto de iconos con un valor de USD 59, pero totalmente gratuito con esta compra.

Puede encontrar las hojas de estilo y los archivos de iconos de fuente en:

./assets/css/glyphicons/
./assets/fonts/glyphicons/

Isotope

Un plugin jQuery para diseños mágicos

Isótopo es un complemento gratuito, pero si desea utilizarlo en proyectos y aplicaciones comerciales, es necesario comprar una licencia comercial. Más información aquí.

Diseño básico

El contenido de la barra lateral debe colocarse antes del contenido de la barra superior.

<html>
   <head>
      <!-- Contenido de la Cabecera -->
   </head>

   <body>
      <div class="wrapper">
          <asideclass="social-sidebar">
             <!-- Contenido de la barra lateral -->
          </aside>

          <header>
             <navclass="social-navbar">
                <!-- Contenido de la barra superior -->
             </nav>
          </header>

          <div class="main">
             <!-- Contenido -->
          </div>
      </div>
   </body>
</html>

Hojas de estilo

Hay dos temas importantes a considerar:

  • Los diseños de administrador y frontend tienen su propio archivo de hoja de estilo.
  • El estilo para la versión gratuita del icono de Bootstrap Glyphicons está separado.

Necesita incluir el núcleo

<linkhref="./assets/css/social.core.css" rel="stylesheet">

Dependiendo de si está codificando una página frontend o back-end (admin), debe elegir el archivo css apropiado:

<!-- Admin -->
<link href="./assets/css/social.admin.css" rel="stylesheet" />

<!-- Frontend -->
<link href="./assets/css/social.frontend.css"rel="stylesheet" />

Temas

Las plantillas de administrador y las plantillas de interfaz tienen cuatro temas cada una. Los archivos LESS están incluidos para que puedas diseñar tus propios temas fácilmente.

Admin

  • Inverse
  • Green
  • Facebook
  • Blue Sidebar

Frontend

  • Blue
  • Green
  • Orange
  • Red