menu popup al stylo vbulletin en lastpost
Hola antes del tutorial perdonen si viole alguna regla pueden quitar el post. Primero tenemos que ir a plantillas y stilos elegir stilos seleccionan...

Hola antes del tutorial perdonen si viole alguna regla pueden quitar el post.

Primero tenemos que ir a plantillas y stilos elegir stilos seleccionan su stilo que usan y van ala pestaña Agregar hoja de estilo

[Imagen: image.jpg]

en la parte que dice Nombre del archivo ponen popups.css
y en la parte que dice Escribir mi propio código colocan el siguiente codigo

Código PHP:
.popupmenu {
    *
z-index:999;
    
positionrelative;
}



.
popupbody {
    
font:   normal 11px TahomaCalibriVerdanaGenevasans-serif;
    
color#3E3E3E;
    
padding:2px;
    
background:#E1E1E1 none   ;
    
border1px solid rgb(153153153);
    
position:absolute;
    
z-index:1000;
    
top:1.5em;
    
left:0;
    
display:none;
    
min-width:200px;
}

.
popupmenu:hover ul.popuphover {
    
display:block;
}


.
popupbody li a,
.
popupbody li label {
    
display:block;
    
color#3E3E3E;
    
background:rgb(204204204none   ;
    
padding:6.235px 10px;
    
text-decoration:none;
    
text-align:left;
    
white-space:nowrap;
}



.
memberaction_body.popupbody li a:hover {
    
color:#3E3E3E;
    
background-color:#FFEB90;
}


.
memberaction.popupmenu {
    
positionrelative;
    
top0;
    
displayinline-block;
}
.
postdetails .memberaction.popupmenu {
    
position: static; /* Opera 10.10 Fix */
}
.
memberaction.popupmenu a.popupctrl {
    
backgroundnone;
    
padding0;
}
.
memberaction_body.popupbody {
    
width280px;
    
background#e9e9e9;
    
-moz-border-radius5px;
    -
webkit-border-radius5px;
    
border-radius5px;
    -
moz-box-shadow0px 4px 7px #c8c8c8;
    
-webkit-box-shadow0px 4px 7px #c8c8c8;
    
box-shadow0px 4px 7px #c8c8c8;
}
.
memberaction_body.popupbody li {
    
bordernone;
    
width140px;
}
.
memberaction_body.popupbody li.left {
    
floatleft;
    
clearleft;
}
.
memberaction_body.popupbody li.right {
    
floatright;
    
clearright;
}

.
memberaction_body.popupbody li .siteicon_profile 
    
background:url(images/popup/profile.pngleft 2px no-repeat
}
.
memberaction_body.popupbody li .siteicon_forum 
    
background:url(images/popup/forum.pngleft 2px no-repeat
}
.
memberaction_body.popupbody li .siteicon_message 
    
background:url(images/popup/message.pngleft 2px no-repeat
}
.
memberaction_body.popupbody li .siteicon_blog 
    
background:url(images/popup/blog.pngleft 2px no-repeat
}
.
memberaction_body.popupbody li .siteicon_homepage 
    
background:url(images/popup/homepage.pngleft 2px no-repeat
}
.
memberaction_body.popupbody li .siteicon_article 
    
background:url(images/popup/article.pngleft 2px no-repeat
}
.
memberaction_body.popupbody li .siteicon_add 
    
background:url(images/popup/add.pngleft 2px no-repeat
}
.
memberaction_body.popupbody li .siteicon_email 
    
background:url(images/popup/email.pngleft 2px no-repeat
}

.
memberaction_body.popupbody li {
    
padding4px;
    
padding-left:20px;
}
.
memberaction_body.popupbody hr {
    
floatleft;
    
height96px;
    
width0;
    
displayinline;
}


ul,ol,li{margin:0;padding:0;}li{list-style:none;} 


2. luego eligen su plantilla y va a Caja del foro - Plantillas->forumbit_depth2_forum_lastpost

y remplazan todo el codigo por este codigo

Código PHP:
<a href="{$lastpost_link}title="{$full_lastpost_subject}"><strong>{$lastpost_subject}</strong></a>
<
br />{$lastpost_date} {$lastpost_time}<br />
{
$lang->by}
<
div class="popupmenu memberaction">
{
$lastpost_profilelink}
<
ul class="popupbody popuphover memberaction_body">
        <
li class="left">
            <
class="siteicon_profile" href="member.php?action=profile&uid={$lastpost_data['lastposteruid']}">
                
Ver perfil
            
</a>
        </
li>
        
        <
li class="right">
            <
a rel="nofollow" class="siteicon_forum" href="search.php?action=finduser&uid={$lastpost_data['lastposteruid']}">
                
Ver mensajes del foro
            
</a>

        </
li>
        
        
        <
li class="left">
            <
a rel="nofollow" class="siteicon_message" href="private.php?action=send&amp;uid={$lastpost_data['lastposteruid']}">
                
Mensaje privado
            
</a>
        </
li>
    
    </
ul>
</
div

luego en el mismo sert de plantillas vamos a Caja del foro - Plantillas->forumbit_depth2_forum y remplazamos todo el codigo por este.

Código PHP:
<tr>
<
td class="{$bgcolor}align="center" valign="top" width="1"><img src="{$theme['imgdir']}/{$lightbulb['folder']}.gif" alt="{$lightbulb['altonoff']}title="{$lightbulb['altonoff']}class="ajax_mark_read" id="mark_read_{$forum['fid']}/></td>
<
td class="{$bgcolor}valign="top">
<
strong><a href="{$forum_url}">{$forum['name']}</a></strong>{$forum_viewers_text}<div class="smalltext">{$forum['description']}{$modlist}{$subforums}</div>
</
td>
<
td class="{$bgcolor}valign="top" align="center" style="white-space: nowrap">{$threads}{$unapproved['unapproved_threads']}</td>
<
td class="{$bgcolor}valign="top" align="center" style="white-space: nowrap">{$posts}{$unapproved['unapproved_posts']}</td>
<
td class="{$bgcolor}valign="top" align="left" style="white-space: nowrap">{$lastpost}</td>
</
tr

Ahora para terminar suban el archivo adjunto que les dejo a la carpeta images de su foro

http://www.sendspace.com/file/oya1z0
Si hicieron todo bien el resultdo deberia ser este

[Imagen: image.jpg]




posdata: si quieren que esto tambien aparesca en subforos y temas es practicamente el mismo procedimiento.
Última modificación: 14 Feb, 2013, 6:05 pm por generationcs.
Interesante, muy bonito Buen aporte.

Adiós
Muy bonito cada ves mybb se va pareciendo mas a vb ^^
me gusta mucho ese detallito. Gracias por el aporte
un aporte poco notorio pero muy util ^^, pueden hacer lo mismo en el postbit
:)
Está muy bien el tutorial, gracias por compartirlo.








diseño carpetas
Última modificación: 27 Feb, 2013, 3:38 am por luis5858.
No encuentro la Carpeta, de imagenes, alguien puede ayudarme , existe un raiz de dicha carpeta por defecto ?
(6 Mar, 2013, 2:28 pm)nagato escribió: No encuentro la Carpeta, de imagenes, alguien puede ayudarme , existe un raiz de dicha carpeta por defecto ?

Busca en tu ftp en la raiz de tu foro esta la carpeta "images" ahi subes los archivos.
Buen aporte, podrías hacer uno para el postbit así parecido a este. jeje.
Saludos!

+ Reputación.
(6 Mar, 2013, 4:01 pm)Deadnorth escribió:
(6 Mar, 2013, 2:28 pm)nagato escribió: No encuentro la Carpeta, de imagenes, alguien puede ayudarme , existe un raiz de dicha carpeta por defecto ?

Busca en tu ftp en la raiz de tu foro esta la carpeta "images" ahi subes los archivos.

Okok Gracias Smile si listo muchas gracias men