Jump to content
  • Sky
  • Blueberry
  • Slate
  • Blackcurrant
  • Watermelon
  • Strawberry
  • Orange
  • Banana
  • Apple
  • Emerald
  • Chocolate
  • Charcoal
Nittox

Avance Theme Carbon (Responsive)

Recommended Posts

Buenas gente de Phpost :lol:.

 

<!-- CRAP DE INTRODUCCION -->

 

Hace mas de un año ya que tuve que dejar mi actividad en el foro debido a los estudios en la universidad, vida social, etc. Para los que no me recuerdan, no los culpo ya que nunca fui muy activo y también me cambie el nick (La verdad el otro era muy tonto -fpalm)

 

Ahora ya con un poco mas de tiempo libre estoy desarrollando un theme como manera de agradecer a esta increíble comunidad, gracias a ustedes entre en el mundo del diseño web y encontré un hobbie en crear plantillas. La verdad me da un poco de pena ver la inactividad en la que ahora se encuentra Phpost. Solo espero que este aporte no llegue muy tarde y que aun algunos lo puedan usar....

 

<!--FIN DE CRAP -->

 

Bueno basta de bla bla bla vamos al tema. El theme Carbon (Nombre poco creativo sujeto a cambio) tendrá las siguientes características:

 

  • 100% Responsive (Estoy utilizando el framework Bulma para lograr eso) 
  • Diseño fresco utilizando css3 (Basta de utilizar imágenes para llenar Backgrounds)
  • Reemplazo de Iconos por libreria de iconos Font Awesome
  • Portadas para los post (Sujeto a cambio en caso de no gustar el diseño de los últimos posts)
  • Seccion "Fotos" retirada (Temporal o permanentemente)

 

Sin mas dejo algunas imágenes del theme

 

Home (No identificado)

 

image.png

 

localhost_p_2.png

 

Home (Identificado)

 

image.png

 

localhost_p.png

 

localhost_p_1.png

 

Post Contenido

 

image.png

 

image.png

 

localhost_p_posts_Carbon_3_Varias_Im_gen

 

localhost_p_posts_Carbon_3_Varias_Im_gen

localhost_p_posts_Carbon_3_Varias_Im_gen

 

Perfil

 

image.png

 

localhost_p_perfil_Nittox.png

 

 

Bueno eso seria todo por el momento, como verán solo soy un amateur en diseño y debido a que deje el script un buen tiempo me esta costando encontrar las plantillas de cada seccion para editarlas :mellow:.

 

El theme espero liberarlo para el 15 de diciembre o hasta navidad a mas tardar, ya que pueden pasar cosas que no estoy tomando en cuenta en un futuro.

 

Eso seria todo...Nos vemos gente de Phpost.

  • Me gusta 7

Compartir este post


Enlace al post
Compartir en otros sitios

Se lo ve bastante bien, ojala sigas y lo termines pronto, si necesitas ayuda podes avisarme, te guió donde están cada cosa así lo terminas lo antes posible :P mientras tanto te dejo +1 para que sigas con este trabajo.

  • Me gusta 1

Compartir este post


Enlace al post
Compartir en otros sitios
hace 21 horas, ayuda031 dijo:

Lindo! 

 

hace 53 minutos, Joseph dijo:

se ve muy bueno :)

 

hace 19 horas, Tuente dijo:

Se ve muy bueno:ZIqdO: Buen trabajo! Espero que lo termines pronto
Saludos!

Gracias! :lol:, actualmente tengo un avance del 50% se podría decir espero terminarlo pronto.

 

 

hace 22 horas, Rengo dijo:

Se lo ve bastante bien, ojala sigas y lo termines pronto, si necesitas ayuda podes avisarme, te guió donde están cada cosa así lo terminas lo antes posible :P mientras tanto te dejo +1 para que sigas con este trabajo.

 

Gracias lo tomare en cuenta ;). Probablemente este necesitando tu ayuda pronto..

 

 

hace 3 horas, MagicInventor dijo:

Muy buen theme se ven muy poco joyas así últimamente en risus. 

Se ve bien, pero ahora abría que ver como esta hecho por dentro, ¿haz hecho todo eso de 0, sin contar el javascript y el framework bulma...

Esta hecho a partir del theme default. En un principio la idea era maquetarlo de 0 pero muchas funciones javascript dejaron de funcionar y como para mi es chino javascript tuve que abandonar esa idea .-.

Compartir este post


Enlace al post
Compartir en otros sitios

Registra una cuenta o conéctate para comentar

Debes ser un miembro de la comunidad para dejar un comentario

Crear una cuenta

Regístrate en nuestra comunidad. ¡Es fácil!

Registrar una cuenta nueva

Iniciar Sesión

¿Ya tienes cuenta? Conéctate aquí.

Iniciar Sesión

  • Similar Content

    • Por Miguel92
      Theme: NZT, se llama así por la droga 'N ZT-48' de Limitles(Serie y película) porque soy tan malo para los nombres  
      Iniciado: Sab 15/12/18
      Framework: W3.css + w3Pro.css + w3-flat.css
       
      Plugins: 
       + JsSocial
       + JCrop (Actualizado)
       + Tipsy (Modificado)
       
      Imagenes: 
       + Categorías nuevas
       + Avatar.png y icono.png (Mismo favicon 2 tamaños distintos)
       + Jcrop.gif
       + tipsy.gif
       + forestbridge.jpg (fondo de Login/Registro)
       
      Notas:
       + En el perfil se puede cambiar el avatar sin acceder a cuentas!
       + En admin debajo de "PHPost en Directo" hay un cuadro con "información extra", en el cual informará si hay cambios en fontawesome, nuevos themes, cambios, etc...
      Está realizado con Vue [Este es el archivo que estaré usando nztinformation.js]
       + En admin hay un panel con información del theme.

      BackUp de: c.core.php, c.registro.php(Registro 4 campos)
       
      Descargar NZT.ZIP x Mediafire868.19KB
      Descargar NZT.ZIP x Mega 868.19KB
      [PD: No sé qué tan responsivo es, porque es la primera vez que uso w3.css]
       
      DEMOWEB
      https://mozzfirev4x.skn1.com/demonzt/
      Usuario: Demo
      Contraseña: demouser
       
      Lo descomprimen en la carpeta raíz, contiene 
       + inc/class/c.core.php
       + inc/class/c.registro.php
       + inc/php/nzt_signup.php
       + themes/NZT/*
      Si reemplazan los archivos no será necesario realizar el paso opcional(c.core.php) porque ya esta incluido, solo tendrás que hacer o no lo del archivo "index.php"!
       
       ↓ ========# OPCIONAL #======== ↓ 
      Para que cuando inicien la web le muestre Login/Registro, realicen el siguiente paso.
      En index.php buscan
          include 'header.php';
      debajo pegan
          if($tsUser->is_member) {
      más abajo buscan
                  include('inc/php/posts.php');         }
      y debajo pegan
          } else {         include('inc/php/nzt_signup.php');     } RESULTADO

       
      ↓ ↑ ========# OPCIONAL #======== ↑ ↓
      En c.core.php buscamos
      Si quieren agregar más imágenes a "rangos" deben agregarlas en default/images/icons/ran/
      Si quieren agregar más imágenes a "medallas" deben agregarlas en default/images/icons/med/
      Si no quieren hacer eso deben reemplazar {$tsConfig.dimg} por {$tsConfig.images} en el theme NZT
              $this->settings['default'] = $this->settings['url'].'/themes/default';         $this->settings['tema'] = $this->getTema();
      y debajo agregamos
              $this->settings['dimg'] = $this->settings['url'].'/themes/default/images';  ↑ ========# OPCIONAL #======== ↑ 
       
      En c.core.php buscamos
      Más abajo buscamos
          function setJSON($data, $type = 'encode'){         require_once(TS_EXTRA . 'JSON.php');    // INCLUIMOS LA CLASE         $json = new Services_JSON;    // CREAMOS EL SERVICIO         if($type == 'encode') return $json->encode($data);         elseif($type == 'decode') return $json->decode($data);                 }
      y la reemplazamos por
          function setJSON($data = NULL, $type = 'encode'){         if($type == 'encode') return json_encode($data);         elseif($type == 'decode') return json_decode($data);                 } Más abajo buscamos
          /*         getUrlContent($tsUrl)     */     function getUrlContent($tsUrl){        // USAMOS CURL O FILE        if(function_exists('curl_init')){             // User agent             $useragent = 'Mozilla/5.0 (Windows; U; Windows NT 5.1; es-ES; rv:1.9) Gecko/2008052906 Firefox/3.0';             //Abrir conexion               $ch = curl_init();               curl_setopt($ch, CURLOPT_USERAGENT, $useragent);             curl_setopt($ch,CURLOPT_URL,$tsUrl);             curl_setopt ($ch, CURLOPT_TIMEOUT, 60);             curl_setopt($ch,CURLOPT_RETURNTRANSFER,1);             $result = curl_exec($ch);             curl_close($ch);          } else {             $result = @file_get_contents($tsUrl);         }         return $result;     }
      y la reemplazamos por 
        
       /* En esta función obtendremos el navegador*/     function getUserAgent() { return $_SERVER['HTTP_USER_AGENT']; }     /*         getUrlContent($tsUrl)     */     function getUrlContent($tsUrl = NULL){        // USAMOS CURL O FILE        if(function_exists('curl_init')){             // User agent             $useragent = $this->getUserAgent();             //Abrir conexion               $ch = curl_init();               curl_setopt($ch, CURLOPT_USERAGENT, $useragent);             curl_setopt($ch,CURLOPT_URL,$tsUrl);             curl_setopt ($ch, CURLOPT_TIMEOUT, 60);             curl_setopt($ch,CURLOPT_RETURNTRANSFER,1);             $result = curl_exec($ch);             curl_close($ch);          } else {             $result = @file_get_contents($tsUrl);         }         return $result;     } CAPTURAS:
       
    • Por Miguel92
      Actualización: Identi
      Por: @Gonzalo
       
      ¿Que se actualizó?
      Básicamente se hizo:
         1 - Recaptcha v2 (risus v1.3.0.000).
         2 - Wysibb
      Se que no es gran cambio pero es algo ¿no? para que el que le guste este theme ya lo puede usar... 
       
      Instalación del theme:
      Lo instalan con el nombre Identi
       
      Solo se ha modificado un poco el diseño del theme, la cosa era cambiar el editor y pasarlo al recaptcha v2...
      No actualize a jquery 3.3.1, porque no se me dio la ganas jajaja, solo quería revivir este theme... 
       
      Lo único que deben hacer es buscar en inc/class/c.cuenta.php lo siguiente
      if($data['p_configs']['hits'] == 0){ Arriba pegan esto
      $data['pais'] = array('icon' => strtolower($data['user_pais']),'name' => $tsPaises[$data['user_pais']]); luego buscan (// REAL STATS)
      , r.r_name, y agregan a lado
      r.r_image,  
      Descargar: Identi.zip (1.68kb)
      Mini-fix [Diseño]
      En perfil.css línea 332
      margin-left: 0;  por 
      margin-left: 2px;  
      En perfil.css línea 343
      margin-left: 2px; por 
      margin-left: 4px;  
    • Por Miguel92
      Web Demo: https://mozzfirev4x.skn1.com/lite/ 
      Usuario       : Demo
      Contraseña : demouser
       
      MozzFire MDL V.1.8.3
      - Material Design for bootstrap 4.1.3 [https://mdbootstrap.com/]
      - Bootstrap 4.1.3 [https://getbootstrap.com/]
      - Jquery 3.3.1 [https://code.jquery.com/]
       
      Mods incorporado:
      - Portada [Desde pc o Url]
      - Key de imgur (agregar la clave)
       
      Plugins:
      - Preloader.js
      - Scroll Reveal
      - Pace
       
      Descargar MozzFireMDBLite[1.3.0]
       
      MozzFire v4.1.3 vs. MozzFire MDLite
      La versión "MozzFire MDLite" no contará todos los cambios realizados que su antecesor, se tratará de mantener el mismo diseño solo habrá minis cambios...
      Ambos cuentan con el registro reducido (nombre, email, contraseña, repetir contraseña, recaptcha v2).
       
      Contará con un actualizador para agregar las consultas necesarias.
      Para ello una vez descomprimido se debe ejecutar https://tu_web.com/actualizador/
       
      Antes de realizar estos 2 pasos, ve a Administración → Configuraciones → Temas y Apariencias, e instala el theme con el nombre "MDBLite" y activalo
       
      1 -  Buscar en c.core.php
              $this->settings['css'] = $this->settings['tema']['t_url'].'/css';         $this->settings['js'] = $this->settings['tema']['t_url'].'/js';
          y debajo reemplazas
              $this->settings['ele'] = $this->settings['tema']['t_url'].'/elementos';         $this->settings['css'] = $this->settings['tema']['t_url'].'/elementos/css';         $this->settings['js'] = $this->settings['tema']['t_url'].'/elementos/js'; 2 - Buscar en header.php 
          if($tsCore->settings['offline'] == 1 && ($tsUser->is_admod != 1 && $tsUser->permisos['govwm'] == false) && $_GET['action'] != 'login-user'){         $smarty->assign('tsTitle',$tsCore->settings['titulo'].' -  '.$tsCore->settings['slogan']);         if(empty($_GET['action']))             $smarty->display('sections/mantenimiento.tpl');         else die('Espera un poco...');         exit();
          y reemplazarlo por
          if($tsCore->settings['offline'] == 1 && ($tsUser->is_admod != 1 && $tsUser->permisos['govwm'] == false) && $_GET['action'] != 'login-user'){         $smarty->assign('tsTitle','Estamos en mantenimiento!');         if(empty($_GET['action'])) {             $tsPage = "aviso";             $contenido = '                 <div class="display-4 textcenter p-5">                     <h2 class="my-5">'.$tsCore->settings['offline_message'].'</h2>                     <hr>                     <i class="py-5 fas fa-cog fa-pulse fa-5x"></i>                     <hr>                     <small>'.$tsCore->settings['titulo'].' - '.$tsCore->settings['slogan'].'</small>                 </div>             ';             // La única forma que muestra es con 'titulo'!             $smarty->assign('tsAviso',array('titulo' => $contenido));             require 'footer.php';         } else              die('Espera un poco...');         exit();  
      NOTA:
      Si por algún motivo les sale un mensaje parecido a este:
      (a) Fatal error: Uncaught Error: Call to undefined method tsPosts::getInstance() in C:\xampp\htdocs\PHPost\inc\php\posts.php:59 Stack trace: #0 C:\xampp\htdocs\PHPost\index.php(26): include() #1 {main} thrown in C:\xampp\htdocs\PHPost\inc\php\posts.php on line 59
      no se asusten, solo deben prestar atención en la línea que les dice en este caso sería C:\xampp\htdocs\PHPost\inc\php\posts.php on line 59
      y lo que van a ver es algo parecido/igual a esto
      $tsPosts =& tsPosts::getInstance(); solo deben reemplazar por este
      $tsPosts = new tsPosts(); lo que se hace es cambiar el =& por este = new y se borra ::getInstance solo se hace eso, si le muestra un mensaje parecido (a)
    • Por Nittox
      Buenas gente de PhPost
      Hace mas de un año que no aporto nada por aqui, veo que el foro esta muerto, no se si es demasiado tarde para comparitr este diseño pero en fin.
       
      Hoy les traigo un nuevo tema en base a mi diseño anterior Carbon.
      Se presenta un diseño fresco, se corrigen varios errores del anterior tema y se aplican las actualizaciones necesarias para su funcionamiento
       
      Características: 
       
      100% responsive (Gracias al framework bulma.io) Se incluye la sección Fotos Rediseño de las principales secciones (Portal, Home, Post, Tops, Perfil) Actualización del framework Bulma a la version 0.7.1 Cambio de libreria de iconos Fontawesome a Feather Icons Añadido editor Wysiwyg Acualización reCAPTCHA v2 Requiere RISUS 1.3  
      Imagenes
       

       

       

       

       

       
      Tambien dejo una demo
       
      DEMO
      User: demo1
      Contraseña: demo123
      Instalación
       
      Primero realiza la siguiente consulta en tu base de datos ALTER TABLE p_posts ADD post_portada VARCHAR( 180 ) NOT NULL; ALTER TABLE p_borradores ADD b_portada VARCHAR( 180 ) NOT NULL Después descarga el diseño y remplaza los archivos necesarios Instala el diseño desde el panel de administración Listo ya lo tienes   
      Descarga
       
      Este tema en un principio estaba destinado a ser vendido, sin embargo, ante la poca actividad en el foro esto ya no me es posible por lo que decidí dejar la descarga de forma gratuita.

      En el siguiente enlace lleva a una página donde están dos links (uno con la descarga directa y el otro con un acortador de publicidad).
      Si en verdad aprecias mi esfuerzo te pido que utilices el link que contiene el acortador con publicidad, estare muy agradecido.


      DESCARGA
       
       


      Bueno eso seria todo, espero disfruten del diseño. Pido un chilion de "Me gustas" para sacar una versión oscura
       
       
    • Por Miguel92
      Bueno he decidido subir el proyecto a GitHub para que si quieren lo descargan y lo prueban, obviamente que tal vez tenga problemas pero es para ver como esta quedando...
       
      MOZZFIRE [PROYECTO MozzFire v2.8 2017]
       
      MOZZFIRE[PROYECTO MozzFire v4.3 2018]
  • Navegando Recientemente   0 miembros

    No registered users viewing this page.

  • Patrocinador



  • ×