Tutorial: Miniatura de Avatar en Forumbit

  • Autor Autor DefaceCoder
  • Fecha de inicio Fecha de inicio
D

DefaceCoder

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
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:


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)
 
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.
 
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
 
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:




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.




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.
 
Hay que estar conectado o registrado para responder aquí.

Temas similares

  • Cerrado
Me ofrezco Necesitas un editor de vídeo profesional? 🎥 Scripts IA, avatar parlante, locución + miniatura GRATIS!! 💻📈 Precios flexibles
Respuestas
3
Visitas
89
LuisaoPalao
Tutorial: ¿Cómo agregar el Badge o perfil de Google+ en el postbit_legacy en lugar del avatar?
Respuestas
7
Visitas
13K
yorgi
M
Cómo cambiar el enlace de la miniatura en gadget de blogger
Respuestas
2
Visitas
624
Okaro
Tutorial: Cómo agregar artículos relacionados con imagen en miniatura en Blogger
3 4 5
Respuestas
81
Visitas
21K
bastian
B
A
que hack avatar miniatura es este?
Respuestas
19
Visitas
5K
imported_LOKIN510051
I
Menú
Acceder
Registro