Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
[Tutorial] Portal Columnas
#1
[Imagen: 3s5CMH8.png]


Bueno este tutorial es bastante simple, no es nada fuera de otro mundo Lengua
Como hacer el portal que los posts se vean en columnas..

1)  Descargamos el plugin de leefish
http://community.mybb.com/mods.php?action=view&pid=332
¿¿Que hace este plugin??
Pues este plugin lo unico que hace es limital el numero de caracteres en el portal y te agrega un boton de read more (que no sirve y no funciona pero eso no lo vamos a usar, solo vamos a limitar caracteres)
Tambien se puede limitar caracteres de diferentes formas con javascript o php pero aqui vamos a usar el plugin ya que es bastante sencillo

1.5) Luego de instalar el plugin que lo unico que tienen que hacer es activarlo y listo
Vamos a configuracion> opciones del portal y abajo de todo les debe salir las opciones del plugin
Lo tienen que dejar como en esta imagen
[Imagen: yyRy4Oj.png]

Solo usaremos el limitar caracteres que tienen que poner 300 o cada cual sus gustos esto hara que se vean mas texto en los portales.

2) Bueno cuando ya tenemos el plugin instalado empezamos a editar las planillas del portal, ustedes solo tienen que copiar y pegar las siguentes planillas que dejare ya editadas por mi..
Vamos a las planillas del portal  ( Estilos y planillas> planillas> tutheme> Portal )

portal_announcement
Código PHP:
<div class="elportal0">
    <div class="thead">    {$avatar}  <strong>{$icon} <a href="{$mybb->settings['bburl']}/{$announcement['threadlink']}">{$announcement['subject']}</a></strong>
        <span class="float_right">
            <strong>{$anndate}</strong>
            </span>
    </div>
<
div class="elportal1 scaleimages">
<
span class="eltextoportal">
                {$message}<br />
    <span class="elauthor">
        {$lang->posted_by} {$profilelink}<br />
    {$lang->forum} <a href="{$mybb->settings['bburl']}/{$announcement['forumlink']}">{$announcement['forumname']}</a></span>
            {$post['attachments']}
    </span>
</
div>
                <div class="leermas"><strong><a href="{$mybb->settings['bburl']}/{$announcement['threadlink']}">Leer mas</strong> <span class="float_right">{$numcomments}</span></div>
    </div

portal_announcement_avatar
Código PHP:
<div class="portalavatar"><img src="{$useravatar['image']}alt="" {$useravatar['width_height']} /></div

portal_announcement_numcomments
Código PHP:
<div class="float_right"><strong>{$lang->replies}  ({$announcement['replies']})</strong></div

portal_announcement_numcomments_no
Código PHP:
{$lang->no_replies

Bueno solo tienen que copiar y reemplazar por las actuales que tienen

3) Hora del CSS bueno aqui tambien copiar y luego pegan su CSS en global css de tu theme.
Código PHP:
.elportal1:hover img {
    opacity1;
}
.
elportal1 img {
    height190px;
    opacity0.9;
}
.
elportal1 {
    backgroundwhite none repeat scroll 0 0;
    border1px solid #d9d9d9;
    font-size11px;
    min-height313px;
    padding4px;
    positionrelative;
}
.
elportal0 {
    backgroundwhite none repeat scroll 0 0;
    floatleft;
    font-size11px;
    margin-bottom20px;
    margin-left10px;
    positionrelative;
    width280px;
}
.
portalavatar img {
    height20px;
    width20px;
}
.
portalavatar {
    floatleft;
    margin-right1px;
    margin-top: -2px;
}
.
leermas a:visiteda:link {
    colorwhite;
}
.
leermas {
    background#0066a2 none repeat scroll 0 0;
    colorwhite;
    displayblock;
    margin-top0px;
    padding7px;


Es recomendable siempre tener una imagen primera y luego el texto abajo, se vera mejor Guiño

Y con esto ya tendran su portal en columnas como en la imagen de arriba
Cuestion que si mybb no estaria ligada la imagen y luego el texto en el portal en una sola variable se podrian hacer muchas mas cosas
[Imagen: GTpAop3.png]
#2
Muy interesante este theme y se ve que es manejable al 100%, lo probare y ya les comento que tal, gracias por el aporte, saludos.


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
  TUTORIAL videos responsive en MYBB zeuz 8 822 24-02-2017, 01:44 PM
Último mensaje: zeuz
Guiño Instalar y Configurar Google Seo Mybb 1.8.* + Traduccion + Tutorial Dark_Soul 18 5,120 02-03-2016, 01:38 PM
Último mensaje: 23r7190
  Ocultar codigos del editor en el portal? redwonderland 5 570 17-10-2015, 02:51 AM
Último mensaje: jebcalix
  [Tutorial]Como hacer migración de hosting mybb 1.8.x alberto_es 4 1,074 26-03-2015, 02:24 AM
Último mensaje: Dark Neo
  ¿Cómo configurar el portal si no hay opciones? kakashi-sensei 9 1,157 08-03-2014, 06:54 PM
Último mensaje: Dark Neo
  [Tutorial] Poner panel de control MyBB en español loko714 1 855 15-02-2014, 12:04 AM
Último mensaje: Dark Neo
  [Tutorial] Diferentes estilos según cantidad de posts eNvy 6 554 27-12-2013, 02:41 AM
Último mensaje: eNvy
  [Tutorial] Perfil ordenado + Tabs eNvy 5 537 15-12-2013, 09:23 PM
Último mensaje: Dark Neo
  [Tutorial] Efecto Nieve en mi foro. Dark Neo 2 687 11-12-2013, 09:14 PM
Último mensaje: Dark Neo
  [Tutorial] Utilizar meta tags para facebook. Dark Neo 0 455 10-12-2013, 09:42 PM
Último mensaje: Dark Neo



Usuarios navegando en este tema: 1 invitado(s)