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

[Extra] Editar wysibb

Recommended Posts

Editamos/Modificamos el WYSIBB

 

Vamos a pasar de este diseño....

vVW57bv.png

 

A este diseño

zfREK2f.png

 

Ya no estarán:

* Mensajes

* Tablas

* Canción de Goear

* SWF

* Eliminar formato

 

En el archivo para descargar estarán todos los SVG que se requiere para el wysibb, para eso descargamos EditarWysibb.rar y la descomprimen dentro del theme que esten usando.

♥###♦###♣###♠###♥###♦###♣###♠###♥###♦###♣###♠###♥

HAGAN COPIA DE SEGURIDAD DE: WYSIBB.CSS Y WYSIBB.JS

♥###♦###♣###♠###♥###♦###♣###♠###♥###♦###♣###♠###♥

 

En el caso que quieran modificar una imagen, busquen en wysibb.css en la línea 816 hasta la línea 837 que estan configuradas allí, verán esto:

:root {
    --bold: url(../images/wysibb/bold.svg);
    --italic: url(../images/wysibb/italic.svg);
    --underline: url(../images/wysibb/underline.svg);
    --striketrought: url(../images/wysibb/striketrought.svg);
    --superscript: url(../images/wysibb/superscript.svg);
    --subscript: url(../images/wysibb/subscript.svg);
    --img: url(../images/wysibb/image.svg);
    --video: url(../images/wysibb/video-player.svg);
    --link: url(../images/wysibb/link.svg);
    --color: url(../images/wysibb/color.svg);
    --smile: url(../images/wysibb/smile.svg);
    --list: url(../images/wysibb/list.svg);
    --listol: url(../images/wysibb/ollist.svg);
    --spoiler: url(../images/wysibb/spoiler.svg);
    --left: url(../images/wysibb/left.svg);
    --center: url(../images/wysibb/center.svg);
    --right: url(../images/wysibb/right.svg);
    --justify: url(../images/wysibb/justify.svg);
    --quote: url(../images/wysibb/quote.svg);
    --code: url(../images/wysibb/code.svg);
}

Lo pueden ver funcionando en la demo de Hydra ya que este fue realizado para HYDRA!

 

Eso sería todo por el momento....

 

Edited by Miguel92

Share this post


Link to post
Share on other sites

  • Similar Content

    • By Miguel92
      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
    • By Miguel92
      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
    • By Miguel92
      Hola este no se como decirle MOD - Modificación - Edición - Registro v2
      Asi es como va a ser
      cap:

       
      Nota: No se preocupen no se verá asi porque estoy conectado desde el celular osea lo uso de modem y para abrir el Gmail lo uso en Html Básico y esto descarta todo los efectos y cosas parecidas... y es por eso que se ve asi...
       
      Es muy fácil solo hay que ir a inc/class/c.registro.php y buscamos
      $body = '<div style="background:#0f7dc1;padding:10px;font-family:Arial, Helvetica,sans-serif;color:#000"> <h1 style="color:#FFFFFF; font-weight:bold; font-size:30px;">'.$tsCore->settings['titulo'].'</h1> <div style="background:#FFF;padding:10px;font-size:14px"> <h2 style="font-family:Arial, Helvetica,sans-serif;color:#000;font-size:22px">Hola '.$tsData['user_nick'].'</h2> <p style="font-family:Arial, Helvetica,sans-serif;color:#000">¡Te damos la bienvenida a '.$tsCore->settings['titulo'].'!</p> <p>Para finalizar con el proceso de registro, confirma tu dirección de email accediendo a <a href="'.$tsCore->settings['url'].'/validar/'.$key.'/2/'.$tsCore->setSecure($tsData['user_email']).'">este enlace</a> </p><br /> <br /> <p>Posteriormente podrá acceder con las siguientes credenciales:</p> <p>Usuario: '.$tsData['user_nick'].' <br /> Contraseña: '.$tsData['user_password'].'</p><br /> <p>Antes de empezar a interactuar con la comunidad, te recomendamos que visites el <a target="_blank" href="http://'.$tsCore->settings['url'].'/pages/protocolo/">Protocolo</a> del sitio.</p> <p>Esperamos que disfrutes enormemente tu visita.</p> <p>¡Te damos la bienvenida a Muchas gracias!</p> <p>Staff de '.$tsCore->settings['titulo'].'.</p> <div style="border-top:#CCC solid 1px;padding:10px 0"> <span style="color:#666;font-size:11px"> <center>El staff de <strong>'.$tsCore->settings['titulo'].'</strong></center> </span> </div> </div> </div>';
                  
      y la reemplazamos por
      $body = '<div style="background-image: url(http://sm.ign.com/ign_latam/blogroll/d/darksiders/darksiders-2-deathinitive-edition-release-date-ann_7sj7.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; background-color:#08c; color:#EEE;border-left: 2px solid #088;border-right: 2px solid #088;border-bottom: 2px solid #088;"> <div style="background:rgba(0,0,0,.8);"> <h1 style="background:rgba(255,255,255,.4);padding: 2px 18px; color: #FFF;border-top: 2px solid #088; border-bottom: 2px solid #088; text-shadow: 0 0 6px #CCC, 0 0 4px #DDD, 0 0 2px #888; text-align: center; font-weight:bold; font-size:34px;">'.$tsCore->settings['titulo'].'</h1> <div style="padding:4px; padding: 3px 10px;"> <h2 style="color:#EEE;font-size:22px; text-align: right;padding: 10px 22px;">Hola '.$tsData['user_nick'].'</h2> <p style="color:#EEE; text-align: center; background:rgba(69,69,109,.4); padding: 8px 2px; widht: auto;">¡Te damos la bienvenida a '.$tsCore->settings['titulo'].'!</p> <p>Para finalizar con el proceso de registro, confirma tu dirección de email accediendo a <a href="'.$tsCore->settings['url'].'/validar/'.$key.'/2/'.$tsCore->setSecure($tsData['user_email']).' style="color: #145665; font-weight: bold; text-decoration: none; text-transform: uppercase;">este enlace</a> </p> <div style="padding: 6px;"> <span style="border-bottom: 1px solid #CCC;display: block;padding: 4px 2px;">Posteriormente podrá acceder con las siguientes credenciales:</span> <span style="display: block;background:rgba(10,50,20,.6);padding: 4px 2px;">Usuario: <b>'.$tsData['user_nick'].'</b></span> <span style="display: block;background:rgba(69,129,30,.6);padding: 4px 2px;">Contraseña: <b>'.$tsData['user_password'].'</b></span> </div> <p>Antes de empezar a interactuar con la comunidad, te recomendamos que visites el <a target="_blank" href="http://'.$tsCore->settings['url'].'/pages/protocolo/" style="color: #F4F4F4; font-weight: bold; text-decoration: none;">Protocolo</a> del sitio.</p> <p>Esperamos que disfrutes enormemente tu visita.</p> <p style="font-weight: bold!important; font-size: 28px;text-align: center;">¡Te damos la bienvenida a Muchas gracias!</p> <p style="text-align: right;">Staff de <b>'.$tsCore->settings['titulo'].'</b>.</p> </div> <div style="border-top:#CCC solid 1px;padding:10px 0;background: #CCC;"> <span style="color:#666;font-size:11px;"> <center>El staff de <strong>'.$tsCore->settings['titulo'].'</strong></center> </span> </div> </div> </div>';
                  
                  en el caso que se quieran asegurar vaya a la line de h1 y dentro de style=" ...  "  agregan esto  width: 100%;
                  
                  igual los que saben de HTML pueden modificarlo a su manera!!
      Si lo quieren probar Registrensen http://knightallnight.hol.es y vean su correo!!
       

    • By leonardofito
      Fix comentar otro puede modificar los comentarios que hemos hecho.
      Existe algun fix, ya que pude modificar los comentarios de otros usuarios.
      Lo prove desde http://demo.phpost.net/
      ejemplo: http://demo.phpost.net/posts/apuntesymonografias/164/-C-mo-ser-millonario-.html
      Yo modifique el comentario que hizo Manulobo22

      ej:
      Manulobo22 dijo Más de un año :
      gfh
       y yo lo edite y puse
      leonardofito dijo Hace 6 horas :
          Manulobo22 dijo:
          chupando pij
      ve ni entonces
       
      imagenes:
      https://drive.google.com/open?id=0B3HL1QvQ8DhtUFQ1Y1ZlWXZ0eGs
      https://drive.google.com/open?id=0B3HL1QvQ8DhtVl9FU3Zua0lZNVE
    • By thelatinraper
      Hola mi pregunta es simple, quiero modificar el theme para hacer que se vea como una pagina musical, es decir donde se pueda subir y reproducir musica. Suponiendo que el host es muy bueno y pago por muuucho espacio para el almacenamiento de las canciones, se puede hacer? La idea seria que sea onda https://soundcloud.com/
      *Pagaría por el trabajo. Alguien me ayudara??
  • Recently Browsing   0 members

    No registered users viewing this page.

  • Patrocinador



  • ×