[TUTORIAL] Tag Cloud (PunBB e PhpBB2)
2 participantes
[TUTORIAL] Tag Cloud (PunBB e PhpBB2)
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:
© Fórum dos Designers & #BαdBøy#
Última edição por IsmaelS. em Seg 14 Out 2013, 4:48 pm, editado 1 vez(es)
Convidado- Convidado
Re: [TUTORIAL] Tag Cloud (PunBB e PhpBB2)
@IsmaelS
Poste o autor e o local onde pegou estes códigos!
JS
Poste o autor e o local onde pegou estes códigos!
JS
Tópicos semelhantes
» Usar o campo de descrição para funcionar como imagem (PunBB & phpBB2)
» Função Editar do PunBB
» Lightbox v2.0 - PunBB(Original) 1.0.0
» Função Editar do PunBB
» Lightbox v2.0 - PunBB(Original) 1.0.0
Permissões neste sub-fórum
Não podes responder a tópicos
|
|