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

Buscar en La Comunidad

Showing results for tags 'diseño'.



More search options

  • Search By Tags

    Añade tags separandolos por comas.
  • Search By Author

Tipo de Contenido


Foros

  • El núcleo de PHPost
    • Novedades e información
    • Off Topic
    • Presentaciones
  • PHPost Risus
    • Actualizaciones
    • Versión 1.1
    • Versión 1.2
  • La esquina
    • Rincón del PC
    • Rincón del móvil
  • Next [last version]'s Fix's
  • Next [last version]'s Theme
  • Next [last version]'s Notas!
  • Bootstrap's TRABAJOS
  • Bootstrap's EL CLUB
  • Bootstrap's PRESENTACIONES
  • Bootstrap's OTROS FRAMEWORKS
  • Bootstrap's DERIVACIONES
  • Next [last version]'s Bugs
  • Bootstrap's WEBS CON BOOTSTRAP
  • Bootstrap's TEMAS TERMINADOS
  • Bootstrap's TEMAS EN VENTA
  • Juegos de Steam Gratis's Activos
  • Bootstrap's MODS EN DESARROLLO
  • Bootstrap's MODS EN VENTA
  • Bootstrap's MODS TERMINADOS
  • Bootstrap's TEMAS EN DESARROLLO
  • Juegos de Steam Gratis's Finalizados
  • Bootstrap's OFF-TOPIC
  • Bootstrap's MODS PARA OTROS SCRIPTS
  • Bootstrap's TEMAS PARA OTROS SCRIPTS
  • Escuela de Actualización de Risus Phpost's Presentación
  • Escuela de Actualización de Risus Phpost's PHP 7.X
  • Escuela de Actualización de Risus Phpost's Smarty
  • Escuela de Actualización de Risus Phpost's Jquery & JS
  • Escuela de Actualización de Risus Phpost's PHP
  • Escuela de Actualización de Risus Phpost's EXTRAS
  • Escuela de Actualización de Risus Phpost's Canal
  • Escuela de Actualización de Risus Phpost's Fixes
  • Escuela de Actualización de Risus Phpost's Themes
  • Escuela de Actualización de Risus Phpost's Actualiza2

Calendars

  • Bootstrap's CALENDARIO

Encontramos 12 resultados

  1. Bueno como dice el título he iniciado un theme con el framework css de UiKit, como para cambiar un poco el bootstrap 4... Pero me encontré con un mini-dificulta ya que el sistema de grid que tiene es un poco feo ya que no deje relizarlo de la misma manera que bs4 y queda medio desformado... Así que tendré que hacer un sistema de grillas a mi manera para poder acomodar de la forma que quiero. Tendrá modificaciones el uikit.min.css, no directamente en ese archivo si no que agregó más clases porque carece un poco de "estilos", pero tiene muchas cosas que estan bastante buena así que veré si lo mejoró o lo dejó asi nomas! Visita la documentación de UIKit oficial 28/06/2018 Captura inicio: (Aunque no me convence el diseño, lo iré cambiando en el camino..) Con el menú desplegado Cuando quieres buscar un posts / usuario A estas modificaciones las realice yo porque el que trae en uikit era horrible, tuve que agregar un nuevo sistema de grillas porque el del framework era medio raro de usar y hacia uso de flexbox lo que iba a joder un poco cuando se vea en un dispositivo
  2. Como se cambia esos colores? Tengo la V5 To-up web de prueba de themes: http://zinlimites.x3host.ml/ Usuario: test Contraseña: prueba
  3. Blog del Autor: https://pratikborsadiya.in/blog/vali-admin/ Autor: Pratik Borsadiya Demo: https://pratikborsadiya.in/vali-admin/ - Theme Vali con: -- Jquery v3.3.1 -- Bootstra v4.1 (css | js) - Se ha modificado la estructura. -- Buscar en inc/class/c.core.php y debajo de $this->settings['css'] = $this->settings['tema']['t_url'].'/css'; $this->settings['js'] = $this->settings['tema']['t_url'].'/js'; Agregan lo siguiente $this->settings['va'] = $this->settings['tema']['t_url'].'/ValiAssets'; - Se eliminaron archivos totalmente innecesarios y/o que no se usan! - Algunas cosas del theme las tome de mi theme anterior MozzFire porque básicamente era lo mismo así que copie y pegue jajaja Plugins que contiene del template original: -- Fliping Toggle Button ---------- Esto es puro css3 hace que el botón se voltee! -- Loarder Circular ---------- Esta hecho con SVG -- taginput.js ---------- No sé si se llamará así, pero me tome la libertad de tomarlo del theme Taringa V5 ya que me agradaba! -- main.js ---------- Inicialización de los complementos de Bootstrap 4 -- jquery.countTo.min.js ---------- Contará hacia arriba (o hacia abajo) un número objetivo a una velocidad especificada, renderizado dentro de un elemento HTML DOM. -- pace.min.js ---------- Loader parecido al de Youtube -- select2.min.js ---------- Es una manera más rápida de buscar lo que deseas en el <select></select> -- jquery.dataTables.min.js -- dataTables.bootstrap.min.js ---------- Esto hace lo mismo que el select2 pero haciendo uso de las tablas, en vez de estar navegando buscando a un usuario por ejemplo, con este plugin solo basta escribir el nombre y listo ya lo tienes a la vista... pd: Y te olvidas del paginador original del script ya que este plugins ya trae uno incorporado! ENLACE ACTUALIZADO 21/03/18 Descarga+Actualización desde MEGA Ver demoVideo Nota: Luego haré otra versión en el cual incuiré el smarty 3.1.32 para evitar el problema que se me paso por alto y evitan usar tanto {literal}...{/literal} y no importará si tienen esta versión o no! Fix del día: 21/06/2018 (si lo bajaste antes de la actualización haz esto) Abris el Vali/ValiAssets/js/acciones.js y debajo de var proc = Array(); if(!lang) var lang = Array(); pegas esto lang['error procesar'] = 'Error al intentar procesar lo solicitado'; lang['posts url categorias'] = 'posts'; lang['comunidades url'] = 'comunidades'; lang['html tema confirma borrar'] = "Seguro que deseas borrar este tema?"; y listo eso es todo.. Fix del día: 15/07/2018 Buscas en templates/modules/posts/m.posts_comments.tpl y en línea 40 hasta 44 reemplazas <script type="text/javascript"> $(document).ready(function(){ comentario.cargar({$tsPages.post_id}, 1, {$tsPages.autor}); }); </script> por este <script type="text/javascript">{literal} $(document).ready(function(){ comentario.cargar({$tsPages.post_id}, 1, {$tsPages.autor}); }); {/literal}</script> si esto no llega a funcionar reemplazalo con este <script type="text/javascript"> // {literal} $(document).ready(function(){ /* top_cmt = $("#offset_cmts").offset().top; // function check_load(){ if (!comentario.cargado && $(window).scrollTop() + $(window).height() > top_cmt ) { // {/literal} */ comentario.cargar({$tsPages.post_id}, 1, {$tsPages.autor}); /* // {literal} comentario.cargado = true; } } $(window).scroll(check_load); check_load();*/ }); // {/literal} </script> otro cambio.... en la misma carpeta en el archivo m.posts_content.tpl y buscas (línea 44) <section class="clearfix"> y la cambias por <section class="clearfix" style="padding-top: 50px;"> si el cuadrito sigue tapando un poco el post aumenta de 50 a 60 px o más en el caso que lo precises.... Noticia: 07/09/2018: Al ver los comentarios me lleva a realizar una modificaciones al theme para evitar los problemas que se obtiene al querer subir una imagen al post, aunque no debe dar problemas ya que a mi me funciona bien, le quitaré algunas cosas ya que ahora lo veo demás en el theme. + Le pondré el mod de portadas y una forma de subir la portada desde la pc y no con url! + Haré cambios en el home. + Actualizaré a bootstrap a la última versión y a font awesome también. * Lo único que no se podrá hacer correctamente es poner color en los post ya que causa problemas con popper.min.js de bootstrap + Le agregaré la función al menú si el usuario quiere dejarlo desplegado o no.
  4. Como puedo cambiar mi logo

    Hola alguien que me explique como cambiar el logo de mi pagina web porfa
  5. Theme Materialize

    Nuevo theme en camino, estará completamente todo con materialize...Tardaré ya que lo haré lentamente para asegurarme bien de que funcione y trataré de que sirva jajaja si alguien quiere ver lo que hay más o menos puede visitar la DEMO http://wbmaster.myartsonline.com/ de todas formas no se pueden registrar ya que no hice el registro! Usuario: Demo Pass: demouser Por el momento no contendrá mods, tal vez use el * Mod de políticas de Cookies * Fondo de perfil (lo dudo por el momento) Lo que si va a tener: Poner favicon desde la administración! 27/03/2018 La manera de registrarse es a través de http://phpostrisus.myartsonline.com/ es otra demo, pero solo la default ya que utiliza la misma base de datos! 28/03/2018 Cambios: Sección de fotos Falta: Sección agregar fotos, pero funciona 21/04/2018 Ya no se puede registrar por phpostrisus ya que este tenía el captcha v1! 23/04/2018 Debo arreglar la demo con las nuevas modificaciones... 24/04/2018 Cambios: Sección de tops DEMO reparada y actualizada con los últimos cambios! Aun no esta terminada
  6. Diseño de Wikipedia

    Hola Estoy haciendo el diseño de Wikipedia para Phpost, habrá algun diseño ya hecho por alguien? o sigo haciendo el mio
  7. Este es un mini fix, no está completo pero se adapta para móviles y tablet ya que tiene incluido en el estilo un media query de 320px a 800px más o menos, pero si lo quieren probar y ayudarme a mejorarlo genial, así de esa manera poder agregar más tamaños y formatos... Les dejo el archivo no es gran cambio pero bue.. wysibb.css
  8. Extras - Cambiando diseño de HOVERCARD PD: data-vcard es el mismo formato que se usa en Risus2 1 - Ir a inc/class/c.core.tpl buscamos esta función public function setMenciones($html){ y hacemos este cambio función public function setMenciones($html = NULL){ Dentro de la misma función buscamos $replace = '@<a href="'.$this->settings['url'].'/perfil/'.$user.'" class="hovercard" uid="'.$uid.'">'.$user.'</a> '; luego reemplazamos por esto $replace = '@<a href="'.$this->settings['url'].'/perfil/'.$user.'" data-vcard="'.$uid.'">'.$user.'</a> '; 2 - En inc/ext/bbcode.inc.php buscamos $replace = '@<a href="' . $this->settings['url'] . '/perfil/' . $user . '" class="hovercard" uid="' . $uid . '">' . $user . '</a> '; y la reemplazamos por $replace = '<a href="' . $this->settings['url'] . '/perfil/' . $user . '" data-vcard="' . $uid . '">@' . $user . '</a> '; 3 - Buscamos en default/js/funciones.js $('.hovercard').tooltip({ offset: [ -50, -30 ], content: 'uid' }); y la reemplazamos por $('[data-vcard]').vcardtip({ content: 'data-vcard' }); 4 - En default/js/jquery.plugins.js y buscamos /* HOVER CARD CACHE */ var vcard_cache = new Array(); /* jquery tooltip beta */ (function ($) { $.fn.tooltip = function (opts) { Hasta donde termina })(jQuery); y la reemplazamos por 5 - En default/templates/t.php_files/p.live.vcard.tpl y reemplazando el archivo o descargando el archivo: p.live.vcard.tpl 6 - Luego vamos a templates/t.cuenta.tpl y agregaremos estas líneas A - debajo de <li><a onclick="cuenta.chgtab(this)">Cambiar Nick</a></li> agregamos esto <li><a onclick="cuenta.chgtab(this)">Portadas</a></li> B - luego debajo de {include file='modules/m.cuenta_nick.tpl'} agregamos {include file='modules/m.cuenta_portadas.tpl'} 7 - Luego crearemos un archivo en templates/modules/ llamado m.cuenta_portadas.tpl <div class="content-tabs portadas" style="display:none"> <fieldset> <div class="alert-cuenta cuenta-9"></div> <div class="field"> <label for="cabecera">Cabecera de perfil:</label> <input type="text" value="{$tsPerfil.p_cabecera}" name="cabecera" id="cabecera" class="text cuenta-save-9"/> </div> <div class="field"> <label for="fondo">Fondo de perfil:</label> <input type="text" value="{$tsPerfil.p_fondo}" name="fondo" id="fondo" class="text cuenta-save-9"/> </div> </fieldset> <div class="buttons"> <input type="button" value="Guardar" onclick="cuenta.save(9)" class="mBtn btnOk"/> </div> <div class="clearfix"></div> </div> o descargamos el archivo m.cuenta_portadas.tpl 9 - Luego en todos los archivos que tienen class="hovercard" uid= lo reemplazan por data-vcard= Y por último ejecutan estas consultas ALTER TABLE `u_perfil` ADD `p_fondo` varchar( 120 ) NOT NULL AFTER `p_nombre`; ALTER TABLE `u_perfil` ADD `p_cabecera` varchar( 120 ) NOT NULL AFTER `p_nombre`; -------------------------------------------------------------------------------------------------------------- Paso olvidado: Ir a templates/sections/main_header.tpl y buscar <link href="{$tsConfig.tema.t_url}/extras.css" rel="stylesheet" type="text/css" /> y debajo pegar <script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>
  9. Hola, bueno como dice el titulo será nuevo diseño de hovercard, y lo que se hará es cambiar un diseño puro css, osea que no utilizará js para ver las animaciones, trataré dejar un demo para que lo puedan comprobar... Pero debo darla algunos detalles y estará. Llevará el fondo de portada, como el mismo fondo que estan viendo, y en el caso que no lleve imagen de portada "de perfil" se colocará una imagen por defecto...
  10. Nueva versión de Tipsy (Por: @MrDioamDev) ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↑ ↑ ↑ ↑ ↑ ↑ ↑ ↑ ↑ ↑ ↑ ↑ ↑ ↑ ↑ ↑ ↑ ↑ ↑ ↑ ↑ ↑ ↑ ↑ ↑ ↑ ↑ ↑ ↑ ↑ ↑ ↑ ↑ ↑ ↑ Bueno esto es muy sencillo... 1 - Buscamos en estilos.css línea 5029 hasta 5045 y la borramos .tipsy { padding: 3px 3px 5px 3px; font-size: 10px;background-repeat: no-repeat; } .tipsy-inner { padding: 4px 5px; background: url(images/tipsy.png) repeat-x #000; color: white; max-width: 200px; text-shadow: 0 1px 1px #000; border: 1px solid #000; text-align: center; font-weight: bold; -moz-border-radius:3px; -webkit-border-radius: 3px; } .tipsy-north { background-image: url(images/tipsy-north.gif); background-position: top center; } .tipsy-south { background-image: url(images/tipsy-south-n.png); background-position: bottom center; } .tipsy-east { background-image: url(images/tipsy-east.gif); background-position: right center; } .tipsy-west { background-image: url(images/tipsy-west.gif); background-position: left center; } 2 - Abrimos extras.css al final de todo agregamos (Versión 1 es descomprimida y la versión 2 esta comprimida esto es opcional) Versión 1 Versión 2 Listo no hay que hacer nada más porque ya lo contiene jquery.plugins.js integrado
  11. Bueno acá les muestro las modificaciones que le estuve haciendo, ya que el otro diseño contenía errores y decidí hacerlo desde cero...Como verán ya la apariencia ha cambiado a lo que era antes, contiene recursos que no se descargaron, sino que se usan desde las CDN para evitar que theme sea pesado y por como va avanzado terminaré de eliminar algunas hojas de estilos ya que con la modificación se retiraron algunos atributos(etiquetas), no puedo mostrar una demo ya que hostinger esta "lleno" y no hay espacio, tampoco encuentro un servidor para poder alojar la web[DEMO] y me han cerrado la cuenta de skilium por multicuenta ¿No tengo idea de porque?. Así que lo lamento... 100% Adaptable! lo he comprobado ya que se usa col-lg-*, col-md-*, col-sm-* y col-xs-* COL-LG = Large devices Desktops (≥1200px) → 1170px COL-MD= Medium devices Desktops (≥992px) → 970px COL-SM= Small devices Tablets (≥768px) → 750px COL-XS= Extra small devices Phones (<768px) → automático y esto era lo que yo no sabía antes.... ¿Creo que se dice CDN? Lo bueno de usar CDN es que se puede cambiar sin tener que hacer cambios Ejemplo: <link href="https://bootswatch.com/flatly/bootstrap.css" rel="stylesheet" /> En la parte de Flaty se lo puede reemplazar por: Default Cerulean Cosmo Cyborg Darkly Flatly Journal Lumen Paper Readable SandStone Simplex Slate Solar Scapelab Superhero United Yeti Entre otras.... Después le haré el mod que tengo para reemplazar el estilo por las ya mencionadas desde la administración, parecido al mod que tengo que es para cambiar el background... ANTES DESPUÉS Home Fotos Admin Registro En la parte de "Eres un robot? no sale ya que estoy en localhost" Login Mods usados PD: Si alguien tiene un registro [css, php, js] modificado y que funcione, POR FAVOR me lo pasaría DESDE YA MUCHAS GRACIAS!!!
  12. [2017] Login + Registro

    Bueno primero que nada perdón a @KMario porque le robe el diseño y lo adapte a mi manera como con todos los mods que tengo!! Primero aplausos a él y luego a mí ja ja En esto solo afectará a Registro y Login solo hay que reemplazar por que sino son muchas cosas para hacer y nos vamos a perder... Otra cosa para tener en cuenta es que deben tener una imagen llamada favicon.png en la carpeta de images si es grande mejor esto dependera de ustedes capturas Login: Registro: Si tienes el Theme Krotos es ir a templates/sections/usuario/s.usuario.tpl y buscamos <a href="javascript:open_login_box()" title="Iniciar Sesión"><span>Iniciar Sesión</span><i class="fa fa-asterisk"></i></a> <div id="login_box" style="display: none;"> <div class="login_header"> <img title="Cerrar mensaje" onclick="close_login_box();" class="login_cerrar" style="left:220px"> </div> <div class="login_cuerpo"> <span class="gif_cargando floatR" id="login_cargando" style="display: none;"></span> <div id="login_error" style="display: none; padding:3px 0;"></div> <form action="javascript:login_ajax()" method="post"> <label>Usuario</label> <input type="text" class="ilogin" id="nickname" name="nick" maxlength="64"> <label>Contraseña</label> <input type="password" class="ilogin" id="password" name="pass" maxlength="64"> <input type="checkbox" id="rem" name="rem" value="true" checked="checked" /> <label for="rem">Recordar usuario</label> <input type="submit" title="Entrar" value="Entrar" style="width:198px; margin-top:5px;" class="mBtn btnOk"> </form> <div class="login_footer"> <a href="#" onclick="remind_password();">¿Olvidaste tu contraseña?</a> <a href="#" onclick="resend_validation();">¿No llegó el correo de validación?</a> <a style="color:green;" onclick="open_login_box(); registro_load_form(); return false" href=""> <strong>Registrate Ahora!</strong> </a> </div> </div> </div> <a href="{$tsConfig.url}/registro/" title="Crear una cuenta"><span>Crear una cuenta</span><i class="fa fa-asterisk"></i></a> Si tienes el Default templates/sections/head_menu.tpl y buscan (es algo parecido este esta modificado) <a href="javascript:open_login_box()" title="Iniciar Sesión"><span>Iniciar Sesión</span><i class="fa fa-asterisk"></i></a> <div id="login_box" style="display: none;"> <div class="login_header"> <img title="Cerrar mensaje" onclick="close_login_box();" class="login_cerrar" style="left:220px"> </div> <div class="login_cuerpo"> <span class="gif_cargando floatR" id="login_cargando" style="display: none;"></span> <div id="login_error" style="display: none; padding:3px 0;"></div> <form action="javascript:login_ajax()" method="post"> <label>Usuario</label> <input type="text" class="ilogin" id="nickname" name="nick" maxlength="64"> <label>Contraseña</label> <input type="password" class="ilogin" id="password" name="pass" maxlength="64"> <input type="checkbox" id="rem" name="rem" value="true" checked="checked" /> <label for="rem">Recordar usuario</label> <input type="submit" title="Entrar" value="Entrar" style="width:198px; margin-top:5px;" class="mBtn btnOk"> </form> <div class="login_footer"> <a href="#" onclick="remind_password();">¿Olvidaste tu contraseña?</a> <a href="#" onclick="resend_validation();">¿No llegó el correo de validación?</a> <a style="color:green;" onclick="open_login_box(); registro_load_form(); return false" href=""> <strong>Registrate Ahora!</strong> </a> </div> </div> </div> 2) Y en ambos casos reemplazan por esto: (Puede quitar esto: <i class="fa fa-asterisk"></i>) <a href="{$tsConfig.url}/login/" title="Iniciar Sesión"><span>Iniciar Sesión</span><i class="fa fa-asterisk"></i></a> <a href="{$tsConfig.url}/registro/" title="Crear una cuenta"><span>Crear una cuenta</span><i class="fa fa-asterisk"></i></a> En si lo que estoy haciendo acá es cambiar href="javascript:open_login_box()" por este href="{$tsConfig.url}/login/" en ambos con la diferencia que uno es login y el otro es registro! Descarga desde 4Shared: - [2017] Login + Registro - Descarga desde Mega: - [2017] Login + Registro - Ante cualquier falla por favor de comunicarse al 0-800-TeEquivocaste-Arreglalo y me estaré comunicando con la solución!
×