Fórum grátis: ajuda e atendimento ao utilizador Forumeiros.com

Página HTML

4 participantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Página HTML

Mensagem por henriquebr 12.09.12 1:57

Qual é minha questão:
<br>Pessoal, eu criei uma página html no macromedia dramweaver 8 com os modelos e posições formados pelo cSS, bem....nele deu tudo certinho, mas quando eu coloco no forum, ai fca tudo doido, os meus códigos são esses:
LEMBRANDO: EU NAO ESTOU AUTORIZANDO COPIAS AINDA, QUANDOMEU POSTAR O TUTO EU LIBERO....

<span style="font-size: 18px; line-height: normal">CSS</span>
Código:

/* ----------------------------------------SEPARAÇÃO----------------------------------------*/
.fundodahtml{
background-image: url(http://i287.photobucket.com/albums/ll133/arceusterrestrix/bg_green.jpg);
background-size: 100% 100%;
background-repeat:no-repeat;
}
/*LOGO - INICIO*/
.logo {
filter:alpha(opacity=65);
-moz-opacity: 0.6;
opacity: 0.6;
display:table;
border:solid 1px #006600;
border-radius: 40px 0px 40px 0px;
background-image:url(http://i36.servimg.com/u/f36/16/96/02/41/5511.png);
background-size: 100% 100%;
box-shadow: 0px 0px 15px #006600;
width: 90%;
height: 120px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
text-align:center;
}
.logo:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:solid 1px #006600;
}
/*LOGO - FIM*/
/*TEXTO DO LOGO - INICIO*/
.textologo {
color:#003300;
margin-top: 36px;
font-size:36px;
text-shadow:0px 0px 5px #000000;
}
.textologo:hover {
text-decoration:blink;
color:#00CC33;
text-shadow: 0x 0px 10px #00FF99;
}
/*TEXTO DO LOGO - FIM*/
/*TABELA CENTRAL - INICIO*/
#tabelacentral{
box-shadow: 0px 0px 3px #003300;
border: solid 1px #00CC00;
font-family:Arial, Helvetica, sans-serif;
border-radius: 60px 20px 60px 20px;
display:table;
background-size: 100% 100%;
text-align:left;
width:75%;
height:150px;
margin-top:50px;
}
#tabelacentral a{
text-decoration:none;
color:#000000;
}
#tabelacentral:hover{
width: 80%;
border:solid 1px #006600;
background-image: url(http://i36.servimg.com/u/f36/16/96/02/41/5510.png);

}
#tabelacentral a:hover{
text-decoration:underline;
color:#00CC00;
}
/*TABELA CENTRAL - FIM*/
.texto{
text-align:left;
margin-left:8px;
}
.texto:hover{
text-shadow:0px 0px 5px #222222;
}
.creditos{
background-image:url(http://i36.servimg.com/u/f36/16/96/02/41/5512.png);
filter:alpha(opacity=65);
-moz-opacity: 0.6;
opacity: 0.6;
background-size: 100% 100%;
border-bottom: solid 1px #000000;
border-top: solid 1px #000000;
display:table;
/*border-radius: 40px 0px 40px 0px;*/
box-shadow: 0px 0px 8px #000000;
width: 100%;
height: 120px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
text-align:center;
margin-top:41px;
}
.creditos:hover{
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;

}
.textocredito{
color:#000000;
margin-top: 36px;
font-size:36px;
text-shadow:0px 0px 5px #222222;
}
.textocredito:hover {
text-decoration:blink;
color:#666666;
text-shadow: 0x 0px 10px #999999;
}
.textotabela{
color:#000000;
}
.textotabela:hover {
text-shadow:0px 0px 5px #222222;
}
/* ----------------------------------------SEPARAÇÃO----------------------------------------*/
<span style="font-size: 18px; line-height: normal">HTML</span>
Código:

<!--
        PÁGINA CRIADA POR: HENRIQUE G. BR. - DEXTER - RMBR: WWW.RMBR.FORUMEIROS.COM
   SE FIZEREM CÓPIAS, FAVOR DEIXAR ESTES COMENTÁRIOS!
   
-->   

<!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">
<head>
<link href="PÁGINA CSS - RMBR.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Categorias - RMBR</title>
</head>
<body class="fundodahtml">
<center><div class="logo"><p class="textologo">CATEGORIAS</p></div></center>
<center>
<table id="tabelacentral">
<th><center><h1 class="textotabela">RPG Maker</h1></center>
<h3 class="texto">Forúns:</h3>
<ul type="disc">
<li><a href="#">FORÚM 1</a>
<li><a href="#">FORÚM 2</a>
<li><a href="#">FORÚM 3</a>
<li><a href="#">FORÚM 4</a>
</ul>
</th>
</table>
<table id="tabelacentral">
<th><center><h1 class="textotabela">Game Maker</h1></center>
<h3 class="texto">Forúns:</h3>
<ul type="disc">
<li><a href="#">FORÚM 1</a>
<li><a href="#">FORÚM 2</a>
<li><a href="#">FORÚM 3</a>
<li><a href="#">FORÚM 4</a>
</ul>
</th>
</table>
</center>
<center><div class="creditos"><p class="textocredito">Criado por DexTer</p></div></center>
</body>
</html>
olha como fica no forum:
Spoiler:
<br><br>

Links e imagens do meu problema:
NOOO
Spoiler:


Endereço do meu fórum:
http://rmbr.forumeiros.com

Versão do meu fórum:
PHPBB3


Última edição por henriquebr em 12.09.12 20:18, editado 1 vez(es)
henriquebr

henriquebr
*****

Membro desde : 20/10/2011
Mensagens : 497
Pontos : 740

http://rmbr.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Página HTML

Mensagem por JonasB. 12.09.12 2:02

Olá,

Tente hospedar em algum servidor de outro host teu html e CSS, se resultar como desej, crie uma nova pagina html:
Código:
<?php include('Link de tua pagina') ?>
Não resulta este código? Utilize o seguinte:
Código:
<iframe src="Link de tua pagina" />

Até mais Piscada
Ajudei? Agradeça.
JonasB.

JonasB.
*****

Membro desde : 30/07/2012
Mensagens : 481
Pontos : 638

http://suportedesign.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Página HTML

Mensagem por konekta Brasil 12.09.12 2:05

Olá!

Não intendi direito o que quis dizer, irei responder como intendi:
Vejo que as classes que você colocou não esta de acordo com as do fórum. Você deve criar o código CSS de acordo com as classes do fórum.
konekta Brasil

konekta Brasil
Membro

Membro desde : 16/07/2011
Mensagens : 754
Pontos : 1147

http://www.konektabrasil.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Página HTML

Mensagem por BrunoH. 12.09.12 3:16

Olá!
Painel de Controle Seta Módulos Seta HTML e JavaScript Seta Gestão dos códigos HTML
Crie uma página HTML com este código:
Código:

<!--
        PÁGINA CRIADA POR: HENRIQUE G. BR. - DEXTER - RMBR: WWW.RMBR.FORUMEIROS.COM
  SE FIZEREM CÓPIAS, FAVOR DEIXAR ESTES COMENTÁRIOS!
 
--> 

<!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">
<head>
<link href="PÁGINA CSS - RMBR.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Categorias - RMBR</title>
</head>
<body class="fundodahtml">
<center><div class="logo"><p class="textologo">CATEGORIAS</p></div></center>
<center>
<table id="tabelacentral">
<th><center><h1 class="textotabela">RPG Maker</h1></center>
<h3 class="texto">Forúns:</h3>
<ul type="disc">
<li><a href="#">FORÚM 1</a>
<li><a href="#">FORÚM 2</a>
<li><a href="#">FORÚM 3</a>
<li><a href="#">FORÚM 4</a>
</ul>
</th>
</table>
<table id="tabelacentral">
<th><center><h1 class="textotabela">Game Maker</h1></center>
<h3 class="texto">Forúns:</h3>
<ul type="disc">
<li><a href="#">FORÚM 1</a>
<li><a href="#">FORÚM 2</a>
<li><a href="#">FORÚM 3</a>
<li><a href="#">FORÚM 4</a>
</ul>
</th>
</table>
</center>
<center><div class="creditos"><p class="textocredito">Criado por DexTer</p></div></center>
</body>
</html>
<head>
<style type="text/css">
<!--

/* ----------------------------------------SEPARAÇÃO----------------------------------------*/
.fundodahtml{
background-image: url(http://i287.photobucket.com/albums/ll133/arceusterrestrix/bg_green.jpg);
background-size: 100% 100%;
background-repeat:no-repeat;
}
/*LOGO - INICIO*/
.logo {
filter:alpha(opacity=65);
-moz-opacity: 0.6;
opacity: 0.6;
display:table;
border:solid 1px #006600;
border-radius: 40px 0px 40px 0px;
background-image:url(http://i36.servimg.com/u/f36/16/96/02/41/5511.png);
background-size: 100% 100%;
box-shadow: 0px 0px 15px #006600;
width: 90%;
height: 120px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
text-align:center;
}
.logo:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:solid 1px #006600;
}
/*LOGO - FIM*/
/*TEXTO DO LOGO - INICIO*/
.textologo {
color:#003300;
margin-top: 36px;
font-size:36px;
text-shadow:0px 0px 5px #000000;
}
.textologo:hover {
text-decoration:blink;
color:#00CC33;
text-shadow: 0x 0px 10px #00FF99;
}
/*TEXTO DO LOGO - FIM*/
/*TABELA CENTRAL - INICIO*/
#tabelacentral{
box-shadow: 0px 0px 3px #003300;
border: solid 1px #00CC00;
font-family:Arial, Helvetica, sans-serif;
border-radius: 60px 20px 60px 20px;
display:table;
background-size: 100% 100%;
text-align:left;
width:75%;
height:150px;
margin-top:50px;
}
#tabelacentral a{
text-decoration:none;
color:#000000;
}
#tabelacentral:hover{
width: 80%;
border:solid 1px #006600;
background-image: url(http://i36.servimg.com/u/f36/16/96/02/41/5510.png);

}
#tabelacentral a:hover{
text-decoration:underline;
color:#00CC00;
}
/*TABELA CENTRAL - FIM*/
.texto{
text-align:left;
margin-left:8px;
}
.texto:hover{
text-shadow:0px 0px 5px #222222;
}
.creditos{
background-image:url(http://i36.servimg.com/u/f36/16/96/02/41/5512.png);
filter:alpha(opacity=65);
-moz-opacity: 0.6;
opacity: 0.6;
background-size: 100% 100%;
border-bottom: solid 1px #000000;
border-top: solid 1px #000000;
display:table;
/*border-radius: 40px 0px 40px 0px;*/
box-shadow: 0px 0px 8px #000000;
width: 100%;
height: 120px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
text-align:center;
margin-top:41px;
}
.creditos:hover{
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;

}
.textocredito{
color:#000000;
margin-top: 36px;
font-size:36px;
text-shadow:0px 0px 5px #222222;
}
.textocredito:hover {
text-decoration:blink;
color:#666666;
text-shadow: 0x 0px 10px #999999;
}
.textotabela{
color:#000000;
}
.textotabela:hover {
text-shadow:0px 0px 5px #222222;
}
/* ----------------------------------------SEPARAÇÃO----------------------------------------*/
</style>
<div id='cssmenu'>
e Salve!

Att,
HeadShot_. Piscada
BrunoH.

BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Página HTML

Mensagem por henriquebr 12.09.12 19:53

funfo cara, vlw mesmo, mas da pra me ensinar como tu fez isso???
e essa div id? p/ q serve?


Última edição por henriquebr em 12.09.12 19:57, editado 1 vez(es)
henriquebr

henriquebr
*****

Membro desde : 20/10/2011
Mensagens : 497
Pontos : 740

http://rmbr.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Página HTML

Mensagem por BrunoH. 12.09.12 19:56

Olá!
Muito simples, veja:
Seu Código HTML:
Código:

<!--
        PÁGINA CRIADA POR: HENRIQUE G. BR. - DEXTER - RMBR: WWW.RMBR.FORUMEIROS.COM
  SE FIZEREM CÓPIAS, FAVOR DEIXAR ESTES COMENTÁRIOS!
 
--> 

<!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">
<head>
<link href="PÁGINA CSS - RMBR.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Categorias - RMBR</title>
</head>
<body class="fundodahtml">
<center><div class="logo"><p class="textologo">CATEGORIAS</p></div></center>
<center>
<table id="tabelacentral">
<th><center><h1 class="textotabela">RPG Maker</h1></center>
<h3 class="texto">Forúns:</h3>
<ul type="disc">
<li><a href="#">FORÚM 1</a>
<li><a href="#">FORÚM 2</a>
<li><a href="#">FORÚM 3</a>
<li><a href="#">FORÚM 4</a>
</ul>
</th>
</table>
<table id="tabelacentral">
<th><center><h1 class="textotabela">Game Maker</h1></center>
<h3 class="texto">Forúns:</h3>
<ul type="disc">
<li><a href="#">FORÚM 1</a>
<li><a href="#">FORÚM 2</a>
<li><a href="#">FORÚM 3</a>
<li><a href="#">FORÚM 4</a>
</ul>
</th>
</table>
</center>
<center><div class="creditos"><p class="textocredito">Criado por DexTer</p></div></center>
</body>
</html>
Em Baixo dele coloque este código:
Código:
<head>
<style type="text/css">
<!--
E em seguida, depois do código acima citado, coloque o código de sua CSS:
Código:

/* ----------------------------------------SEPARAÇÃO----------------------------------------*/
.fundodahtml{
background-image: url(http://i287.photobucket.com/albums/ll133/arceusterrestrix/bg_green.jpg);
background-size: 100% 100%;
background-repeat:no-repeat;
}
/*LOGO - INICIO*/
.logo {
filter:alpha(opacity=65);
-moz-opacity: 0.6;
opacity: 0.6;
display:table;
border:solid 1px #006600;
border-radius: 40px 0px 40px 0px;
background-image:url(http://i36.servimg.com/u/f36/16/96/02/41/5511.png);
background-size: 100% 100%;
box-shadow: 0px 0px 15px #006600;
width: 90%;
height: 120px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
text-align:center;
}
.logo:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:solid 1px #006600;
}
/*LOGO - FIM*/
/*TEXTO DO LOGO - INICIO*/
.textologo {
color:#003300;
margin-top: 36px;
font-size:36px;
text-shadow:0px 0px 5px #000000;
}
.textologo:hover {
text-decoration:blink;
color:#00CC33;
text-shadow: 0x 0px 10px #00FF99;
}
/*TEXTO DO LOGO - FIM*/
/*TABELA CENTRAL - INICIO*/
#tabelacentral{
box-shadow: 0px 0px 3px #003300;
border: solid 1px #00CC00;
font-family:Arial, Helvetica, sans-serif;
border-radius: 60px 20px 60px 20px;
display:table;
background-size: 100% 100%;
text-align:left;
width:75%;
height:150px;
margin-top:50px;
}
#tabelacentral a{
text-decoration:none;
color:#000000;
}
#tabelacentral:hover{
width: 80%;
border:solid 1px #006600;
background-image: url(http://i36.servimg.com/u/f36/16/96/02/41/5510.png);

}
#tabelacentral a:hover{
text-decoration:underline;
color:#00CC00;
}
/*TABELA CENTRAL - FIM*/
.texto{
text-align:left;
margin-left:8px;
}
.texto:hover{
text-shadow:0px 0px 5px #222222;
}
.creditos{
background-image:url(http://i36.servimg.com/u/f36/16/96/02/41/5512.png);
filter:alpha(opacity=65);
-moz-opacity: 0.6;
opacity: 0.6;
background-size: 100% 100%;
border-bottom: solid 1px #000000;
border-top: solid 1px #000000;
display:table;
/*border-radius: 40px 0px 40px 0px;*/
box-shadow: 0px 0px 8px #000000;
width: 100%;
height: 120px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
text-align:center;
margin-top:41px;
}
.creditos:hover{
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;

}
.textocredito{
color:#000000;
margin-top: 36px;
font-size:36px;
text-shadow:0px 0px 5px #222222;
}
.textocredito:hover {
text-decoration:blink;
color:#666666;
text-shadow: 0x 0px 10px #999999;
}
.textotabela{
color:#000000;
}
.textotabela:hover {
text-shadow:0px 0px 5px #222222;
}
/* ----------------------------------------SEPARAÇÃO----------------------------------------*/
E No final de tudo, coloque este código:
Código:
</style>
<div id='cssmenu'>

Att,
HeadShot_. Piscada
BrunoH.

BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Página HTML

Mensagem por henriquebr 12.09.12 20:00

e porque esse:
<div id='cssmenu'>
??
henriquebr

henriquebr
*****

Membro desde : 20/10/2011
Mensagens : 497
Pontos : 740

http://rmbr.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Página HTML

Mensagem por BrunoH. 12.09.12 20:06

Olá!
Ele serve para implantar sua CSS no HTML, se quiser tira-lo para testar..

Até mais.
BrunoH.

BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Página HTML

Mensagem por henriquebr 12.09.12 20:13

ummm..... eu tirei, mas acho que nao mudou nada, entao elá e apenas uma váriavel para eu usar futuramente, sim?
henriquebr

henriquebr
*****

Membro desde : 20/10/2011
Mensagens : 497
Pontos : 740

http://rmbr.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Página HTML

Mensagem por BrunoH. 12.09.12 20:16

Sim Senhor, se você tirou e não deu conflitos, deixe-a retirada mesmo..

Até mais.
BrunoH.

BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Página HTML

Mensagem por henriquebr 12.09.12 20:17

hmmmm, axo que vou deixar, pois eu pretendo usar esse mesmo css em outra página html, flw mano, se ajudo bastantes. TOPICO RESOLVIDO, PODEM FECHAR!
henriquebr

henriquebr
*****

Membro desde : 20/10/2011
Mensagens : 497
Pontos : 740

http://rmbr.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode

Permissões neste sub-fórum
Não podes responder a tópicos