* {margin:0; padding:0;} *{text-decoration:none;} ul, ol {list-style:none;} ------------------------------------------------------------------------------------------------------------------------------------------ #topo {width:100%; height:700px; background-size: cover;} #linhatopoum {width:100%; height:30px; background-image:url(../img/linhatopoum.png)} #linhatopodois {width:100%; height:30px;background-color:#000000; } #linhatopodoistexto {width:1024px; height:20px;background-color:#000000;margin:0 auto; font-family:arial; font-size:14px; text-align: right;color:#ffffff;font-weight:bold;padding-top:10px;} #logo {width:1024px; height:75px; margin:0 auto;background-image:url(../img/logocinza.bmp);background-repeat:no-repeat;} #facebook {width:77px; height:75px; float:right;} #linhacinza {width:1024px; height:1px; background-color:#999999;margin:0 auto;} #linhasombrainferior {width:1024px; height:19px; background-image:url(../img/sombrainferior.bmp);margin:0 auto;} #linhasombrasuperior {width:1024px; height:19px; background-image:url(../img/sombrasuperior.bmp);margin:0 auto;} #fundobotao {width:1024px; height:50px; margin:0 auto; } #botao {width:130px; height:30px; float:left; background-image:url(../img/botao.bmp);font-family:calibri; font-size:16px; text-align: center;padding-top:20px;font-weight:bold;} #botaoselecionado {width:130px; height:30px;float:left;background-image:url(../img/botaoselecionadoazul.bmp); float:left; font-family:calibri; font-size:16px; text-align: center;padding-top:20px;font-weight:bold;} #cabecalho {width:1024px; height:188px; margin:0 auto; } #sombrasuperior {width:1024px; height:19px; background-image:url(../img/sombrasuperior.bmp);} #sombradireito {width:12px; height:150px; background-image:url(../img/sombradireito.bmp);background-repeat:no-repeat;float:left;} #conteudo {width:1000px; height:130px; background-color:#66ccff;float:left;font-family:calibri; font-size:26px; text-align: center;padding-top:20px;font-weight:bold;} #respostafundo {width:1000px; height:20px; margin:0 auto;font-family:calibri; font-size:16px; text-align: right;font-weight:bold;} #sim {width:50px; height:20px; float:right;font-family:calibri; font-size:16px; text-align: center;font-weight:bold;background-image:url(../img/botaoresposta.jpg);margin-right:5px;} #nao {width:50px; height:20px; float:right;font-family:calibri; font-size:16px; text-align: center;font-weight:bold;background-image:url(../img/botaoresposta.jpg);margin-right:5px;margin-left:5px;} #sombraesquerdo {width:12px; height:150px; background-image:url(../img/sombraesquerdo.bmp);float:left;} #sombrainferior {width:1024px; height:19px; background-image:url(../img/sombrainferior.bmp); float:left;} #corpo {width:1024px; height:325px; margin:0 auto; overflow:auto;} #fotogustavo {width:325px; height:325px;background-image:url(../img/fotogustavo.bmp); float:right;font-family:calibri; font-size:20px; color:#66ccff;} #fototiago {width:325px; height:325px;background-image:url(../img/fototiago.bmp); float:right;font-family:calibri; font-size:20px; color:#66ccff;} #fotofilipa {width:325px; height:325px;background-image:url(../img/fotofilipa.bmp); float:right;font-family:calibri; font-size:20px; color:#66ccff;} #fotomonica {width:325px; height:325px;background-image:url(../img/fotomonica.bmp); float:right;font-family:calibri; font-size:20px; color:#66ccff;} #fotolinha {width:325px; height:1px; float:right;background-color:#999999;} #conversa {width:699px; height:288px;background-image:url(../img/conversa.bmp);padding-top:37px;} #corpoformulario {width:1024px; height:410px;margin:0 auto;} #formulario {width:699px; height:410px;float:right;background-color:#f8f8f8;} #fotoformulario {width:325px; height:410px;float:right;} #formulariotexto {width:315px; height:75px;font-family:arial; font-size:15px;padding-top:5px;padding-left:5px;padding-right:5px;padding-bottom:5px;font-weight:bold;background-image:url(../img/formulariotexto.bmp);text-align:center;} #gustavoformulario {width:325px; height:325px;background-image:url(../img/fotoformulario.bmp);} #conversatexto {width:620px; height:250px; margin:0 auto;font-family:arial; font-size:18px;overflow:auto;} #conversatextoespaco {width:600px; height:300px; margin:0 auto;} #conversatextolinha {width:600px; height:1px; margin:0 auto;background-color:#66ccff;} #conversatextotabelatopo {width:139px; height:45px;font-family:arial;text-align:center; float:right;background-color:#66ccff;padding-bottom:5px;padding-top:5px;padding-right:5px;padding-left:5px;margin-right:1px;margin-bottom:1px;color:#ffffff;} #conversatextotabela {width:139px; height:30px;font-family:arial;text-align:center; float:right;background-color:#f8f8f8;padding-bottom:5px;padding-top:5px;padding-right:5px;padding-left:5px;margin-right:1px;margin-bottom:1px;color:#666666;} #conversatextotabelatopofilipa {width:189px; height:45px;font-family:arial;text-align:center; float:right;background-color:#66ccff;padding-bottom:5px;padding-top:5px;padding-right:5px;padding-left:5px;margin-right:1px;margin-bottom:1px;} #conversatextotabelafilipa {width:189px; height:500px;font-family:arial; float:right;background-color:#f8f8f8;padding-bottom:5px;padding-top:5px;padding-right:5px;padding-left:5px;margin-right:1px;margin-bottom:1px;color:#666666;} #bloco {width:512px;height:162px;float:right;} #blocodentro {width:488px;height:124px;background-color:#f8f8f8;float:right;color:#000000;} #blocoselecionado {width:488px;height:124px;background-color:#ffffff;float:right;color:#66ccff;} #rostofilipa {width:140px;height:124px;background-image:url(../img/carafilipa.bmp);float:right;} #rostotiago {width:140px;height:124px;background-image:url(../img/caratiago.bmp);float:right;} #rostomonica {width:140px;height:124px;background-image:url(../img/caramonica.bmp);float:right;} #rostogustavo {width:140px;height:124px;background-image:url(../img/caragustavo.bmp);float:right;} #nome {width:343px;height:16px;float:right;text-align:right;font-family:arial; font-size:14px;font-weight:bold;padding-right:5px;color:#66ccff;} #textoassistente {width:344px;height:104px;float:right;font-family:arial;font-size:14px;padding-top:2px;padding-left:2px;padding-right:2px;padding-bottom:2px} #blocosombrasuperior {width:505px;height:19px;background-image:url(../img/sombrasuperiorbloco.bmp);} #blocosombrainferior {width:505px;height:19px;background-image:url(../img/sombrainferiorbloco.bmp);float:right;} #blocosombradireito {width:12px;height:124px;background-image:url(../img/sombradireitobloco.bmp);float:right;} #blocosombraesquerdo {width:12px;height:124px;background-image:url(../img/sombraesquerdobloco.bmp);float:right;} #cabecalhosalaexemplo {width:1024px; height:19px; margin:0 auto; } #cabecalhotextosalaexemplo {width:884px; height:124px;float:right;} #sombrasuperiorsalaexemplo {width:324px; height:19px; background-image:url(../img/sombrasuperiorsalaexemplo.bmp);} #sombrainferiorsalaexemplo {width:1024px; height:19px; background-image:url(../img/sombrainferiorsalaexemplo.bmp);float:left;} #conteudosalaexemplo {width:1024px; height:900px; margin:0 auto; } #conteudosalaexemploinscritos {width:1024px; height:500px; margin:0 auto; } #videosalaexemplo {width:700px; height:910px; float:right;font-family:arial;background-color:#f8f8f8; } #videosalaexemploduvidas {width:700px; height:1080px; float:right;font-family:arial;background-color:#f8f8f8; } #respostas {width:660px; height:190px;font-family:arial;background-color:#000000;padding-left:20px;padding-right:20px; } #numeroaluno {width:85px; height:20px;font-family:arial;font-size:16px;font-weight:bold;background-color:#000000;padding-left:20px;padding-right:20px;padding-top:2px;padding-bottom:2px; margin-right:10px;margin-top:10px;float:left;color:#66ccff;text-align:center;} #lateralsalaexemplo {width:324px; height:725px; } #lateralsalaexemploinscritos {width:324px; height:400px; } #menutoposalaexemplo {width:102px; height:16px; float:right;color:#ffffff; background-color:#66ccff;margin-left:1px; margin-right:1px; padding-left:2px;padding-right:2px;padding-top:2px;padding-bottom:2px;font-family:arial;font-size:12px;font-weight:bold;text-align:center; } #menutoposalaexemploselecionado {width:102px; height:16px; float:right;color:#666666; background-color:#f8f8f8;margin-left:1px; margin-right:1px; padding-left:2px;padding-right:2px;padding-top:2px;padding-bottom:2px;font-family:arial;font-size:12px;font-weight:bold;text-align:center; } #menusalaexemplo {width:304px; height:150px; color:#ffffff; background-color:#f8f8f8; padding-left:15px;padding-right:5px;padding-top:15px;padding-bottom:5px;font-family:arial;font-size:18px;font-weight:bold;float:right; } #menusalaexemplotexto {width:304px; height:870px; color:#ffffff; background-color:#f8f8f8;padding-left:15px;padding-right:5px;padding-top:15px;padding-bottom:5px;font-family:arial;font-size:18px;font-weight:bold;float:right; } #menusalaexemplotextoconta {width:304px; height:150px; color:#ffffff; background-color:#f8f8f8;padding-left:15px;padding-right:5px;padding-top:15px;padding-bottom:5px;font-family:arial;font-size:18px;font-weight:bold;float:right; } #menusalaexemplotextoinscritos {width:304px; height:170px; color:#ffffff; background-color:#f8f8f8;padding-left:15px;padding-right:5px;padding-top:15px;padding-bottom:5px;font-family:arial;font-size:18px;font-weight:bold;float:right; } #videosalaexemploconta {width:700px; height:190px; float:right;font-family:arial;background-color:#f8f8f8; } ------------------------------------------------------------------------------------------------------------------------------------------- MEMÒRIA DESCRITIVA 1) instalar todos os programas/informar potencialidades (camstudio, virtualdub, audacyti (música fundo, )filezila, contas no gmail, youtube, google analytics ver estatísticas, formulários DISQUS, Kompozer, OFFICE: paint, microsof office pictures manager, bloco notas, alojamento páginas acesso restrito, pdf creator ) 2) layout: criar div´s com estrutura do site com cores diferenciadas 3) criar logo em sites como (http://creatr.cc/creatr/ --> logocreator)(http://www.logoease.com/-->LogoEase) (http://www.logomaker.com/-->LogoMaker) (http://www.logofactoryweb.com/-->LogoFactoryWeb) (http://web2.0stylr.com/stylr.aspx-->Web2.0Stylr)(http://cooltext.com/-->CoolText) 4) criar botões com efeito sombra apicando técnica marota --> imagens para fundo de botões e cabeçalho ) criar formulários de contacto em php 5) enviar para servidor ftp 6) definir páginas com password 7) configurar páginas de erro 8) instalar sistema de pagamento por referEñcia multibanco 9) google analytics estatísticas 10) integrar formulário no site DISQUS --------------------------------------------------------------------------------------------------------------------------------------------- #facebook {width:34px; height:30px; background-color:#ffffff; background-image:url(../img/facebook.png); margin:0 auto; float:left; font-family:arial; font-size:10px; position:absolute;left:1110px; top:755px; } #youtube {width:34px; height:30px; background-color:#ffffff; background-image:url(../img/youtube.png); margin:0 auto; float:left; font-family:arial; font-size:10px; position:absolute;left:1070px; top:755px; } #entrar {width:130px; height:30px; background-color:#ffffff; background-image:url(../img/entrar.png); margin:0 auto; float:left; font-family:arial; font-size:10px; position:absolute;left:1014px; top:20px; } #topoexplicacoesonline {width:100%; height:210px; background-color:#ffffff; padding-top:50px; background-size: cover;} #textfoto {width:830px; height:150px; float:right; font-family:arial Rounded MT Bold; font-size:60px; color:#cfcfcf; } #opcoesmenu {width:1024px; height:30px; margin:0 auto; background-image:url(../img/fundomenu.jpg);} .links {color:#ffffff; font-family:arial Rounded MT Bold; font-size:16px; text-decoration:none; padding-left:20px; padding-right:20px; padding-bottom:11px; padding-top:4px; } .links:hover {background-image:url(../img/hover.jpg);} .navlinks li a {background-image:url(../img/fundomenu.jpg); text-decoration:none; padding-left:6px; padding-top:6px; padding-bottom:6px; display:block;} .navlinks li a:hover {background-image:url(../img/hover.jpg);} .navlinks > li {float:left; } .navlinks li ul {display:none; position:absolute; min-width:110px; } .navlinks li:hover > ul {display:block; } .navlinks li ul li {position:relative;} .navlinks li ul li ul {left:110px;top:0px; } #fundo {width:100%; height:525px; background-color:#ffffff;} #box {width:1024px; height:525px; background-image:url(../img/fundopagina.jpg); margin:0 auto;} #boxmenu {width:324px; height:525px; background-image:url(../img/fundopagina.jpg); overflow:auto; float:right;} #boxzero {width:314px; height:45px; overflow:auto; background-color:#000000; color:#cfcfcf; padding-left:10px;font-family:arial Rounded MT Bold; font-size:35px;} #boxum {width:304px; height:120px; overflow:auto; padding-left:10px; padding-right:10px;} #boxdois {width:304px; height:120px; overflow:auto; padding-left:10px; padding-right:10px;} #boxtres {width:304px; height:120px; overflow:auto; padding-left:10px;padding-right:10px;} #boxquatro {width:304px; height:120px; overflow:auto; padding-left:10px;padding-right:10px;} #boxinfo {width:600px; height:525px;} #boxinfotopo {width:645px; height:35px; color:#000000;padding-left:55px;padding-top:10px;} #boxinscreverum {width:140px; height:28px; float:right; padding-left:60px; } #boxinscreverdois {width:140px; height:28px; float:right; padding-left:60px; } #boxinfotexto {width:600px; height:120px; padding-left:50px; padding-right:50px; overflow:auto;} #boxmenuservico {width:314px; height:100px; overflow:auto; padding-left:10px;padding-top:20px; font-size:64px;font-family:arial Rounded MT Bold;} #boxmenualunos {width:290px; height:20px; color:#e8e8e8; background-image:url(../img/listalunos.jpg); padding-left:10px;} #boxmenualunoslinha {width:290px; height:14px; background-color:#666666;padding-bottom:7px; margin-bottom:1px; padding-left:10px;} #boxinfoalunos {width:550px; height:375px; padding-left:75px; padding-right:75px; padding-top:150px;} #boxdisciplinas {width:600px; height:525px; padding-left:50px; padding-right:50px; overflow:auto;} #boxdisciplinastexto {width:570px; height:45px; overflow:auto; background-color:#000000; color:#66ccff; padding-left:30px;font-family:arial Rounded MT Bold; font-size:35px;float:right;margin-bottom:1px;} #boxdisciplinastextomaior {width:580px; height:200px; overflow:auto; background-color:#000000; color:#66ccff; padding-left:10px; padding-right:10px;padding-top:10px;font-family:arial Rounded MT Bold; font-size:35px;float:right;margin-bottom:1px;} .linkum:link {color:#ff6600;text-decoration:none;} .linkum:visited {color:#ff6600;text-decoration:none;} .linkum:hover {color:#ff6600;text-decoration:underline;} .linkum:active {color:#ff6600;text-decoration:underline;} .linkdois:link {color:#00cccc;} .linkdois:visited {color:#00cccc;} .linkdois:hover {color:#00cccc;text-decoration:underline;} .linkdois:active {color:#00cccc;text-decoration:underline;} .linktres:link {color:#33cc00;} .linktres:visited {color:#33cc00;} .linktres:hover {color:#33cc00;text-decoration:underline;} .linktres:active {color:#33cc00;text-decoration:underline;} .linkquatro:link {color:#336666;} .linkquatro:visited {color:#336666;} .linkquatro:hover {color:#336666;text-decoration:underline;} .linkquatro:active {color:#336666;text-decoration:underline;} #linharodape {width:100%; margin:0 auto; height:300px; background-color:#ffffff; } #rodape {width:960px; height:30px; background-image:url(../img/fundolinharodape.jpg); margin:0 auto; padding-left:64px;}