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

.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;}



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>

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>

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.
Archivos Adjuntos

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 ?
nagato
6 Mar, 2013, 2:28 pmnagato 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.
Deadnorth
6 Mar, 2013, 4:01 pmDeadnorth escribió:
nagato
6 Mar, 2013, 2:28 pmnagato 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
Colaboradores
TheFabyX storm papi Nove nagato luis5858 Finer Deadnorth crosower147 Cluster Bewan angeluz
This forum uses Lukasz Tkacz MyBB addons.