Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Lui Moraes

Página não se carrega por inteiro!

Por , em Design e UX

Recommended Posts

Lui Moraes    0

Lui Moraes
Postado

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>
<!--Cabeçalho-->
<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"><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"><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_/"><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/" target="_blank">jQuery slider</a> was created with the free <a style="color:#FFF;" href="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/wordpress/" target="_blank">EasyRotator for WordPress</a> plugin lets you create beautiful <a style="color:#FFF;" href="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/">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>
<!--corpo-->

<div id="PAT">
    <img src="IMG/PAT.png"/>
</div>


<!--parceiros-->
<div id="parceiros">
<ul id="parceirosul">
    <a href="http://www.youtube.com/user/venusempireteam"><li id="foto01"><span>Venus</span></li></a>
    <a href="http://www.youtube.com/user/Riseartzteam"><li id="foto02"><span>Rise</span></li></a>
    <a href="http://www.youtube.com/user/highdesignofc"><li id="foto03"><span>Geovanny</span></li></a>
    <a href="http://www.youtube.com/user/ADesignX"><li id="foto04"><span>Mr.Krew</span></li></a>
</ul>
</div>
</div>

<div id="descricao">
</div>

</div>
<!--parceiros-->






<!---rodapé--->
<div id="rodape">
    <p>Copyright by Lui Mauricio Moraes Nogueira (Nogueira Designer)</p>
</div>
<!---rodapé--->
</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!

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Design e UX
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito