Tutorial: Miniatura de Avatar en Forumbit

DefaceCoder Seguir

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
17 Oct 2007
Mensajes
39
Esta modificación lo hice a raíz de este pedido:
http://www.vbhispano.com/foros/f39/que_hack_avatar_miniatura_este-25463/

pues bien logre adaptarlo en conjunto con un plugin y el resultado es este:
avatar-forumbit..jpg


Primero que nada se instalan este plugin:
BT - Displays avatars forumdisplay! - vBulletin.org Forum

Comenzamos a editar para que nos quede como queremos.
En tu plantilla additional.css debes agregar el siguiente código al final:
Insertar CODE, HTML o PHP:
.vbhz_showtherad_avatar img {
	padding: 2px;
	border: 1px none black;
	text-align: center;
	display: block;
	height: 42px;
	width: 42px;
	background-color: #FCFCFF;
	border: 1px solid #A5CAE4;
	border-radius: 4px 4px 4px 4px;
	margin: 4px 2px 0px 5px; }

Ahora ubicate en la plantilla threadbit y busca el siguiente código:
Insertar CODE, HTML o PHP:
<!--  status icon block -->
                          <a class="avatartb" <vb:if condition="$thread[avatarurl]"> 
<img height="48px" width="48px" src="{vb:raw thread.avatarurl}" border="0" /></vb:if>></a>
			 	 		
			<!-- title / author block -->

Reemplazalo por:
Insertar CODE, HTML o PHP:
<!-- vbhz status icon block -->			
<a class="threadstatus vbhz_showtherad_avatar" rel="vB::AJAX" <vb:if condition="$show['threadcount']">title="{vb:rawphrase have_x_posts_in_thread_last_y, {vb:raw thread.dot_count}, {vb:raw thread.dot_lastpost}}"</vb:if>><vb:if condition="$thread[avatarurl]">
<img class="inlineimg" src="{vb:raw thread.avatarurl}"/></vb:if></a>
		
			<!-- title / author block -->

Maz naa (H)
 

Phil Këvin

Gamma
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
24 Jul 2009
Mensajes
323
Queda bien, gracias. Lo que también sería excelente... sería conseguir lo mismo pero al mostrar los temas nuevos y no solo al visitir los subforos.
 

Aguila SEO

Lambda
Social Media
Verificado
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
14 Jul 2010
Mensajes
2.774
yo lo tengo, pero tengo un problema...que cuando lo visualizas en explore se ve descuadrado, pero en firefox de ve perfecto...

WWE - Ojos de Gato

mi versión del foro es 3.8, si me pueden ayudar porfavor
 

imported_LOKIN510051

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
15 Mar 2009
Mensajes
71
Muy buena la modificacion MarterZero, pero quiero recalcar unos puntos que no podemos dejar pasar para cuando quieran modificarlo en su foro.

como bien lo menciona Primero que nada se instalan este plugin:

BT - Displays avatars forumdisplay! - Page 5 - vBulletin.org Forum


sigues los pasos que ahi menciona


Step 1: Download plug-in and UPLOAD it in admincp plug-in upload page.

Ojo si quieres que se vea como en la imagen de abajo, termina los los pasos como estan.

Step 2: Open your threadbit template and find this;

PHP Code:

Insertar CODE, HTML o PHP:
[LEFT]     [COLOR=#000000] [COLOR=#007700]<[/COLOR][COLOR=#0000bb]span [/COLOR][COLOR=#007700]class=[/COLOR][COLOR=#dd0000]"label"[/COLOR][COLOR=#007700]>{[/COLOR][COLOR=#0000bb]vb[/COLOR][COLOR=#007700]:[/COLOR][COLOR=#0000bb]rawphrase posted_by[/COLOR][COLOR=#007700]}</[/COLOR][COLOR=#0000bb]span[/COLOR][COLOR=#007700]>  
[/COLOR] [/COLOR]      
[/LEFT]


Add above this:

2yuasm8.png



si te sucede como a mi que en la plantilla threadbit busques esto

PHP Code:

Insertar CODE, HTML o PHP:
[LEFT]     [COLOR=#000000] [COLOR=#007700]<[/COLOR][COLOR=#0000bb]span [/COLOR][COLOR=#007700]class=[/COLOR][COLOR=#dd0000]"label"[/COLOR][COLOR=#007700]>{[/COLOR][COLOR=#0000bb]vb[/COLOR][COLOR=#007700]:[/COLOR][COLOR=#0000bb]rawphrase posted_by[/COLOR][COLOR=#007700]}</[/COLOR][COLOR=#0000bb]span[/COLOR][COLOR=#007700]>  
[/COLOR] [/COLOR]      [/LEFT]


y no lo encuentras, no te preocupes, buscate esto:

Insertar CODE, HTML o PHP:
[COLOR=#000000] [COLOR=#007700]{[/COLOR][COLOR=#0000bb]vb[/COLOR][COLOR=#007700]:[/COLOR][COLOR=#0000bb]rawphrase started_by_x_y_z_a[/COLOR][COLOR=#007700], {[/COLOR][COLOR=#0000bb]vb[/COLOR][COLOR=#007700]:[/COLOR][COLOR=#0000bb]link member[/COLOR][COLOR=#007700], {[/COLOR][COLOR=#0000bb]vb[/COLOR][COLOR=#007700]:[/COLOR][COLOR=#0000bb]raw thread[/COLOR][COLOR=#007700]}, [/COLOR][COLOR=#0000bb]null[/COLOR][COLOR=#007700], [/COLOR][COLOR=#dd0000]'postuserid'[/COLOR][COLOR=#007700], [/COLOR][COLOR=#dd0000]'postusername'[/COLOR][COLOR=#007700]}, {[/COLOR][COLOR=#0000bb]vb[/COLOR][COLOR=#007700]:[/COLOR][COLOR=#0000bb]raw thread[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]postusername[/COLOR][COLOR=#007700]}, {[/COLOR][COLOR=#0000bb]vb[/COLOR][COLOR=#007700]:[/COLOR][COLOR=#0000bb]raw thread[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]startdate[/COLOR][COLOR=#007700]}, {[/COLOR][COLOR=#0000bb]vb[/COLOR][COLOR=#007700]:[/COLOR][COLOR=#0000bb]raw thread[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]starttime[/COLOR][COLOR=#007700]}}  [/COLOR][/COLOR]

y arriba de eso pones
Insertar CODE, HTML o PHP:
[COLOR=#000000][COLOR=#007700]<[/COLOR][COLOR=#0000bb]vb[/COLOR][COLOR=#007700]:if [/COLOR][COLOR=#0000bb]condition[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"$thread[avatarurl]"[/COLOR][COLOR=#007700]> 
<[/COLOR][COLOR=#0000bb]img height[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"25px" [/COLOR][COLOR=#0000bb]width[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"25px" [/COLOR][COLOR=#007700]class=[/COLOR][COLOR=#dd0000]"inlineimg" [/COLOR][COLOR=#0000bb]src[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"{vb:raw thread.avatarurl}" [/COLOR][COLOR=#0000bb]border[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"0" [/COLOR][COLOR=#007700]/></[/COLOR][COLOR=#0000bb]vb[/COLOR][COLOR=#007700]:if>  [/COLOR][/COLOR]

y ya lo tendras como la imagen de arriba.



si quieres que en tu foro te aparesca asi.

1t0j2e.jpg



solo ejecuta el Step 1: Download plug-in and UPLOAD it in admincp plug-in upload page.

y has lo siguiente:


Comenzamos a editar para que nos quede como queremos.

En tu plantilla additional.css debes agregar el siguiente código al final:

Código:


Insertar CODE, HTML o PHP:
.vbhz_showtherad_avatar img {
    padding: 2px;
    border: 1px none black;
    text-align: center;
    display: block;
    height: 42px;
    width: 42px;
    background-color: #FCFCFF;
    border: 1px solid #A5CAE4;
    border-radius: 4px 4px 4px 4px;
    margin: 4px 2px 0px 5px; }



Ahora ubicate en la plantilla threadbit y busca el siguiente código:
Código:
Insertar CODE, HTML o PHP:
<!--  status icon block -->
                          <a class="avatartb" <vb:if condition="$thread[avatarurl]"> 
<img height="48px" width="48px" src="{vb:raw thread.avatarurl}" border="0" /></vb:if>></a>
                          
            <!-- title / author block -->



Reemplazalo por:
Código:
Insertar CODE, HTML o PHP:
<!-- vbhz status icon block -->            
<a class="threadstatus vbhz_showtherad_avatar" rel="vB::AJAX" <vb:if condition="$show['threadcount']">title="{vb:rawphrase have_x_posts_in_thread_last_y, {vb:raw thread.dot_count}, {vb:raw thread.dot_lastpost}}"</vb:if>><vb:if condition="$thread[avatarurl]">
<img class="inlineimg" src="{vb:raw thread.avatarurl}"/></vb:if></a>
        
            <!-- title / author block -->


si te sucede como a mi que no encuentras este codigo

Insertar CODE, HTML o PHP:
<!--  status icon block -->
                          <a class="avatartb" <vb:if condition="$thread[avatarurl]"> 
<img height="48px" width="48px" src="{vb:raw thread.avatarurl}" border="0" /></vb:if>></a>
                          
            <!-- title / author block -->

buscate este


Insertar CODE, HTML o PHP:
    <!--  status icon block -->
            <a class="threadstatus" rel="vB::AJAX" <vb:if condition="$show['threadcount']">title="{vb:rawphrase have_x_posts_in_thread_last_y, {vb:raw thread.dot_count}, {vb:raw thread.dot_lastpost}}"</vb:if>></a>
        
            <!-- title / author block -->

sustituyelo y listo ya tendras como tu lo quieras.

espero no haberlos enredado mucho si hay alguna correccion pues que los master me corrijan.

yo tengo la version vbulletin 4.1.5

espero les sirva esta informacion saludos.
 
Arriba