Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Imagens que abrem
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Imagens que abrem
Qual é minha questão:
Eu tava vendo uma outra duvida que tinha o link desse forum http://rpgadventure.umforum.net/forum entrei e vi uma coisa muito interessante
olhem a imagem que tem escrito "evento top monster" na hora que você passa o mouse sobre ela ela abre eu queria colocar ela no meu forum
http://demoncheats.maisforum.com/forum
olhem a direita la tem uma parte escrita Publicidade e la tem uma imagem oque eu quero fazer e partir aquela imagem em 3 e quando passar o mouse sobre alguma delas abrir
PS: essa parte Publicidade veio com o tema ela e parte da index_body
se apertarem Ctrl+F e pesquisarem Publicidade vão achar a parte onde esta o Publicidade
Endereço do meu fórum:
http://demoncheats.maisforum.com
Versão do fórum:
PunBB
Eu tava vendo uma outra duvida que tinha o link desse forum http://rpgadventure.umforum.net/forum entrei e vi uma coisa muito interessante
olhem a imagem que tem escrito "evento top monster" na hora que você passa o mouse sobre ela ela abre eu queria colocar ela no meu forum
http://demoncheats.maisforum.com/forum
olhem a direita la tem uma parte escrita Publicidade e la tem uma imagem oque eu quero fazer e partir aquela imagem em 3 e quando passar o mouse sobre alguma delas abrir
PS: essa parte Publicidade veio com o tema ela e parte da index_body
- Spoiler:
- {JAVASCRIPT}
<!-- BEGIN switch_user_logged_in -->
<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>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
<p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->
<!-- BEGIN message_admin_index -->
<div class="main">
<!-- BEGIN message_admin_titre -->
<div class="main-head">
<h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>
</div>
<!-- END message_admin_titre -->
<!-- BEGIN message_admin_txt -->
<div id="pun-announcement">
<p>{message_admin_index.message_admin_txt.MES_TXT}</p>
</div>
<!-- END message_admin_txt -->
</div>
<!-- END message_admin_index -->
<!-- BEGIN switch_user_login_form_header -->
<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}" />
<!-- BEGIN switch_fb_connect -->
<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>
<!-- END switch_fb_connect -->
</div>
</form>
</div>
<!-- END switch_user_login_form_header -->
{CHATBOX_TOP}
<table width="100%"><tbody><tr><td width="100%" valign="top">
<div id="pagetitle">
<h1>Demon Cheats</h1>
<p id="welcomemessage" class="description">Bem-vindo ao Demon Cheats.</p>
</div>
{BOARD_INDEX}</td>
<td width="30%" valign="top">
<div id="sidebar_home">
<div id="sidebar_container">
<ul id="sidebar">
<li><div class="block smaller"><div class="blocksubhead"><a class="collapse" id="collapse_block_newthreads_1" href="#top"><img alt="" src="http://www.purevb.com/demo/images/styles/Modern/buttons/collapse_40b.png" id="collapseimg_newthreads_1" /></a><span class="blocktitle">Curtir</span></div>
<div class="widget_content blockbody floatcontainer">
<ul id="block_newthreads_2" class="blockrow">
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FLifeGames-Forums%2F392591047453042&width=240&height=258&show_faces=true&colorscheme=light&stream=false&border_color=%23AAA&header=false&appId=501201279907282" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:240px; height:258px;" allowTransparency="true"></iframe>
<br/>
</ul>
</div></div><div class="underblock"></div></li>
<li><div class="block smaller"><div class="blocksubhead"><a class="collapse" id="collapse_block_newthreads_1" href="#top"><img alt="" src="http://www.purevb.com/demo/images/styles/Modern/buttons/collapse_40b.png" id="collapseimg_newthreads_1" /></a><span class="blocktitle">Links úteis</span></div>
<div class="widget_content blockbody floatcontainer">
<ul id="block_newthreads_2" class="blockrow">
<a href="/t5-regras-gerais-first-cheats"> <img src="https://i.imgur.com/LONiW.png" alt="" align="" border="0px" />Regras</a><br/>
<a href="/f130-shopping"> <img src="https://i.imgur.com/HCYwG.png" alt="" align="" border="0px" />Shopping</a><br/>
<a href="/f258-tutoriais-fc"> <img src="https://i.imgur.com/k7ASh.png" alt="" align="" border="0px" />Tutoriais</a><br/>
<a href="/f105-suporte"> <img src="https://i.imgur.com/UbOo3.png" alt="" align="" border="0px" />Suporte</a><br/>
<a href="/f101-eventos-firstcheats"> <img src="https://i.imgur.com/0xEz4.png" alt="" align="" border="0px" />Eventos FC</a><br/>
<a href="/f1-anuncios"> <img src="https://i.imgur.com/O9Pvo.png" alt="" align="" border="0px" />Anúncios</a><br/>
</ul>
</div></div><div class="underblock"></div></li>
<li><div class="block smaller"><div class="blocksubhead"><a class="collapse" id="collapse_block_newthreads_1" href="#top"><img alt="" src="http://www.purevb.com/demo/images/styles/Modern/buttons/collapse_40b.png" id="collapseimg_newthreads_1" /></a>
<span class="blocktitle">Últimos online</span></div>
<div class="widget_content blockbody floatcontainer">
<ul id="block_newthreads_2" class="blockrow">
<style>#topp img {height: 35px;width: 35px;background-color:
#FCFCFF;padding: 2px;border: 1px solid #CCC;border-radius: 4px;-webkit-
border-radius: 4px;-moz-border-radius: 4px;-khtml-border-radius: 4px;}#topp
{text-align: left;width: 250px;}#topp a span{display:none;}#topp a:hover
span {display: inline;position: absolute;padding: 5px;border: 1px solid
white;border-radius: 1px;background: rgba(0, 0, 0, 0.;box-shadow: 0 0 4px
#333;color: white !important;font-size: 10px;}</style>
<div id="topp"></div><script>jQuery("#topp").load("/memberlist?
mode=lastvisit&order=DESC&submit=Ok&username td.avatar-mini a:lt
(16)");</script>
</ul>
</div></div><div class="underblock"></div></li>
<li><div class="block smaller"><div class="blocksubhead"><a class="collapse" id="collapse_block_newthreads_1" href="#top"><img alt="" src="http://www.purevb.com/demo/images/styles/Modern/buttons/collapse_40b.png" id="collapseimg_newthreads_1" /></a><span class="blocktitle">Publicidade</span></div>
<div class="widget_content blockbody floatcontainer">
<ul id="block_newthreads_2" class="blockrow">
<a href="/forum" target="_blank" original-title="Publicidade tamanho 240x500"><img src="https://2img.net/h/oi45.tinypic.com/2q8vhaw.png" width="240" height="500" /></a>
</ul>
</div></div><div class="underblock"></div></li>
</ul></div></div></div></td></tr></tbody></table>
<!-- BEGIN disable_viewonline -->
<div id="main-head">
<h2>
<span class="forumtitle">What's Going On?</span>
</h2>
</div>
<div class="forumbitBox">
<!-- End Whats Going Heading PureVB -->
<div id="wgo" class="collapse wgo_block block">
<div class="blockbody formcontrols floatcontainer">
<!-- logged-in users -->
<div id="wgo_onlineusers" class="wgo_subblock section">
<h3 class="blocksubhead"><img src="http://www.purevb.com/demo/images/styles/TheBeaconLight/misc/users_online.png" alt="Currently Active Users" title=" Usuários Ativos" /> Usuários Ativos</h3>
<div>
<p>{TOTAL_USERS}</p>
<p>{NEWEST_USER}</p>
Legenda dos grupos :{GROUP_LEGEND}
</div>
</div>
<!-- end logged-in users -->
<!-- Start Members Today -->
<!-- End Members Today -->
<div id="wgo_stats" class="wgo_subblock section">
<h3 class="blocksubhead"><img src="http://www.purevb.com/demo/images/styles/TheBeaconLight/misc/forum_stats.png" alt="Statistics" title="Estatística" />Estatísticas</h3>
<div>
<p>{RECORD_USERS}</p>
<p>{LOGGED_IN_USER_LIST}</p>
<p>{L_ONLINE_USERS}</p>
<p>{L_CONNECTED_MEMBERS}</p>
Threads: <span class="FORUMCOUNTOPIC"></span> Posts: <span class="FORUMCOUNTPOST"></span> Members: <span class="FORUMCOUNTUSER"></span> <br />Welcome to our newest member, <span class="FORUMLASTUSERLINK"></span>
</div>
</div>
</div>
</div>
<div class="bottomBar"><div class="bottomBarLeft"><div class="bottomBarRight"> </div></div></div>
</div>
<!-- END disable_viewonline -->
<!-- BEGIN switch_user_login_form_footer -->
<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}" />
<!-- BEGIN switch_fb_connect -->
<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>
<!-- END switch_fb_connect -->
</div>
</form>
<!-- END switch_user_login_form_footer -->
{CHATBOX_BOTTOM}
<!-- BEGIN switch_legend -->
<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>
<!-- END switch_legend -->
{AUTO_DST}
<!-- BEGIN switch_fb_index_login -->
<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>
<!-- END switch_fb_index_login -->
<style type="text/css">
/* Sidebar--------------------------------------------------- */
#sidebar_container{float:right;width:265px;margin-bottom:3em;padding:43px 0;padding-left:10px;}
#sidebar_container > ul {
background: #F0F0F0 url(http://www.purevb.com/demo/images/misc/blog/top-highlight.png) repeat-x left top;
border: 1px solid #E2E2E2;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: -2px 2px 2px none;
-webkit-box-shadow: -2px 2px 2px none;
box-shadow: -2px 2px 2px none;
float: left;
width: 99%;
}
#sidebar_container .block{margin-bottom:4px;border-top-right:5px;border-top-left:5px;padding:6px}
#sidebar_container .blocksubhead {
background: transparent none;
font-size: 13px;
height: 16.76px;
color: #424242;
padding: 5px 6px;
border: none;
outline: none;
font-weight: bold;
}
#sidebar_container a.collapse{position:static}
#sidebar_container .blocksubhead a img{vertical-align:middle;float:right}
.widget_content{color:#424242;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:#FFF url(https://i.servimg.com/u/f34/15/64/85/86/gradie10.png) repeat-x;border:1px solid #DADADA;_background-image:none;padding:10px 6px}
#sidebar_container .blockbody{color:#424242;border:1px solid #DADADA;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:#FFF;_background-image:none;padding:0}
#sidebar_container .underblock{height:9px;background:transparent url(https://i.servimg.com/u/f34/15/64/85/86/bottom10.png) repeat-x left bottom}
#sidebar_container .blockrow {
border-top: 1px solid white;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background: white url(http://www.purevb.com/demo/images/gradients/gradient-black-down.png) repeat-x;
padding: 10px 6px 10px 6px;
}
/* Sidebar--------------------------------------------------- */
</style>
se apertarem Ctrl+F e pesquisarem Publicidade vão achar a parte onde esta o Publicidade
Endereço do meu fórum:
http://demoncheats.maisforum.com
Versão do fórum:
PunBB
Última edição por DEMORUTO666 em 08.04.14 20:32, editado 1 vez(es)
Re: Imagens que abrem
Olá!
Você poderia me informar uma imagem correspondente ao local "evento top monster" que viu em http://rpgadventure.umforum.net/forum ? Eu não encontrei nem pelo Ctrl F.
Sobre sua segunda pergunta, aconselhamos que crie um novo tópico para saná-la, por favor.
Obrigado por manter-me informado da sua dúvida!
Atenciosamente,
Shek
Você poderia me informar uma imagem correspondente ao local "evento top monster" que viu em http://rpgadventure.umforum.net/forum ? Eu não encontrei nem pelo Ctrl F.
Sobre sua segunda pergunta, aconselhamos que crie um novo tópico para saná-la, por favor.
Obrigado por manter-me informado da sua dúvida!
Atenciosamente,
Shek
Re: Imagens que abrem
Olá!
Adicione na mensagem da home page este código:
Shek
Adicione na mensagem da home page este código:
- Código:
<style>
#fpw {
background: #000;
height: 125px;
margin: auto;
overflow: hidden;
padding: 1px 0;
position: relative;
width: 800px;
}
#fpw img:first-of-type {
left: 0;
}
#fpw #in {
background: url(http://i.imgur.com/9lwiMb7.png);
height: 125px;
left: 400px;
overflow: hidden;
position: absolute;
text-align: center;
top: 1px;
width: 0;
}
#fpw{background:#000;height:125px;margin:auto;overflow:hidden;padding:1px 0;position:relative;width:800px}#fpw img{position:absolute}#fpw img:first-of-type{left:0}#fpw img+img{right:0}#fpw #in{background:url(http://i.imgur.com/9lwiMb7.png);height:125px;left:400px;overflow:hidden;position:absolute;text-align:center;top:1px;width:0}#fpw:hover #in{border-left:1px solid #000;border-right:1px solid #000;left:200px;overflow:auto;padding:0 5px;width:390px}#fpw:hover img:first-of-type{left:-200px}#fpw:hover img+img{right:-200px}@font-face{font-family:'Permanent Marker';font-style:normal;font-weight:400;src:local('Permanent Marker'), local(PermanentMarker), url(http://themes.googleusercontent.com/static/fonts/permanentmarker/v2/9vYsg5VgPHKK8SXYbf3sMupm9E4gBdgiUiSJePew_SQ.woff) format("woff")}#fpw *{-moz-transition:.5s;-webkit-transition:.5s;transition:.5s}#fpw #in b{background:rgba(120,120,120,0.5)!important;color:#aaa!important;display:block!important;font-family:"permanent marker"!important;font-size:20px!important;font-style:normal!important;font-variant:normal!important;font-weight:normal!important;line-height:!important;margin:30px 20px 0!important}#fpw #in a{background:rgba(120,120,120,0.5)!important;color:#bbb!important;display:block!important;font-family:arial!important;font-size:10px!important;font-style:normal!important;font-variant:normal!important;font-weight:normal!important;letter-spacing:2px!important;line-height:!important;margin:30px 20px 0!important;padding:15px 3px!important;text-decoration:none!important;text-transform:uppercase!important}#fpw #in img{display:block;float:left;margin:1px;width:90px}#fpx{background:#000;height:125px;margin:auto;overflow:hidden;padding:1px 0;position:relative;width:400px}#fpx img{position:absolute}#fpx img:first-of-type{left:0}#fpx img+img{right:0}#fpx #ip{background:url(http://i.imgur.com/6gbXwJi.png);height:125px;left:200px;overflow:hidden;position:absolute;text-align:center;top:1px;width:0}#fpx:hover #ip{border-left:1px solid #000;border-right:1px solid #000;left:100px;overflow:auto;padding:0 5px;width:190px}#fpx:hover img:first-of-type{left:-100px}#fpx:hover img+img{right:-100px}#fpx *{-moz-transition:.5s;-webkit-transition:.5s;transition:.5s}#fpx #ip B{background:rgba(120,120,120,0.5);color:#aaa;display:block;font-family:"permanent marker";font-size:20px;font-style:normal;font-variant:normal;font-weight:normal;margin:30px 20px 0}#fpx #ip A{background:rgba(120,120,120,0.5);color:#bbb;display:block;font-family:arial;font-size:10px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:2px;margin:30px 20px 0;padding:15px 3px;text-decoration:none;text-transform:uppercase}
</style>
<div align="center" oncontextmenu="return false" onselectstart="return false">
<table>
<tbody>
<tr>
<td>
<table>
<tbody>
<tr>
<td colspan="2">
<div id="fpw">
<img src="http://i.imgur.com/Dz0efL2.png" /><img src="http://i.imgur.com/MxNqsKA.png" />
<div id="in">
<a href="http://rpgadventure.umforum.net/forum"><strong><span style="font-size: 14px;">Top Monsters</span></strong><br /><span style="font-size: 13px;">Evento Aqui</span></a>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div id="fpx">
<img src="http://i.imgur.com/FHeyQbo.png" /><img src="http://i.imgur.com/Cip1cmt.png" />
<div id="ip">
<a href="http://rpgadventure.umforum.net/forum"><strong><span style="font-size: 14px;">Staff RPGA</span></strong><br /><span style="font-size: 13px;">Saiba mais Aqui</span></a>
</div>
</div>
</td>
<td>
<div id="fpx">
<img src="http://i.imgur.com/6Vb4WYP.png" /><img src="http://i.imgur.com/1gUWsps.png" />
<div id="ip">
<a href="http://rpgadventure.umforum.net/forum"><strong><span style="font-size: 14px;">Mundo de Gaia</span></strong><br /><span style="font-size: 13px;">Saiba mais Aqui</span></a>
</div>
</div>
</td>
</tr>
<tr>
<td>
<a class="postlink" href="http://rpgadventure.umforum.net/forum"> </a>
<div style="" id="bota">
<a class="postlink" href="http://rpgadventure.umforum.net/forum">/div></a>
</div>
</td>
<td>
<a class="postlink" href="http://rpgadventure.umforum.net/forum"> </a>
<div style="" id="botb">
</div><a class="postlink" href="http://rpgadventure.umforum.net/forum"></a>
</td>
</tr>
</tbody>
</table>
</td>
<td>
<a href="http://rpgadventure.umforum.net/forum"><style="" id="botc"></style=""></a>
</td>
</tr>
</tbody>
</table>
</div>
Shek
Re: Imagens que abrem
funcionol mas ficou um /div> como pode ver http://demoncheats.maisforum.com/
ficou estranho ja tentei apagar um tanto de /div> não funcionou acabou bugando mais
neste momento estou com exatamente o mesmo codigo que me passou
ficou estranho ja tentei apagar um tanto de /div> não funcionou acabou bugando mais
neste momento estou com exatamente o mesmo codigo que me passou
Re: Imagens que abrem
consegui resolver
vlw por me mandar o codigo Shek agora vou ajeitar as imagens :3
vlw por me mandar o codigo Shek agora vou ajeitar as imagens :3
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos