Início
phpBB3 
PunBB
Invision
Tag Cloud (PunBB e PhpBB2)
Neste tutorial vamos ensinar a fazer um efeito no Widget "Tags" para fazer um efeito de "nuvem" de tags flutuantes.
Nº1 - Conhecendo código:
Como existem códigos diferentes para cada versão, selecione o código que corresponde a sua versão.
PhpBB2
- Código:
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" id="keywords_container">
<tr>
<td class="catLeft" height="25">
<span class="genmed module-title">{L_KEYWORDS}</span></td>
</tr>
<tr>
<td align="center" class="row1">
<table width="90%">
<tr>
<td align="center">
<embed width="160" height="200" flashvars="&tcolor=0x999999&tcolor2=0x666666&hicolor=0x494949&tspeed=150&fontFace=Electrolize&distr=true&mode=tags&tagcloud=%3Ctags%3E<!-- BEGIN li_row -->%3Ca+href%3D%27http%3A%2F%2F%2{li_row.LINKEYWORDS}%27+style%3D%27{li_row.SIZE}%27%3E{li_row.KEYWORDS}%3C/a%3E<!-- END li_row -->%3C/tags%3E" wmode="transparent" allowscriptaccess="always" quality="best" bgcolor="#ffffff" name="vbCloudFlash" id="vbCloudFlash" style="" src="http://dl.dropbox.com/u/10126397/quan/tagcloud.swf" type="application/x-shockwave-flash"/>
</td>
</tr>
</table>
</td>
</tr>
</table>
- Código:
<div class="module main">
<div class="main-head"><div class="h3">{L_KEYWORDS}</div></div>
<div class="main-content">
<p class="center">
<embed width="160" height="200" flashvars="&tcolor=0x999999&tcolor2=0x666666&hicolor=0x494949&tspeed=150&fontFace=Electrolize&distr=true&mode=tags&tagcloud=%3Ctags%3E<!-- BEGIN li_row -->%3Ca+href%3D%27http%3A%2F%2F%2{li_row.LINKEYWORDS}%27+style%3D%27{li_row.SIZE}%27%3E{li_row.KEYWORDS}%3C/a%3E<!-- END li_row -->%3C/tags%3E" wmode="transparent" allowscriptaccess="always" quality="best" bgcolor="#ffffff" name="vbCloudFlash" id="vbCloudFlash" style="" src="http://dl.dropbox.com/u/10126397/quan/tagcloud.swf" type="application/x-shockwave-flash"/>
</p>
</div>
</div>
Aceda a: Painel de controle » Visualização » Templates » Portal » mod_keywords
Resultado:
![[TUTORIAL] Tag Cloud (PunBB e PhpBB2) Sem_t108](https://i.servimg.com/u/f46/12/46/70/00/sem_t108.png)
© Fórum dos Designers & #BαdBøy#
Última edição por IsmaelS. em Seg 14 Out 2013, 4:48 pm, editado 1 vez(es)
![[TUTORIAL] Tag Cloud (PunBB e PhpBB2) Vote_lcap](https://2img.net/i/fa/prosilver_grey/vote_lcap.png){kind=small}
![[TUTORIAL] Tag Cloud (PunBB e PhpBB2) Voting_bar](https://2img.net/i/fa/prosilver_grey/voting_bar.png){kind=small}
![[TUTORIAL] Tag Cloud (PunBB e PhpBB2) Vote_rcap](https://2img.net/i/fa/prosilver_grey/vote_rcap.png){kind=small}