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

.popupmenu {
	*z-index:999;
	position: relative;
}



.popupbody {
	font:   normal 11px Tahoma, Calibri, Verdana, Geneva, sans-serif;
	color: #3E3E3E;
	padding:2px;
	background:#E1E1E1 none   ;
	border: 1px solid rgb(153, 153, 153);
	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(204, 204, 204) none   ;
	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 {
	position: relative;
	top: 0;
	display: inline-block;
}
.postdetails .memberaction.popupmenu {
	position: static; /* Opera 10.10 Fix */
}
.memberaction.popupmenu a.popupctrl {
	background: none;
	padding: 0;
}
.memberaction_body.popupbody {
	width: 280px;
	background: #e9e9e9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 4px 7px #c8c8c8;
	-webkit-box-shadow: 0px 4px 7px #c8c8c8;
	box-shadow: 0px 4px 7px #c8c8c8;
}
.memberaction_body.popupbody li {
	border: none;
	width: 140px;
}
.memberaction_body.popupbody li.left {
	float: left;
	clear: left;
}
.memberaction_body.popupbody li.right {
	float: right;
	clear: right;
}

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

.memberaction_body.popupbody li > a {
	padding: 4px;
	padding-left:20px;
}
.memberaction_body.popupbody hr {
	float: left;
	height: 96px;
	width: 0;
	display: inline;
}


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

PHP

Select All

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

y remplazan todo el codigo por este codigo

<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">
			<a 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>

PHP

Select All

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

<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>

PHP

Select All

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.

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

No encuentro la Carpeta, de imagenes, alguien puede ayudarme , existe un raiz de dicha carpeta por defecto ?

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.

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 si listo muchas gracias men