Anúncios no canto
3 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 • Compartilhe
Anúncios no canto
Ola
Gostava imenso de conseguir fazer isto que esta neste topico para o meu forum mas como criei o meu forum a bastante pouco tempo preciso de ajuda.
Eu ja criei a pagina de html com diz na primeira janela de codigo
mas estou um pouco perdido nas segunda janela do codigo pois nao sei onde colocar o mesmo
podem-me ajudar ja tentei colocar em
painel de controlo > geral > Forum > configuração > descrição do fórum
mas nao consigo colocar la o o codigo todo podem me indicar onde devo de colocar o codigo para ficar com a barra laterala funcionar
peço desculpa se este nao for o local correcto para colocar este topico a pedir isto mas com o topico de origem esta bloqueado tive de criar este.
cordialmente
Cronos
Gostava imenso de conseguir fazer isto que esta neste topico para o meu forum mas como criei o meu forum a bastante pouco tempo preciso de ajuda.
Eu ja criei a pagina de html com diz na primeira janela de codigo
mas estou um pouco perdido nas segunda janela do codigo pois nao sei onde colocar o mesmo
podem-me ajudar ja tentei colocar em
painel de controlo > geral > Forum > configuração > descrição do fórum
mas nao consigo colocar la o o codigo todo podem me indicar onde devo de colocar o codigo para ficar com a barra laterala funcionar
peço desculpa se este nao for o local correcto para colocar este topico a pedir isto mas com o topico de origem esta bloqueado tive de criar este.
cordialmente
Cronos
Re: Anúncios no canto
Olá Cronos.h, seja bem-vindo a comunidade Forumeiros!
Em primeiro lugar, terá que criar uma nova página HTML para suportar esse código complexo!
De seguida, só deverá inicializar essa página em:
Painel de controlo Geral Fórum Configuração Descrição do fórum
Nesse campo coloque esse script:
Entendeu? Diga-nos se resolveu
Att, Needke
Bom dia e Seja bem-vindo ao FdF,
Como você acabou de se inscrever é importante que você esteja informado das nossas regras. Veja aqui alguns links importantes a saber :
Em primeiro lugar, terá que criar uma nova página HTML para suportar esse código complexo!
De seguida, só deverá inicializar essa página em:
Painel de controlo Geral Fórum Configuração Descrição do fórum
Nesse campo coloque esse script:
<script src="http://damaiense.forumpramim.com/-h1.htm" /></script>
Entendeu? Diga-nos se resolveu
Att, Needke
Bom dia e Seja bem-vindo ao FdF,
Como você acabou de se inscrever é importante que você esteja informado das nossas regras. Veja aqui alguns links importantes a saber :
Needke- Hiper Membro
- Membro desde : 19/08/2009
Mensagens : 2761
Pontos : 4546
Re: Anúncios no canto
Boas
Eu criei uma pagina de html em
painel de controlo > modulos > html > Gestao de paginal html
E criei outra pagina de html
com este codigo em que o que esta a preto é a pagina do meu primeiro codigo
copie o seu codigo
ja tentei com http://damaiense.forumpramim.com/Barra-Lateral-h1.htm que o link da pagina com o codigo da primeira caixa de codigo supra citada
<script src="http://damaiense.forumpramim.com/-h1.htm" /></script>
e ja tentei com com a 2 parte do codigo noutra pagina e tb nao deu ha esqueçime de mencionar uma coisa o meu forum é em phpBB3
sera que é alguma coisa no codigo que esta mal
Eu criei uma pagina de html em
painel de controlo > modulos > html > Gestao de paginal html
- Código:
<script src='http://www.google.com/jsapi'></script>
<script>
google.load("jquery", "1.3.2");
</script>
<script type='text/javascript'>
$(function() {
$('#menusisi a').stop().animate({'marginLeft':'-50px'},1000);
$('#menusisi > li').hover(
function () {
$('a',$(this)).stop().animate({'marginLeft':'-4px'},200);
},
function () {
$('a',$(this)).stop().animate({'marginLeft':'-50px'},200);
}
);
});
</script>
</header>
<style type='text/css'>
/* Footer
----------------------------------------------- */
.footer-outer {
margin: -0 0 0px;
padding: 0 0 0;
color: #333333;
overflow: hidden;
}
.footer-fauxborder-left {
border-top: 0px solid transparent;
background: transparent url(http://www.blogblog.com/1kt/awesomeinc/header_gradient_artsy.png) repeat scroll 0 0;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
box-shadow: 0 0 0 rgba(0, 0, 0, .2);
margin: 0 -0;
}
.paginator {
margin-top:80px;
font-size:1em;
}
.paginator table {
border-collapse:collapse;
table-layout:fixed;
width:100%;
}
.paginator table td {
padding:0;
white-space:nowrap;
text-align:center;
}
.paginator span {
display:block;
padding:0px 0;
color:#fff;
}
.paginator span strong,
.paginator span a {
padding:0px 6px;
}
.paginator span strong {
background:#ff6c24;
font-style:normal;
font-weight:normal;
}
.paginator .scroll_bar {
width:100%; height:20px;
position:relative;
margin-top:10px;
}
.paginator .scroll_trough {
width:100%;height:0px;
background:#ccc;
overflow:hidden;
}
.paginator .scroll_thumb {
position:absolute;
z-index:0;
width:0; height:0px;
top:0; left:0px;
font-size:1px;
background:#363636;
}
.paginator .scroll_knob {
position:absolute;
top:-5px; left:50%;
margin-left:-10px;
width:20px; height:20px;
overflow:hidden;
background:url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/slider_knob.gif) no-repeat 50% 50%;
cursor:pointer; cursor:hand;
}
.paginator .current_page_mark {
position:absolute;
z-index:0;
top:0; left:0;
width:0; height;
overflow:hidden;
background:#ff6c24;
}
.fullsize .scroll_thumb {
display:none;
}
.paginator_pages {
width:600px;
text-align:right;
font-size:0.8em;
color:#808080;
margin-top:-10px;
}
ul#menusisi {
position:fixed;
margin:0;
padding:0;
top:250px;
left:3px;
list-style:none;
z-index:9999;
}
ul#menusisi li {
width:100px;
}
ul#menusisi li a {
display:block;
margin-left:-50px;
width:100px;
height:55px;
background-color:#585248; /* Cor de fundo do botão */
background-repeat:no-repeat;
background-position:48px center;
border:1px solid #cfcfcf; /* Cor da borda do botão*/
-moz-border-radius:0px 10px 10px 0px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-top-right-radius: 10px;
-khtml-border-bottom-right-radius: 10px;
-khtml-border-top-right-radius: 10px;
/*-moz-box-shadow: 0px 4px 3px #000;
-webkit-box-shadow: 0px 4px 3px #000;
*/
opacity:0.8;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}
ul#menusisi .facebook a {
background-image:url(http://img155.imageshack.us/img155/6812/jtlc1w10.png);
}
ul#menusisi .twitter a {
background-image:url(http://img545.imageshack.us/img545/8106/twitte10.png);
}
ul#menusisi .hi5 a {
background-image:url(http://img64.imageshack.us/img64/2928/jjahw410.png);
}
ul#menusisi .tinychat a {
background-image:url(http://img709.imageshack.us/img709/8741/2hozsy10.png);
}
ul#menusisi .youtube a {
background-image:url(http://img199.imageshack.us/img199/2839/youtub10.png);
}
ul#menusisi .radio a {
background-image:url(http://img825.imageshack.us/img825/6777/hysteriar.png);
}
--></style>
<br><br><br><br>
<ul id='menusisi'>
<li class='facebook'><a href='http://www.facebook.com/#!/profile.php?id=100001598824080' target="new" title='facebook'></a></li>
<li class='twitter'><a href='http://twitter.com/hysteriaforum' target="new" title='Twitter'></a></li>
<li class='hi5'><a href='http://hysteriaforum.hi5.com' target="new" title='Hi5'></a></li>
<li class='tinychat'><a href='http://tinychat.com/hysteriaforum' target="new" title='TinyChat'></a></li>
<li class='youtube'><a href='http://www.youtube.com/user/HysteriaForum?feature=mhum' target="new" title='Youtube'></a></li>
<li class='radio'><a href='http://hysteria.forumfacil.net/RadioHysteria-h4.htm' target="new" title='HysteriaRádio'></a></li>
</ul>
E criei outra pagina de html
com este codigo em que o que esta a preto é a pagina do meu primeiro codigo
- Código:
<div id="fa_ticker_container"><div id="fa_ticker" style="height:0px;"><div class="fa_ticker_content"><div><div style="position: fixed; top: 5px; left: 0px;"><iframe src=[font=Impact]http://damaiense.forumpramim.com/Barra-Lateral-h1.htm [/font]frameborder=0 scrolling=no width=110px height=1000px></iframe></div>
copie o seu codigo
- Código:
<script src="http://damaiense.forumpramim.com/-h1.htm" /></script>
ja tentei com http://damaiense.forumpramim.com/Barra-Lateral-h1.htm que o link da pagina com o codigo da primeira caixa de codigo supra citada
<script src="http://damaiense.forumpramim.com/-h1.htm" /></script>
e ja tentei com com a 2 parte do codigo noutra pagina e tb nao deu ha esqueçime de mencionar uma coisa o meu forum é em phpBB3
sera que é alguma coisa no codigo que esta mal
Re: Anúncios no canto
Olá Cronos.h,
Consegui criar o anúncio de acordo com o outro código lá do tópico de exemplo, e o que fiz foi o seguinte:
1º Passo: Vá para Painel de Controle → Módulos → Abaixe o scroller até lá embaixo → Em HTML procure Gestão das páginas HTML → Crie uma nova página com o código abaixo → Salve.
Código: ↓
2º Depois vá em Painel de Controle → Em Home Page procure Geral → Abaixe o scroller até lá embaixo → Em Conteúdo da mensagem digite o código abaixo e salve.
Preste atenção em 1 coisa, após criar a Página HTML, copie o endereço, retire o endereço do 2º código: http://noticiaquente.maisforum.com/Contato-h2.htm e coloque o da sua página HTML, entendeu?
Ou então, se não conseguir, crie a página HTML, me passe o endereço e modifico o código para você!
Att, Thiago.
Consegui criar o anúncio de acordo com o outro código lá do tópico de exemplo, e o que fiz foi o seguinte:
1º Passo: Vá para Painel de Controle → Módulos → Abaixe o scroller até lá embaixo → Em HTML procure Gestão das páginas HTML → Crie uma nova página com o código abaixo → Salve.
Código: ↓
- Spoiler:
- <script src='http://www.google.com/jsapi'></script>
<script>
google.load("jquery", "1.3.2");
</script>
<script type='text/javascript'>
$(function() {
$('#menusisi a').stop().animate({'marginLeft':'-50px'},1000);
$('#menusisi > li').hover(
function () {
$('a',$(this)).stop().animate({'marginLeft':'-4px'},200);
},
function () {
$('a',$(this)).stop().animate({'marginLeft':'-50px'},200);
}
);
});
</script>
</header>
<style type='text/css'>
/* Footer
----------------------------------------------- */
.footer-outer {
margin: -0 0 0px;
padding: 0 0 0;
color: #333333;
overflow: hidden;
}
.footer-fauxborder-left {
border-top: 0px solid transparent;
background: transparent url(http://www.blogblog.com/1kt/awesomeinc/header_gradient_artsy.png) repeat scroll 0 0;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
box-shadow: 0 0 0 rgba(0, 0, 0, .2);
margin: 0 -0;
}
.paginator {
margin-top:80px;
font-size:1em;
}
.paginator table {
border-collapse:collapse;
table-layout:fixed;
width:100%;
}
.paginator table td {
padding:0;
white-space:nowrap;
text-align:center;
}
.paginator span {
display:block;
padding:0px 0;
color:#fff;
}
.paginator span strong,
.paginator span a {
padding:0px 6px;
}
.paginator span strong {
background:#ff6c24;
font-style:normal;
font-weight:normal;
}
.paginator .scroll_bar {
width:100%; height:20px;
position:relative;
margin-top:10px;
}
.paginator .scroll_trough {
width:100%;height:0px;
background:#ccc;
overflow:hidden;
}
.paginator .scroll_thumb {
position:absolute;
z-index:0;
width:0; height:0px;
top:0; left:0px;
font-size:1px;
background:#363636;
}
.paginator .scroll_knob {
position:absolute;
top:-5px; left:50%;
margin-left:-10px;
width:20px; height:20px;
overflow:hidden;
background:url(https://2img.net/h/i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/slider_knob.gif) no-repeat 50% 50%;
cursor:pointer; cursor:hand;
}
.paginator .current_page_mark {
position:absolute;
z-index:0;
top:0; left:0;
width:0; height;
overflow:hidden;
background:#ff6c24;
}
.fullsize .scroll_thumb {
display:none;
}
.paginator_pages {
width:600px;
text-align:right;
font-size:0.8em;
color:#808080;
margin-top:-10px;
}
ul#menusisi {
position:fixed;
margin:0;
padding:0;
top:250px;
left:3px;
list-style:none;
z-index:9999;
}
ul#menusisi li {
width:100px;
}
ul#menusisi li a {
display:block;
margin-left:-50px;
width:100px;
height:55px;
background-color:#585248; /* Cor de fundo do botão */
background-repeat:no-repeat;
background-position:48px center;
border:1px solid #cfcfcf; /* Cor da borda do botão*/
-moz-border-radius:0px 10px 10px 0px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-top-right-radius: 10px;
-khtml-border-bottom-right-radius: 10px;
-khtml-border-top-right-radius: 10px;
/*-moz-box-shadow: 0px 4px 3px #000;
-webkit-box-shadow: 0px 4px 3px #000;
*/
opacity:0.8;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}
ul#menusisi .facebook a {
background-image:url(https://2img.net/r/ihimizer/img155/6812/jtlc1w10.png);
}
ul#menusisi .twitter a {
background-image:url(https://2img.net/r/ihimizer/img545/8106/twitte10.png);
}
ul#menusisi .hi5 a {
background-image:url(https://2img.net/r/ihimizer/img64/2928/jjahw410.png);
}
ul#menusisi .tinychat a {
background-image:url(https://2img.net/r/ihimizer/img709/8741/2hozsy10.png);
}
ul#menusisi .youtube a {
background-image:url(https://2img.net/r/ihimizer/img199/2839/youtub10.png);
}
ul#menusisi .radio a {
background-image:url(https://2img.net/r/ihimizer/img825/6777/hysteriar.png);
}
--></style>
<br><br><br><br>
<ul id='menusisi'>
<li class='facebook'><a href='https://www.facebook.com/#!/profile.php?id=100001598824080' target="new" title='facebook'></a></li>
<li class='twitter'><a href='http://twitter.com/hysteriaforum' target="new" title='Twitter'></a></li>
<li class='hi5'><a href='http://hysteriaforum.hi5.com' target="new" title='Hi5'></a></li>
<li class='tinychat'><a href='http://tinychat.com/hysteriaforum' target="new" title='TinyChat'></a></li>
<li class='youtube'><a href='https://www.youtube.com/user/HysteriaForum?feature=mhum' target="new" title='Youtube'></a></li>
<li class='radio'><a href='http://hysteria.forumfacil.net/RadioHysteria-h4.htm' target="new" title='HysteriaRádio'></a></li>
</ul>
2º Depois vá em Painel de Controle → Em Home Page procure Geral → Abaixe o scroller até lá embaixo → Em Conteúdo da mensagem digite o código abaixo e salve.
- Spoiler:
- <div id="fa_ticker_container"><div id="fa_ticker" style="height:0px;"><div class="fa_ticker_content"><div><div style="position: fixed; top: 5px; left: 0px;"><iframe src=http://noticiaquente.maisforum.com/Contato-h2.htm frameborder=0 scrolling=no width=110px height=1000px></iframe></div>
Preste atenção em 1 coisa, após criar a Página HTML, copie o endereço, retire o endereço do 2º código: http://noticiaquente.maisforum.com/Contato-h2.htm e coloque o da sua página HTML, entendeu?
Ou então, se não conseguir, crie a página HTML, me passe o endereço e modifico o código para você!
Att, Thiago.
Re: Anúncios no canto
Ola
eu ja fiz o que o Thiago disse e ja funciona mas nao funciona no portal que eu estou a fazer isso é normal é que eu queria fazer tb a aparecer no portal.
no forum ja aparece mas fica assim um pouco estranho pois fico com uma barra na lateral esquerda do ecra branca com os icones la sera que da para ficar na parte de tras do forum e defundo ou igual ao do forum ou tranaparente
no link https://2img.net/r/ihimizer/img264/2467/barram.png tem o print screen de como ficou sera que o problema esta no codigo ? da primeira pagina de html
eu ja fiz o que o Thiago disse e ja funciona mas nao funciona no portal que eu estou a fazer isso é normal é que eu queria fazer tb a aparecer no portal.
no forum ja aparece mas fica assim um pouco estranho pois fico com uma barra na lateral esquerda do ecra branca com os icones la sera que da para ficar na parte de tras do forum e defundo ou igual ao do forum ou tranaparente
no link https://2img.net/r/ihimizer/img264/2467/barram.png tem o print screen de como ficou sera que o problema esta no codigo ? da primeira pagina de html
Tópicos semelhantes
» Menu no canto esquerdo
» Popup no canto
» Login no canto da logo
» Objetos no canto do fórum
» [Resolvido] Anuncios no canto
» Popup no canto
» Login no canto da logo
» Objetos no canto do fórum
» [Resolvido] Anuncios no canto
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