Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Me ajudem por favor! estou com um problema na hora de carregar a página! Meu Site: http://nogueiradzn.bl.ee/ Ele não aparece os menus e nem os textos! só aparece se apertar F5! Meu código HTML: <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Nogueira Designer</title>
<link rel="stylesheet" href="css/index.css" media="screen"/>
</head>
<body><div id="barra"> <div id="logo"> <img src="IMG/Logo.png" height="60px" width="70px"/> </div> <div id="tel"> <p>Tel: (15)3231-9930 ou (15)99151-6040</p> </div> <div id="menu"/> <ul> <li> <a href="index.html">Home</a> </li> <li> <a href="Contato.html">Contato</a> </li> <li> <a href="Portifolio.html">Portifolio</a> </li> </ul>
</div>
</div> <!--Cabeçalho--> <!--corpo--><div id="container"> <div id="Slide"> <!-- Begin DWUser_EasyRotator --> <script type="text/javascript" src="http://c520866.r66.cf2.rackcdn.com/1/js/easy_rotator.min.js"></script> <div class="dwuserEasyRotator" style="width: 880px. height: 400px. position:relative. text-align: left. " data-erConfig="{autoplayEnabled:false, lpp:'102-105-108-101-58-47-47-47-85-115-101-114-115-47-108-117-105-109-97-117-114-105-99-105-111-109-111-114-97-101-115-110-111-103-117-101-105-114-97-47-68-111-99-117-109-101-110-116-115-47-69-97-115-121-82-111-116-97-116-111-114-80-114-101-118-105-101-119-47-112-114-101-118-105-101-119-95-115-119-102-115-47', wv:1}" data-erName="NS" data-erTID="{gbbz25da239640870670931}"> <div data-ertype="content" style="display: none. "><ul data-erlabel="Main Category"> <li> <a class="mainLink" href="[http://www.youtube.com/user/nogueirasdzn/videos](http://www.youtube.com/user/nogueirasdzn/videos)"><img class="main" src="Rotator/IMG/Youtube.jpg" alt="Youtube" /></a> <img class="thumb" src="Rotator/IMG/Youtube.jpg" /> <span class="title">Youtube</span> <span class="desc">Visite meu canal do youtube</span> </li> <li> <a class="mainLink" href="[https://twitter.com/nogueirasdzn](https://twitter.com/nogueirasdzn)"><img class="main" src="Rotator/IMG/Twitter.jpg" alt="Twitter" /></a> <img class="thumb" src="Rotator/IMG/Twitter.jpg" /> <span class="title">Twitter</span> <span class="desc">Visite meu Twitter</span> </li> <li> <a class="mainLink" href="[https://twitter.com/PiratesCompany_/](https://twitter.com/PiratesCompany_/)"><img class="main" src="Rotator/IMG/PC.jpg" alt="Pirates" /></a> <img class="thumb" src="Rotator/IMG/PC.jpg" /> <span class="title">Pirates</span> <span class="desc">Visite o pirates company</span> </li> </ul> </div> <div data-ertype="layout" data-ertemplateName="NONE" style=""> <div class="erimgMain" style="position: absolute. left:0. right:0. top:0. bottom:0. " data-erConfig="{__numTiles:3, scaleMode:'scaleDown', imgType:'main', __loopNextButton:false, __arrowButtonMode:'rollover'}"> <div class="erimgMain_slides" style="position: absolute. left:0. top:0. bottom:0. right:0. "> <div class="erimgMain_slide"> <div class="erimgMain_img" style="position: absolute. left: 0. right: 0. top: 0. bottom: 0. "></div> </div> </div> <div class="erimgMain_arrowLeft" style="position:absolute. left: 10px. top: 50%. margin-top: -15px. " data-erConfig="{image:'circleSmall', image2:'circleSmall'}"></div> <div class="erimgMain_arrowRight" style="position:absolute. right: 10px. top: 50%. margin-top: -15px. " data-erConfig="{image:'circleSmall', image2:'circleSmall'}"></div> </div><div class="erabout erFixCSS3" style="color: #FFF. text-align: left. background: #000. background:rgba(0,0,0,0.93). border: 2px solid #FFF. padding: 20px. font: normal 11px/14px Verdana,_sans. width: 300px. border-radius: 10px. display:none. "> This <a style="color:#FFF. " href="[http://www.dwuser.com/easyrotator/](http://www.dwuser.com/easyrotator/)" target="_blank">jQuery slider</a> was created with the free <a style="color:#FFF. " href="[http://www.dwuser.com/easyrotator/](http://www.dwuser.com/easyrotator/)" target="_blank">EasyRotator</a> software from DWUser.com. <br /><br /> Use WordPress? The free <a style="color:#FFF. " href="[http://www.dwuser.com/easyrotator/](http://www.dwuser.com/easyrotator/)wordpress/" target="_blank">EasyRotator for WordPress</a> plugin lets you create beautiful <a style="color:#FFF. " href="[http://www.dwuser.com/easyrotator/](http://www.dwuser.com/easyrotator/)wordpress/" target="_blank">WordPress sliders</a> in seconds. <br /><br /> <a style="color:#FFF. " href="#" class="erabout_ok">OK</a> </div> <noscript> Rotator powered by <a href="[http://www.dwuser.com/easyrotator/](http://www.dwuser.com/easyrotator/)">EasyRotator</a>, a free and easy jQuery slider builder from DWUser.com. Please enable JavaScript to view. </noscript> <script type="text/javascript">/*Avoid IE gzip bug*/(function(b,c,d){try{if(!b[d]){b[d]="temp". var a=c.createElement("script"). a.type="text/javascript". a.src="http://easyrotator.s3.amazonaws.com/1/js/nozip/easy_rotator.min.js". c.getElementsByTagName("head")[0].appendChild(a)}}catch(e){alert("EasyRotator fail. contact support.")}})(window,document,"er_$144"). </script> </div> </div> <!-- End DWUser_EasyRotator --> </div>
<div id="Sobreempresa">
<div id="Sobre"> <h2>Sobre</h2> <p>Meu nome é Lui Mauricio Moraes Nogueira, sou Motion Designer e WebDesigner. Sou cursado em Motion Designer e venho aprimorando minhas habilidades até hoje</p> <a href="infoSobre.html"><p>Continue Lendo</p></a>
</div> <div id="OQED"> <h2>Designer?</h2> <p>Design de animação, design gráfico animado ou motion design é um subconjunto do design</p> <p>gráfico que usa os princípios de design gráfico em contexto de filme ou vídeo</p> <a href="infoDesigner.html"><p>Continue Lendo</p></a> </div> <div id="OQEPM"> <h2>WebDesigner?</h2> <p>Se voltarmos dez anos no tempo só para analisarmos como um site de internet se parecia, encontraríamos algo bastante rudimentar em comparação ao que temos hoje.</p> <a href="infoWebDesigner.html"><p>Continue Lendo</p></a> </div>
</div><div id="PAT"> <img src="IMG/PAT.png"/>
</div> <!--parceiros--><div id="parceiros">
<ul id="parceirosul"> <a href="[http://www.youtube.com/user/venusempireteam](http://www.youtube.com/user/venusempireteam)"><li id="foto01"><span>Venus</span></li></a> <a href="[http://www.youtube.com/user/Riseartzteam](http://www.youtube.com/user/Riseartzteam)"><li id="foto02"><span>Rise</span></li></a> <a href="[http://www.youtube.com/user/highdesignofc](http://www.youtube.com/user/highdesignofc)"><li id="foto03"><span>Geovanny</span></li></a> <a href="[http://www.youtube.com/user/ADesignX](http://www.youtube.com/user/ADesignX)"><li id="foto04"><span>Mr.Krew</span></li></a>
</ul>
</div>
</div> <div id="descricao">
</div> </div><div id="rodape"> <p>Copyright by Lui Mauricio Moraes Nogueira (Nogueira Designer)</p>
</div></body>
</html> Meu código CSS: @charset "utf-8". / CSS Document / *{ padding:0. margin:0. } #barra{ opacity: 0.9. width: 100%. height: 30px. background-color: #333. font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif. position: fixed. z-index: 100. } @font-face { font-family: 'FonteMenueTel'. src: url(../_fonts/DejaVu.ttf). } @font-face { font-family: 'P'. src: url(../_fonts/DB.ttf). } a{ transition:color 0.5s. -webkit-transition:color 0.5s. -moz-transition:color 0.5s. -o-transition:color 0.5s. -ms-transition:color 0.5s. } #container{ height: 100%. width: 1000px. background-color: #FFFFFF. margin:auto. border: 1px solid #dddddd. box-shadow: 2px 7px 10px rgba(0,0,0,.3). } body{ background: #dddddd. } #logo{ margin-left: 20px. float: left. } #tel{ font-family: 'FonteMenueTel'. margin-left: 950px. color: #FFFFFF. position: absolute. margin-top: 5px. transition:color 0.5s. } #tel:hover{ color: gainsboro. cursor: default. } #menu{ font-size:17px. font-family:'FonteMenueTel'. list-style:none. margin-top: 5px. margin-left: 60px. position: absolute. } #menu li{ display:block. float:left. padding-left:45px. color: #FFFFFF. } #menu ul li a{ text-decoration: none. color: #ffffff. } #menu ul li a:hover{ color: Gainsboro. } #Slide{ margin-top:40px. margin-left: 6%. Height: 400px. width: 880px. } #Sobreempresa{ margin-top: 15px. margin-left: 60px. } #Sobre{ width: 260px. font-family: 'P'. position: absolute. } #Sobre a{ text-decoration: none. color: CornflowerBlue. } #Sobre a:hover{ color: #333. } #OQED{ width: 260px. font-family: 'P'. margin-left: 330px. margin-bottom: 120px. position: absolute. } #OQED a{ text-decoration: none. color: CornflowerBlue. } #OQED a:hover{ color: #333. } #OQEPM{ width: 260px. font-family: 'P'. margin-left: 625px. margin-bottom: 70px. position: absolute. } #OQEPM a{ text-decoration: none. color: CornflowerBlue. } #OQEPM a:hover{ color: #333. } #PAT{ background: url("../IMG/PAT.png"). margin-top: 150px. margin-left: -42px. position: absolute. } #parceiros{ margin-top: 200px. } ul#parceirosul{ width: 600px. margin: 0px. overflow: hidden. padding: 50px. list-style: none. } ul#parceirosul li{ float: left. width: 200px. height: 200px. margin: 20px. background-color: #FFFFFF. border: 2px solid #333. box-shadow: 1px 1px 1px rgba(0,0,0,.3). -webkit-transition: all 0.3s ease-in. } ul#parceirosul li#foto01{ background: url("../IMG/Parceiros/Venus.jpg"). background-position: 50% 50%. background-size: 250px 250px. background-color: #FFFFFF. } ul#parceirosul li#foto02{ background: url("../IMG/Parceiros/Rise.jpg"). background-position: 50% 50%. background-size: 250px 250px. background-color: #FFFFFF. } ul#parceirosul li#foto03{ background: url("../IMG/Parceiros/Geovanny.jpg"). background-position: 50% 50%. background-size: 250px 250px. background-color: #FFFFFF. } ul#parceirosul li#foto04{ background: url("../IMG/Parceiros/Mr.Krew.png"). background-position: 50% 50%. background-size: 250px 250px. background-color: #FFFFFF. } #parceirosul li span{ font-family: 'P'. opacity: 0. color: #FFFFFF. text-shadow: 2px 2px 2px #000. background-color: rgba(0px,0px,0px,.3). font-size: 14pt. line-height: 370px. padding: 5px. } ul#parceirosul li#foto01:hover{ background-position: 0px 0px. background-size: 200px 200px. } ul#parceirosul li#foto02:hover{ background-position: 0px 0px. background-size: 200px 200px. } ul#parceirosul li#foto03:hover{ background-position: 0px 0px. background-size: 200px 200px. } ul#parceirosul li#foto04:hover{ background-position: 0px 0px. background-size: 200px 200px. } ul#parceirosul li:hover{ -webkit-transform: scale(1.5). } ul#parceirosul li:hover span{ opacity: 1. } div#rodape{ background-color: #333333. width: 100%. height: 100px. } div#rodape p{ opacity: 0.5. float: left. margin-top: 40px. margin-left: 430px. color: #FFFFFF. font-family: 'P'. font-size: 18px. } div#parceirosp{ float: left. background-color: #333333. margin-left: 100px. margin-top:650px. height: 40px. width:900px. } div#parceirosp h1{ margin-top: 3px. font-size: 25px. color: #FFFFFF. padding-left: 20px. font-family: 'P'. } Realmente obrigado a todos que tentarem me ajudar! estou desesperado!:3 e não é só comigo que acontece isso, pedi para um amigo testar!Carregando comentários...