Inserir várias imagens flutuantes.

por milo100 12.01.15 19:37

Detalhes da dúvida

Versão do fórum : PunBB
Nível de acesso : Fundador
Navegador usado : Google Chrome
Membros afetados : Todos os membros do fórum
Endereço do fórum : http://downs.forumeiro.org/forum.htm

Descrição do problema

Olá,
eu dei uma lida novamente no tutorial e fiz algumas pesquisas no fórum, mas infelizmente não consegui encontrar nada relacionado a inclusão de várias imagens flutuantes no fórum. Gostaria de saber se isso é possível. Pois, tenho tido algumas dificuldades com o portal e outras seções do meu fórum e gostaria de transforma-las em link's e deixa-los flutuando no fórum.

Obs: não utilizo windgets.

por Consolado 13.01.15 10:06

Olá!

Leia esse tópico:
Seta

Imagem flutuante

Até mais.

por milo100 13.01.15 17:37

Olá amigo,
a imagem tem que ser adicionada com o url na descrição do fórum, a descrição do meu fórum tem um número limitado de caracteres, então não posso adicionar 6 imagens no meu ecrã simplesmente por que tenho um limite. Eu quero adicionar vários icones.

milo100 escreveu:Olá,
eu dei uma lida novamente no tutorial e fiz algumas pesquisas no fórum, mas infelizmente não consegui encontrar nada relacionado a inclusão de várias imagens flutuantes no fórum.

por EuficoLoko 13.01.15 19:24

Olá @milo100;

Então colega, esse tutorial diz que e para adicionar na descrição do fórum, mas se pode adicionar em qualquer lugar que aceite html. Piscada

Você quer que ele fique somente na página principal? Se for adicione nesse local:
Painel de Controle Visualização Página inicial Geral Conteúdo Home-page

Quer em todas as páginas? Crie um novo js:

Código:: $(function(){ $('head').before('AQUI AS IMAGENS') });

Elas tem de estar com aspas " " duplas, qualquer coisa faça as imagens e me mande que eu termino de configurar o javascript.

por milo100 13.01.15 20:21

Olá,
Eu uso o sistema de informações. Então o código que você me deu aparece abaixo do código da página incial.

Ou seja, não funciona! =(

por EuficoLoko 13.01.15 20:22

EuficoLoko escreveu:Quer em todas as páginas? Crie um novo js:
Código Expandir Selecionar Pop-up
$(function(){
$('head').before('AQUI AS IMAGENS')
});
Elas tem de estar com aspas " " duplas, qualquer coisa faça as imagens e me mande que eu termino de configurar o javascript.

por milo100 13.01.15 20:28

Olá amigo,
perdoe-me, mas não estou conseguindo fazer.

imagem: https://i.servimg.com/u/f39/17/44/18/75/1zb76s10.jpg
link para redirecionar: www.vixeki.forumeiros.com

Olha, gostaria de 6 imagens flutuantes. Poderia configurar por favor? Estou cheio de problemas com isso! =(

por EuficoLoko 13.01.15 20:32

É claro, veja bem, vou configurar a primeira:

Código:: $(function(){ $('head').before('<a href="LINK-REDIRECIONAR"><img src="ENDEREÇO"></img></a> '); });

É só multiplicar essa parte

Código:: <a href="LINK-REDIRECIONAR"><img src="ENDEREÇO"></img></a>

Com seis ficaria assim:

Código:: $(function(){ $('head').before('<a href="LINK-REDIRECIONAR"><img src="ENDEREÇO" id="flutuante"></img></a> <a href="LINK-REDIRECIONAR"><img src="ENDEREÇO" id="flutuante"></img></a> <a href="LINK-REDIRECIONAR"><img src="ENDEREÇO" id="flutuante"></img></a> <a href="LINK-REDIRECIONAR"><img src="ENDEREÇO" id="flutuante"></img></a> <a href="LINK-REDIRECIONAR"><img src="ENDEREÇO" id="flutuante"></img></a> <a href="LINK-REDIRECIONAR"><img src="ENDEREÇO" id="flutuante"></img></a> '); });

Mantenha o CSS do tutorial! É só trocar os links.

por milo100 13.01.15 21:27

Bem, não sei o que aconteceu criei o JS e não apareceu nada e está habilitado para todas as páginas =S.

por EuficoLoko 13.01.15 22:06

Olá;

Engraçado e que nenhum javascript simples pega.. Vamos por template então. Piscada

Painel de Controle Visualização Templates Geral index_body
Localize:

Código::

Antes adicione o código e edite-o ao seu gosto:

Código:: <a href="LINK-REDIRECIONAR"><img src="ENDEREÇO" id="flutuante"></img></a> <a href="LINK-REDIRECIONAR"><img src="ENDEREÇO" id="flutuante"></img></a> <a href="LINK-REDIRECIONAR"><img src="ENDEREÇO" id="flutuante"></img></a> <a href="LINK-REDIRECIONAR"><img src="ENDEREÇO" id="flutuante"></img></a> <a href="LINK-REDIRECIONAR"><img src="ENDEREÇO" id="flutuante"></img></a> <a href="LINK-REDIRECIONAR"><img src="ENDEREÇO" id="flutuante"></img></a>

Espero que funcione.

por milo100 15.01.15 20:59

Eu localizei o código e adicionei um código para testar que foi o

Código:: <a href="www.http://vixeki.forumeiros.com"><img src="" id="flutuante"></img></a>

e não a apareceu nada na página inicial.

por EuficoLoko 15.01.15 21:01

Olá!

Falta preencher com o endereço meu caro.

Código:: <a href="www.http://vixeki.forumeiros.com"><img src="ENDEREÇO" id="flutuante"></img></a>

O senhor preencheu?

por milo100 15.01.15 21:05

Código:: <a href="vixeki.forumeiros.com"><img src="http://i39.servimg.com/u/f39/17/44/18/75/1zb76s10.jpg" id="flutuante"></img></a>

O código deveria ficar preenchido dessa forma, mas não aparece nada lá Triste

por EuficoLoko 15.01.15 21:10

Olá!

Entendo mas, o senhor publicou o template?
Veja bem, eu não encontro o endereço da sua imagem em seu código fonte, então ela não está lá. Mas deveria, poderia me confirmar se publicou o template?
http://prntscr.com/5sx228

por milo100 15.01.15 21:14

Sim, eu publiquei, mas não consigo ver! Eu cliquei no simbolozinho de + que tem lá!

por milo100 15.01.15 21:17

Apareceu agora! Apareceu!
Este também pode ser dado como resolvido.

por milo100 15.01.15 21:23

Olha achei um problema. Só consigo inserir uma imagem por ali. As outras não aparecem!

por EuficoLoko 15.01.15 21:50

Olá;

Forneça-me o seu overal_header? Seria possível?

por milo100 15.01.15 23:21

Código:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}> <head> <title>{SITENAME_TITLE}{PAGE_TITLE}</title> <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" /> <meta http-equiv="content-script-type" content="text/javascript" /> <meta http-equiv="content-style-type" content="text/css" />  <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />   <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />  {META_FAVICO} {META} {META_FB_LIKE} <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" /> {T_HEAD_STYLESHEET} {CSS} <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" /> <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" /> <script src="{JQUERY_PATH}" type="text/javascript"></script> <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>  <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script> <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>   <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" /> <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>   <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script> <script type="text/javascript">//<![CDATA[ /* Definir le sens de direction en fonction du panneau admin */ var tickerDirParam = "{switch_ticker.DIRECTION}"; var slid_vert = false; var auto_dir = 'next'; var h_perso = parseInt({switch_ticker.HEIGHT}); switch( tickerDirParam ) { case 'top' : slid_vert = true; break; case 'left': break; case 'bottom': slid_vert = true; auto_dir = 'prev'; break; case 'right': auto_dir = 'prev'; break; default: slid_vert = true; } $(document).ready(function() { var width_max = $('ul#fa_ticker_content').width(); var width_item = Math.floor(width_max / {switch_ticker.SIZE}); if (width_max > 0) { $('#fa_ticker_content').css('display','block'); $('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () { if ($(this).width() > width_item) { var ratio = $(this).width() / width_item; var new_height = Math.round($(this).height() / ratio); $(this).height(new_height).width(width_item); } }); if (slid_vert) { var height_max = h_perso; $('ul#fa_ticker_content li').each( function () { if ($(this).height() > height_max) { height_max = $(this).height(); } } ); $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto'); $('ul#fa_ticker_content li').height(height_max); } $('#fa_ticker_content').jcarousel({ vertical: slid_vert, wrap: 'circular', auto: {switch_ticker.STOP_TIME}, auto_direction: auto_dir, scroll: 1, size: {switch_ticker.SIZE}, height_max: height_max, animation: {switch_ticker.SPEED} }); } else { $('ul#fa_ticker_content li:not(:first)').css('display','none'); $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center'); } }); //]]> </script>  <script type="text/javascript"> //<![CDATA[ jQuery().ready(function(){  pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400'); if(pm != null) { pm.focus(); }   report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}'); if(report != null) { report.focus(); }   $(window).load(function() { Ticker.start({ height : {switch_ticker.HEIGHT}, spacing : {switch_ticker.SPACING}, speed : {switch_ticker.SPEED}, direction : '{switch_ticker.DIRECTION}', pause : {switch_ticker.STOP_TIME} }); });  });  var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;   $(document).ready( function() { $(window).resize(function() { var windowWidth = document.documentElement.clientWidth; var popupWidth = $("#login_popup").width(); var mypopup = $("#login_popup"); $("#login_popup").css({ "left": windowWidth/2 - popupWidth/2 }); }); });  //]]> </script> {GREETING_POPUP}  <style> .jcarousel-skin-tango .jcarousel-item { text-align:center; width: 10px; } .jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: {switch_ticker.SPACING}px; } .jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: {switch_ticker.SPACING}px; } </style>  {HOSTING_JS}  <script type="text/javascript"> //<![CDATA[ var _gaq = _gaq || []; _gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]); _gaq.push(["_trackPageview"]); _gaq.push(['_trackPageLoadTime']);  _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']); _gaq.push(['b._trackPageview']);  (function() { var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true; ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s); })(); //]]> </script>  </head> <body>  <div id="hitskin_preview" style="display: block;"> <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.com</h1> <div class="content"> <p> {hitskin_preview.L_THEME_SITE_PREVIEW} <br /> <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span> </p> </div> </div>   <div id="login_popup" class="module main"> <div id="login_popup_title" class="main-head"> <div class="h3">{SITENAME}</div> </div> <div class="main-content"> {LOGIN_POPUP_MSG} <div id="login_popup_buttons"> <form action="{S_LOGIN_ACTION}" method="get"> <input type="submit" class="button2" value="{L_LOGIN}" /> <input type="button" class="button2" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" /> <input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" /> </form> </div> </div> </div>  <a id="top" name="top" accesskey="t"></a> <div class="minwidth_IE"> <div class="layout_IE"> <div class="container_IE"> <div class="pun"> <div id="pun-intro" class="clearfix"> <a href="{U_INDEX}" id="pun-logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>  <div id="pun-title">{switch_h1.MAIN_SITENAME}</div>   <p id="pun-desc">{switch_desc.SITE_DESCRIPTION}</p>  </div> <div id="pun-head"> <div id="pun-navlinks"> <ul class="clearfix"> <li>{GENERATED_NAV_BAR}</li> </ul> </div> </div>  <div id="fa_ticker_block" style="padding-top:4px;"> <div class="module main"> <div class="main-content clearfix"> <div id="fa_ticker_container"> <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display: none;width: 100%;">  <li>{switch_ticker.ticker_row.ELEMENT}</li>  </ul> </div> </div> </div> </div>   <div id="fa_ticker_block" style="padding-top:4px;"> <div class="module main"> <div class="main-content clearfix"> <div id="fa_ticker_container"> <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;"> <div class="fa_ticker_content">  <div>{switch_ticker.ticker_row.ELEMENT}</div>  </div> </div> </div> </div> </div> </div>  <div id="page-body"> <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}> <div id="outer-wrapper"> <div id="wrapper"> <div id="container"> <div id="content"> <div id="{ID_LEFT}">  {giefmod_index1.MODVAR}  <div style="height:{SPACE_ROW}px"></div>   </div> <div id="main"> <div id="main-content">  </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </body> </html>

Index_body @Euficoloko

Código:: {JAVASCRIPT}  <div id="pun-visit" class="clearfix"> <ul> <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li> <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li> <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li> <li><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li> </ul> <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p> </div>   <div id="pun-visit"> <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p> </div>   <div class="main">  <div class="main-head"> <h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1> </div>   <div id="pun-announcement"> <p>{message_admin_index.message_admin_txt.MES_TXT}</p> </div>  </div>  <a href="vixeki.forumeiros.com"><img src="http://i39.servimg.com/u/f39/17/44/18/75/1zb76s10.jpg" id="flutuante"></img></a> <a href="vixeki.forumeiros.com"><img src="http://i39.servimg.com/u/f39/17/44/18/75/1zb76s10.jpg" id="flutuante"></img></a> <a href="vixeki.forumeiros.com"><img src="http://i39.servimg.com/u/f39/17/44/18/75/1zb76s10.jpg" id="flutuante"></img></a> <a href="vixeki.forumeiros.com"><img src="http://i39.servimg.com/u/f39/17/44/18/75/1zb76s10.jpg" id="flutuante"></img></a> <a href="vixeki.forumeiros.com"><img src="http://i39.servimg.com/u/f39/17/44/18/75/1zb76s10.jpg" id="flutuante"></img></a>  <div class="main"> <form action="{S_LOGIN_ACTION}" method="post" name="form_login"> <div class="user_login_form main-box center"> <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label>   <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label>   <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>   {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />  <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span> <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>  </div> </form> </div>  {CHATBOX_TOP} {BOARD_INDEX}  <div id="pun-info" class="main"> <div class="main-content"> <div id="stats"> <p class="right">{TOTAL_POSTS}</p> <p>{TOTAL_USERS}</p> <p>{NEWEST_USER}</p> </div> <div id="onlinelist"> <img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" /> <p class="right">  <a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>   {L_WHO_IS_ONLINE}  </p> <p>{TOTAL_USERS_ONLINE}<br /> {RECORD_USERS} <br /> {LOGGED_IN_USER_LIST} {L_ONLINE_USERS} {L_CONNECTED_MEMBERS}<br /> {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</p> <div class="clear"></div> <p>{LEGEND} : {GROUP_LEGEND}</p> </div>  <div id="onlinechat"> <p class="page-bottom"> {TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}<br />  <div id="chatbox_popup"></div> <script type="text/javascript"> insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}'); </script>  </p> </div>  </div> </div>   <form action="{S_LOGIN_ACTION}" method="post" name="form_login"> <div class="user_login_form main-box center"> <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label>   <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label>   <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>   {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />  <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span> <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>  </div> </form>  {CHATBOX_BOTTOM}  <ul id="pun-legend"> <li> <img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /> {L_NEW_POSTS} <img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /> {L_NO_NEW_POSTS} <img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /> {L_FORUM_LOCKED} </li> </ul>  {AUTO_DST}  <div id="fb-root"></div> <script type="text/javascript"> //<![CDATA[ FB.init({ appId: '{switch_fb_index_login.FACEBOOK_APP_ID}', status: true, cookie: true, xfbml: true, oauth: true }); //]]> </script>

por EuficoLoko 16.01.15 12:40

Olá!

Troque o código flutuante da sua CSS do tutorial por esse:

Código:: #flutuante{position:fixed;top:80px;left:5px;} #flutuante2{position:fixed;top:7px;left:5px;} #flutuante3{position:fixed;top:150px;left:5px;} #flutuante4{position:fixed;top:230px;left:5px;} #flutuante5{position:fixed;top:300px;left:5px;}

É o Index_box por esse:

Código:: {JAVASCRIPT}  <div id="pun-visit" class="clearfix"> <ul> <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li> <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li> <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li> <li><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li> </ul> <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p> </div>   <div id="pun-visit"> <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p> </div>   <div class="main">  <div class="main-head"> <h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1> </div>   <div id="pun-announcement"> <p>{message_admin_index.message_admin_txt.MES_TXT}</p> </div>  </div>  <a href="vixeki.forumeiros.com"><img src="http://i39.servimg.com/u/f39/17/44/18/75/1zb76s10.jpg" id="flutuante"></img></a><br> <a href="vixeki.forumeiros.com"><img src="http://i39.servimg.com/u/f39/17/44/18/75/1zb76s10.jpg" id="flutuante2"></img></a><br> <a href="vixeki.forumeiros.com"><img src="http://i39.servimg.com/u/f39/17/44/18/75/1zb76s10.jpg" id="flutuante3"></img></a><br> <a href="vixeki.forumeiros.com"><img src="http://i39.servimg.com/u/f39/17/44/18/75/1zb76s10.jpg" id="flutuante4"></img></a><br> <a href="vixeki.forumeiros.com"><img src="http://i39.servimg.com/u/f39/17/44/18/75/1zb76s10.jpg" id="flutuante5"></img></a><br>  <div class="main"> <form action="{S_LOGIN_ACTION}" method="post" name="form_login"> <div class="user_login_form main-box center"> <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label>   <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label>   <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>   {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />  <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span> <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>  </div> </form> </div>  {CHATBOX_TOP} {BOARD_INDEX}  <div id="pun-info" class="main"> <div class="main-content"> <div id="stats"> <p class="right">{TOTAL_POSTS}</p> <p>{TOTAL_USERS}</p> <p>{NEWEST_USER}</p> </div> <div id="onlinelist"> <img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" /> <p class="right">  <a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>   {L_WHO_IS_ONLINE}  </p> <p>{TOTAL_USERS_ONLINE}<br /> {RECORD_USERS} <br /> {LOGGED_IN_USER_LIST} {L_ONLINE_USERS} {L_CONNECTED_MEMBERS}<br /> {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</p> <div class="clear"></div> <p>{LEGEND} : {GROUP_LEGEND}</p> </div>  <div id="onlinechat"> <p class="page-bottom"> {TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}<br />  <div id="chatbox_popup"></div> <script type="text/javascript"> insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}'); </script>  </p> </div>  </div> </div>   <form action="{S_LOGIN_ACTION}" method="post" name="form_login"> <div class="user_login_form main-box center"> <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label>   <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label>   <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>   {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />  <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span> <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>  </div> </form>  {CHATBOX_BOTTOM}  <ul id="pun-legend"> <li> <img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /> {L_NEW_POSTS} <img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /> {L_NO_NEW_POSTS} <img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /> {L_FORUM_LOCKED} </li> </ul>  {AUTO_DST}  <div id="fb-root"></div> <script type="text/javascript"> //<![CDATA[ FB.init({ appId: '{switch_fb_index_login.FACEBOOK_APP_ID}', status: true, cookie: true, xfbml: true, oauth: true }); //]]> </script>

Ficará exatamente assim:
Inserir várias imagens flutuantes. JYZipwu

por nikka 24.01.15 16:44

Inserir várias imagens flutuantes. Delete11

Segundo o regulamento do setor de suporte, tópicos com mais de 7 dias devem ser arquivados por abandono do próprio autor. Você poderá obter mais informações lendo este tópico: Regras para a postagem de dúvidas

Caso ainda tenha dúvidas, aconselhamos que crie um novo tópico no setor de suporte, tendo em vista que este não deve ficar na seção por mais de 7 dias.

Tópico marcado como Resolvido.

Inserir várias imagens flutuantes.