Tutorial: Miniatura de Avatar no Forumbit

  • Autor Autor DefaceCoder
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
D

DefaceCoder

Beta
Usuário com poucas negociações! Use sempre o saldo do 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:
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:
Inserir CODE, HTML ou 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:
Inserir CODE, HTML ou 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:
Inserir CODE, HTML ou 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)
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
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:

Inserir CODE, HTML ou 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:

Inserir CODE, HTML ou 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:

Inserir CODE, HTML ou 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
Inserir CODE, HTML ou 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:


Inserir CODE, HTML ou 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:
Inserir CODE, HTML ou 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:
Inserir CODE, HTML ou 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

Inserir CODE, HTML ou 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


Inserir CODE, HTML ou 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.
 
Voltar
Topo