Publicado em 13 de out.

Subpáginas com CSS + JS

Olá pessoal do forum imasters, venho aqui mais uma vez pedir ajuda ou uma solução rs,bem andando pela internet eu achei um site massa e gostei do sistema dele,tentei até copiar o seu código fonte mais não fui muito feliz na minha pesquisa ¬¬,bem o site é esse http://www.festanet.com.br/layout/novo/ e o tão sistema que falo é o seguinte o todas as paginas do site é composta por uma unica pagina em html e as suas sub páginas são divs que ficam ivisiveis e quando se clica no menu elas carregam normalmente como se fossem outras páginas, eu fiquei interessado em saber como foi feito essa proeza ja que o site fica super leve e poupa excesso de paginas.

OBS: EU NÃO FIZ SPAM,EU POSTEI 2 VEZES EM LUGARES DIFERENTES POIS NÃO SABIA QUAL ERA O LUGAR CERTO PARA POSTAR "/

Discussão (31)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Mário Monteiro· 13 de out.

por hora segue este topico

o outro foi excluido

Buongiorno· 13 de out.

Olá G-Gordo!

Só pra dar um início:

<input type="button" value="Mostrar DIV 1" onclick="mostrar('dv01');">

<input type="button" value="Ocultar DIV 1" onclick="ocultar('dv01');">

<input type="button" value="Mostrar DIV 2" onclick="mostrar('dv02');">

<input type="button" value="Ocultar DIV 2" onclick="ocultar('dv02');">

<script>
function mostrar(loc)

{

document.getElementById(loc).style.visibility='visible';
}

function ocultar(loc)

{

document.getElementById(loc).style.visibility='hidden';
}
</script>

Precisa melhorar o javascript e usar o css para posicionar os divs e dar a eles um formato legal.

Buongiorno· 13 de out.

Desculpa, faltou um pedaço do código, aí está ele completo.

<div id="dv01" style="visibility:hidden;"><span>Olá mundo!</span></div>

<div id="dv02" style="visibility:hidden;"><span>Olá tudo bem?</span></div>

<br><br><br><br>

<input type="button" value="Mostrar DIV 1" onclick="mostrar('dv01');">

<input type="button" value="Ocultar DIV 1" onclick="ocultar('dv01');">

<input type="button" value="Mostrar DIV 2" onclick="mostrar('dv02');">

<input type="button" value="Ocultar DIV 2" onclick="ocultar('dv02');">

<script>
function mostrar(loc)

{

document.getElementById(loc).style.visibility='visible';
}

function ocultar(loc)

{

document.getElementById(loc).style.visibility='hidden';
}
</script>

G-Gordo· 13 de out.

Buongiorno muito obrigado pela sua ajuda,mais tipo esse codigo é pra quando eu clicar em uma a outra que esta presente sumir e a aparecer a div respectiva que eu cliquei certo.

ex:

1° www.meusite.com > abre o site com a div inicial que é a pagina principal do site.

2° um menu composto por 3 itens [inicial] [portifolio] [conta].

3° bem quando o usuario clica no 2° item do menu carrega uma div respectiva ao item que ele clicou e a pagina inicial some e so reaparece se o mesmo voltar a clica no 1° item do menu que é o item inicial.

Espero que tenha sido um pouco mais claro nesse meu breve exemplo http://forum.imasters.com.br/public/style_emoticons/default/grin.gif^^ mais obrigado mesmo pela sua ajuda http://forum.imasters.com.br/public/style_emoticons/default/grin.gif^^

G-Gordo· 13 de out.

me responderam em uma comunidade do orkut que isto é feito em ajax será isso mesmo possivel pessoal ?

Aprendiz CSS· 13 de out.

é isso mesmo, mas sugiro que você use include do php

dê uma pesquisa no forum de php que verá como é simples!

abraço

G-Gordo· 13 de out.

meu codigo em html ta mais ou menos assim:

<script>
function mostrar(loc)

{

document.getElementById(loc).style.visibility='visible';
}

function ocultar(loc)

{

document.getElementById(loc).style.visibility='hidden';
}
</script>
<style type="text/css">
#dv1{
	width: 490px;
	height: 395px;
	top:0px;
	left:18px;
	background:#00FF33;
	position: absolute;
	z-index: 1;
}
#dv2{
	width: 490px;
	height: 395px;
	top:0px;
	left:18px;
	background: #993300;
	position: absolute;
	z-index: 1;
}
#dv3{
	width: 490px;
	height: 20px;
	top:410px;
	left:18px;
	position: absolute;
	z-index: 1;
}
</style>
</head>
<body>
<div id="dv1" style="visibility:visible;"><span>Olá mundo!</span></div>

<div id="dv2" style="visibility:hidden;"><span>Olá tudo bem?</span></div>
<div id="dv3">
<input type="button" value="contato" onclick="mostrar('dv1'); ocultar('dv2');">
<input type="button" value="portifolio" onclick="mostrar('dv2'); ocultar('dv1');">
</div>
</div>
</body>
</html>

é parecido com isso que eu desejo rs

Guilherme Rambo· 14 de out.

Preste atenção ao conceito de separação de camadas que é uma das principais vantagens das Webstandards, porque diminui o acoplamento.

Seu javascript está inline e obstrutivo. O mesmo vale para seu CSS. Tome cuidado com isso.

E evite ao máximo utilizar javascript em funções vitais do seu site (como a navegação nas páginas).

[]'s

Aprendiz CSS· 14 de out.

E evite ao máximo utilizar javascript em funções vitais do seu site (como a navegação nas páginas).

G-Gordo você esta fazendo isso?

se sim, evite, ou ao menos deixe uma forma para navegação caso o Javascript esteja desabilitado!

abraço

G-Gordo· 14 de out.

>
G-Gordo você esta fazendo isso?

se sim, evite, ou ao menos deixe uma forma para navegação caso o Javascript esteja desabilitado!

abraço

não cara esse codigo foi que um mebro ali de sima postou e eu dei uma melhorada como exemplo de para alguem entendr e poder me ajudar me informaram que seria feito em ajax mais achei uma solução em ajax mais nao ta dando certo ou eu nao sei como usar ajax ja que nao manjo mto de ajax vo posta a solução,o meu erro com ela é os eguinte ela so mostra os testos contidos nas minhas subpaginas e nao alinha o css e se a pagina tiver arquivos js nao funciona nada.

<!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">](http://www.w3.org/1999/xhtml)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Testando Ajax</title>
<script type="text/javascript">

/função básica para iniciar o uso do Ajax no site/

function ajaxInit() {
var req;

try {
req = new ActiveXObject("Microsoft.XMLHTTP");
} catch(e) {
try {
req = new ActiveXObject("Msxml2.XMLHTTP");
} catch(ex) {
try {
req = new XMLHttpRequest();
} catch(exc) {

alert("Esse browser não tem recursos para uso do Ajax");
req = null;
}
}
}
return req;
}
function wmCarrega(webmorphos){

/* webmorphos é a variavel que recebe o link
seto a variável wmDiv pra receber o corpo da div conteúdo que irá receber os dados finais
isto serve apenas para facilitar a escrita, já que iremos repetir a div*/
var wmDiv = document.getElementById("conteudo");
ajax = ajaxInit(); /Inicia o Ajax/
ajax.open("GET", webmorphos, true); /Envia a requisição ao servidor/
ajax.onreadystatechange=function() {
/ readyState==1 Indica que está carregando, nessa hora que colocamos aquele Loading.../

if (ajax.readyState==1){
wmDiv.innerHTML = "<p style=´text-decoration: blink;´>Carregando...</p>"; /*se preferir faça um gif piscando sei la*/
}
if (ajax.readyState==4){

/readyState==4 Indica que está carregada a página/
wmDiv.innerHTML = ajax.responseText; /envia à div o conteúdo/
}
}

ajax.send(null);
}
</script>
</head>
<body>
<p>Modelo simples de uma função bastante útil em Ajax</p>
<p>Links: <a href="java script:wmCarrega('empresa.html');">Esportes</a> :: <a href="java script: wmCarrega('home.html');">Piadas</a>
</p><p>A div abaixo receberá os dados ao clicar nos liks</p>
<div id="conteudo" style="border: 1px solid black; margin-top: 10px;">
</div>
</body>
</html>

Aprendiz CSS· 15 de out.

aqui está funcionado normalmente

dicas:

retire os espaços entre as palavras java e script

o conteudo de de home.html e de empresa.html

deve ser apenas o conteudo do body

pense que está utilizando includes para fazer isso

qualquer coisa

e quanto ao css pegar, o CSS paga sim, basta ter definido direitinho no arquivo de css

volte a postar

abraço

G-Gordo· 15 de out.

cara nao pega nao,por que o estilo css esta externo na outra pagina ele so pega se eu cloca na pagina que chama a outra pagina e nao na pagina que eh chamada

Aprendiz CSS· 15 de out.

poste aqui os arquivos de CSS e de HTML

Poste todos os arquivos!

abraço

G-Gordo· 15 de out.

eu to usando um site que ja produzi como teste em ajax pois se conseguir o ajax seria a minha salvação rs

Aprendiz CSS· 15 de out.

eu to usando um site que ja produzi como teste em ajax pois se conseguir o ajax seria a minha salvação rs

poste os arquivos para vermos melhor e te ajudar!

abraço http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

G-Gordo· 15 de out.

css principal da pagina empresa html

body {

	margin: 0px auto;
	text-align:center;
	background: #020204 url(layout/bg_speed_site3.jpg) center top no-repeat;
	font-family: Verdana;
	font-size: 12px;
	color: #FFFFFF;
}
#corpo {
	margin: 30px auto;
	text-align: left;
	width: 754px;
	height: 701px;
	z-index: 1;
}
#logo{
	background:url(layout/logo.png);
	width: 750px;
	height: 123px;
	top:0px;
	left:0px;
	position: relative;
	z-index: 1;
}
#logo_link{
	width: 415px;
	height: 100px;
	top:16px;
	left:148px;
	position: absolute;
	display:block;
	z-index: 1;
}

#logo_link a{

	width: 415px;
	height: 100px;
	display:block;
	z-index: 1;
}

#logo span {

display:none;
}
#conteudo{
	width: 527px;
	height: 577px;
	top:0px;
	left:0px;
	position: relative;
	z-index: 1;
}
#conteudo_menu{
	width: 223px;
	height: 577px;
	float:right;
	top:123px;
	left:527px;
	position: absolute;
	z-index: 1;
}
#conteudo_top{
	background:url(layout/up_body.png);
	width: 527px;
	height: 26px;
	top:0px;
	left:0px;
	position: relative;
	z-index: 1;
}
#conteudo_right{
	background:url(layout/right_body.png);
	width: 22px;
	height: 519px;
	top:0px;
	left:0px;
	position: relative;
	z-index: 1;
}
#conteudo_left{
	background:url(layout/left_body.png);
	width: 18px;
	height: 519px;
	top:26px;
	left:505px;
	position: absolute;
	z-index: 1;
}
#conteudo_down{
	background:url(layout/down_body.png);
	width: 527px;
	height: 32px;
	top:0px;
	left:0px;
	position: relative;
	z-index: 1;
}
#conteudo_body{
	background:url(layout/body_bg.png);
	width: 487px;
	height: 519px;
	top:26px;
	left:18px;
	position: absolute;;
	z-index: 1;
}
#conteudo_top_menu{
	background:url(layout/up_menu.png);
	width: 223px;
	height: 28px;
	top:0px;
	left:0px;
	position: relative;
	z-index: 1;
}
#conteudo_right_menu{
	background:url(layout/right_menu.png);
	width: 18px;
	height: 513px;
	top:0px;
	left:0px;
	position: relative;
	z-index: 1;
}
#conteudo_left_menu{
	background:url(layout/left_menu.png);
	width: 22px;
	height: 513px;
	top:28px;
	left:201px;
	position: absolute;
	z-index: 1;
}
#conteudo_down_menu{
	background:url(layout/down_menu.png);
	width: 223px;
	height: 36px;
	top:0px;
	left:0px;
	position: relative;
	z-index: 1;
}
#conteudo_body_menu{
	background:url(layout/menu_bg.png);
	width: 183px;
	height: 513px;
	top:28px;
	left:18px;
	position: absolute;;
	z-index: 1;
}
#impressora{
	background:url(layout/impressora.png);
	width: 183px;
	height: 136px;
	top:406px;
	left:18px;
	position: absolute;;
	z-index: 1;
}
#menu_body{
	width: 128px;
	height: 177px;
	top:0px;
	left:27px;
	position: absolute;;
	z-index: 1;
}
#mn_quem_somos{
	width: 101px;
	height: 26px;
	top:0px;
	left:0px;
	position: relative;;
	z-index: 1;
}
#mn_quem_portifolio{
	width: 87px;
	height: 23px;
	top:0px;
	left:0px;
	position: relative;;
	z-index: 1;
}

#mn_quem_preços{

	width: 83px;
	height: 27px;
	top:0px;
	left:0px;
	position: relative;;
	z-index: 1;
}
#mn_quem_impressao{
	width: 119px;
	height: 26px;
	top:0px;
	left:0px;
	position: relative;;
	z-index: 1;
}

#mn_quem_localizaçao{

	width: 110px;
	height: 27px;
	top:0px;
	left:0px;
	position: relative;;
	z-index: 1;
}
#mn_quem_contato{
	width: 126px;
	height: 23px;
	top:0px;
	left:0px;
	position: relative;;
	z-index: 1;
}
#mn_quem_enviat_design{
	width: 128px;
	height: 27px;
	top:0px;
	left:0px;
	position: relative;;
	z-index: 1;
}
#rodape {
	width: 490px;
	height: 60px;
	top:483px;
	left:17px;
	text-align:center;
	position: absolute;;
	border-top: 1px dashed;
	z-index: 1;
}
#chamadas {
	width: 490px;
	height: 49px;
	top:25px;
	left:18px;
	position: absolute;;
	border-bottom: 1px dashed;
	z-index: 1;
}
#conteudo_center{
	width: 490px;
	height: 395px;
	top:80px;
	left:18px;
	position: absolute;
	z-index: 1;
}
#logomix {
	float: left;
	background-image: url(layout/mix_logo.png);
	width: 166px;
	height: 49px;
	top:21px;
	left:45px;
	position: absolute;
	z-index: 1;
}

G-Gordo· 15 de out.

pagina em html completa da pagina empresa.hmtl

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>..:: Speed Print ::.. Um mundo de cores para você!</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script defer type="text/javascript" src="pngfix.js"></script>
<link href="corpo.css" rel="stylesheet" type="text/css">

<script type="text/JavaScript">

<!--

function MM_swapImgRestore() { //v3.0
 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
	var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
	if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
	d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
 if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
 for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
 if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
 if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

//-->

</script>
</head>
<body onLoad="MM_preloadImages('layout/quem_f2.png', 'layout/port_f2.png', 'layout/preco.png', 'layout/impre_f2.png', 'layout/loca_f2.png', 'layout/cont_f2.png', 'layout/envia_f2.png')">
<div id="corpo">
 <div id="logo"> <a target="body" href="home.html" > <span> Speed Print </span> </a>
 <div id="conteudo_menu">
 <div id="conteudo_top_menu"></div>
 <div id="conteudo_right_menu"></div>
 <div id="conteudo_left_menu"></div>
 <div id="conteudo_body_menu">
 <div id="menu_body">
 <div id="mn_quem_somos"><a target="body" href="empresa.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','layout/quem_f2.png',1)"><img src="layout/quem.png" name="Image1" width="101" height="26" border="0"></a> </div>
 <div id="mn_quem_portifolio"><a target="body" href="portifolio.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','layout/port_f2.png',1)"><img src="layout/port.png" name="Image2" width="87" height="23" border="0"></a></div>
 <div id="mn_quem_preços"><a target="body" href="servicos.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','layout/preco_f2.png',1)"><img src="layout/preco.png" name="Image3" width="83" height="27" border="0"></a></div>
 <div id="mn_quem_impressao"><a target="body" href="mapa.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','layout/impre_f2.png',1)"><img src="layout/impre.png" name="Image4" width="119" height="26" border="0"></a></div>
 <div id="mn_quem_localizaçao"><a target="body" href="[http://maps.google.com.br/maps/ms?f=q&hl=pt-BR&geocode=&ie=UTF8&msa=0&msid=100896858054098092856.000458c3474e10bd8725a&ll=-22.864669,-43.446765&spn=0.010815,0.013819&output=embed&s=AARTsJrpyjbA9-ce2d5308A_gXIZGmJkag"](http://maps.google.com.br/maps/ms?f=q&hl=pt-BR&geocode=&ie=UTF8&msa=0&msid=100896858054098092856.000458c3474e10bd8725a&ll=-22.864669,-43.446765&spn=0.010815,0.013819&output=embed&s=AARTsJrpyjbA9-ce2d5308A_gXIZGmJkag) onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','layout/loca_f2.png',1)"><img src="layout/loca.png" name="Image5" width="110" height="27" border="0"></a></div>
 <div id="mn_quem_contato"><a target="body" href="contato/1.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','layout/cont_f2.png',1)"><img src="layout/cont.png" name="Image6" width="126" height="23" border="0"></a></div>
 <div id="mn_quem_enviat_design"><a target="body" href="enviar.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','layout/envia_f2.png',1)"><img src="layout/envia.png" name="Image7" width="128" height="27" border="0"></a></div>
 </div>
 </div>
 <div id="impressora"></div>
 <div id="conteudo_down_menu">
 <div id="logomix"></div>
 </div>
 </div>
	<div id="logo_link"><a target="body" href="home.html" > <span> Speed Print </span> </a> </div>
 </div>
 <div id="conteudo">
	<div id="conteudo_top"></div>
	<div id="conteudo_right"></div>
	<div id="conteudo_left"></div>
	<div id="conteudo_down"></div>
	<div id="conteudo_body"></div>
	<div id="rodape">
 <p>© 2008 Gráfica Speed Print. Todos os Direitos reservados.<br>
 Rua Antônio Manfrenatti, 82 - Padre Miguel - Rio de janeiro - RJ <br>
 Tel.(21) 3337-9644/3337-9827 <br>
 contato@speedprint.com.br<br>
 </p>
	</div>
	<div id="chamadas">
 <marquee direction="left" loop="true" scrollamount="4" height="49" width="490">
 <p>Canetas promocionais para brindes de fim de ano à partir de R$0,40.
 </marquee>
	</div>
	<div id="conteudo_center">
	<iframe src="home.html" frameborder="0" scrolling="no" width="490" height="395" name="body"></iframe>
	</div>
 </div>
</div>
</body>
</html>

G-Gordo· 15 de out.

codigo do iframe que fica dentro da index que tbm nao abre no ajax rs

<!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">](http://www.w3.org/1999/xhtml)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">

body {

	margin: 0px;
	font-family: Verdana;
	font-size: 12px;
	color: #FFFFFF;
}
#conteiner {
	margin: 0px;
	text-align: left;
	width: 490px;
	height: 390px;
	z-index: 1;
}
#imagens_index{
	width: 490px;
	height: 130px;
	top:125px;
	left:1px;
	border-bottom: 1px dashed;
	position: absolute;
	z-index: 1;
}
#brindes_index{
	background:url(layout/brindes_index.png);
	width: 130px;
	height: 100px;
	top:0px;
	left:0px;
	position: absolute;
	z-index: 1;
}
#cartoes_index{
	background:url(layout/cartoes_index.png);
	width: 130px;
	height: 100px;
	top:0px;
	left:177px;
	position: absolute;
	z-index: 1;
}
#convites_index{
	background:url(layout/convites_index.png);
	width: 130px;
	height: 100px;
	top:0px;
	left:357px;
	position: absolute;
	z-index: 1;
}
</style>
</head>
<body>
<div id="conteiner">

A Grafíca Speed Print oferece serviços personalizados para sua empresa, sempre comprometida em disponibilizar a mais alta qualidade em serviços gráficos, com eficiência e custos acessíveis. O acabamento dos nossos serviços é um momento dos mais importantes nos trabalhos, é tratado com toda a dedicação.
O nosso controle de qualidade exigente deve ser destacado. E está presente em cada etapa do trabalho, visando a nossa qualidade. Confira os nossos produtos e serviços oferecidos pela Speed Print e bons negócios.

 <div id="imagens_index">
 <div id="brindes_index"></div>
 <div id="cartoes_index"></div>
 <div id="convites_index"></div>
 </div>
</div>
</body>
</html>

G-Gordo· 15 de out.

o css só funciona na pagina empresa só se eu usar isto na pagina que comtem o ajax.

Aprendiz CSS· 15 de out.

você quer que dentro do iframe, pegue o ajax de fora do site?

é isso, se for, tem que chamar novamente o arquivo css

abraço

G-Gordo· 15 de out.

ve se entende isso rs

EX: PRINCIPAL(AJAX) = Esta chama as outras certo.

|_> Link Home(html + css) = essa é chamada pelo ajax para dentro da principal

|_> Home conteudo(html + css) = essa é um iframe que fica dentro da home ok.

Sendo que o css da link home nao roda, ele é um link externo é um css feito saparado da pagina,ja o css da home conteudo é usado em seu codigo fonte na sua estrutura ele é um css interno e tambem nao roda.

O css da Link home so funciona se eu linka ele na pagina com ajax,mais o da outra pagina nao roda rs esse é o problema pois pretendo fazer uma pagina com css so pra pagina com ajax e css pras outras que são conteudos ja que com css é bem mais facil serem alinhadas ^^

Aprendiz CSS· 15 de out.

Acesse e veja como funciona bem

http://phpaulo.com.br/exemplo/imasters/ajax/

abraço

G-Gordo· 16 de out.

eu axo que esse ira servir,mais tipo nesse o css ta na pagina principal e nao na pagina que sera chamada correto ? mais se eu coloca na pagina q vai ser chamada não tem como ? pois asism seria mais facil de eu atualiza um site pois pra visualização no dw seria mais pratico entende ?

Aprendiz CSS· 16 de out.

é possivel sim,

mas se notar os arquivos internos tem apenas um

<h1></h1>
basta você adicionar a tag

G-Gordo· 16 de out.

sim cara to usando essas tags sim rs estilos css eu sei alguma coisa rs