<link rel="stylesheet" type="text/css" href="{tplUrlFilesRoot}index.css" media="all"> <style> html { height: 100%; } body { font-family: 'Trebuchet MS', Helvetica, Arial, Verdana; font-size: 14px; margin:0; padding:0; line-height: 130%; color: #555; background: #EDCFFF url('{tplUrlFilesRoot}bg1.png') repeat-x 0 0; } div { color: #555; } a { color: #EC729A; font-weight: bold; } a:hover { color: purple; } h1 { font-size: 110%; } h2 { font-size: 120%; } h3 { font-size: 140%; } p { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; } .input-text, .submit, textarea, select, button, .btn , fieldset, input, .input-file { border: solid 1px #FFDAE0 !important; } .fundo1 { background: #FFF8F9; } fieldset { background: #FFF8F9; border: solid 1px #FFDAE0 !important; padding: 10px 15px 10px 15px; } legend { margin: -20px 0px 20px 10px; padding: 0px 10px 0px 10px; } hr { border: solid 1px #FFDAE0; } .input-text, .submit, textarea, select, button, .btn, .input-file { height: 22px; font-size: 12px; width: 100%; margin: 2px 0px 2px 0px; } textarea { height: 100px; } .submit, button, .btn { width: auto; border: solid 1px #FFDAE0; background: #FFDAE0; color: #555; padding: 0px 15px 0px 15px; } .body { text-align: center; margin:0; padding:0; height: 100%; background: transparent url('{tplUrlFilesRoot}estrelas.png') repeat-x 0 0; } .body_container { width: 952px; margin: 0px auto 0px auto; display: table; } #doc2 { min-height: 600px; margin: 0px auto 0px auto; text-align: left; overflow: hidden; height: 100%; background: #fff url('{tplUrlFilesRoot}baloes.gif') repeat-x 0 0; } .doc2_content { margin: 45px 20px 20px 20px; overflow: hidden; } .sidebar { float: left; width: 22%; padding: 35px 0px 0px 0px; } #yui-main { float: right; width: 676px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 20px; } .principal_c { display: table; background: url('{tplUrlFilesRoot}main_top.gif') no-repeat 0 0; padding: 50px 0px 0px 0px; } .principal { display: table; background: url('{tplUrlFilesRoot}main_bottom.gif') no-repeat 0 100%; padding: 0px 0px 170px 0px; } .principal_d { display: table; border: solid 5px #CDC5E3; border-top: 0px; border-bottom: 0px; width: 666px; overflow: hidden; } .principal_e { margin: 20px 25px 0px 0px; } .principal_e fieldset { margin-bottom: 50px; } #yui-main ul { margin: 0px 0px 30px 20px; } #bd { } .conteudo { margin: 0px 0px 0px 25px; } #form_login div { margin: 0px 0px 3px 0px; } #form_login label { display: block; } .sem_acesso { font-size: 10px; } .sem_acesso a { font-weight: normal; } .msg_login { font-size: 10px; color: red; } .bloco { width: 50%; float: left; } .dtcad { font-size: 10px; } .usuarios_list li { margin-bottom: 5px; } .usuarios_list li { text-transform: capitalize; } .box_usuario .item.foto { float: left; margin: 0px 5px 0px 0px; border: solid 2px #FFDAE0; } .usuario_detalhe { display: table; margin: 0px 0px 30px 0px; padding: 0px 0px 30px 0px; border-bottom: solid 3px #FFDAE0; width: 100%; } .usuario_detalhe .item.foto { border: solid 10px #FFDAE0; } .recados_lista { font-size: 11px; } .recados_lista .item { padding: 15px 0px 15px 0px; } .recados_lista .nome { font-size: 14px; font-weight: bold; text-transform: capitalize; } .recados_lista .data { color: silver; } .recados_lista .mensagem { font-size: 14px; display: table; } .albuns { text-align: center; padding: 10px 0px 10px 0px; overflow: hidden; width: 610px; } .albuns .item { overflow: hidden; padding: 0px 0px 0px 0px; vertical-align: middle; float: left; height: 150px; width: 150px; } .albuns .item img { border: solid 0px #FFDAE0; vertical-align: middle; } .usuario_dados { display: table; margin: 0px 0px 20px 0px; } .boxpais { text-align: center; margin: 30px 0px 30px 0px; } .footer { display: table; height: 90px; background: url('{tplUrlFilesRoot}grama.gif') 0 100%; } .box_formcad { width: 100%; } .box_formcad .fieldset_content { width: 300px; } </style> <div class="body"> <div class="body_container"> <div class="header"> <div class="header_container"> <img src="{tplUrlFilesRoot}cabacalho.jpg" /> </div> </div> <div id="doc2" class="yui-t5"> <div class="doc2_content"> <div id="bd"> <div class="yui-b sidebar"> <div class="publico"> <div class="box"> <ul> <li><h2><a href="/projetos/index.php/familia/"><span>Início</span></a></h2></li> <li><h2><a href="/projetos/index.php/familia/forms/mensagens.mostra"><span>Mensagens</span></a></h2></li> <li><h2><a href="/projetos/index.php/familia/eventos/mostra"><span>Eventos</span></a></h2></li> <li><h2><a href="/projetos/index.php/familia/albuns/mostra"><span>Álbuns</span></a></h2></li> <li><h2><a href="/projetos/index.php/familia/videos/mostra"><span>Vídeos</span></a></h2></li> <li><h2><a href="/projetos/index.php/familia/amigos/mostra"><span>Amigos</span></a></h2></li> </ul> </div> </div> <div class="login"> <form id="form_login"> <fieldset> <div><span class='msg_login'></span></div> <div><label>E-mail:</label><input type="text" class="input-text" name="email" /></div> <div><label>Senha:</label><input type="password" class="input-text" name="senha" /></div> <div><input type="submit" class="submit" value="Login" /></div> <div class='sem_acesso'><span><a href="/projetos/index.php/familia/forms/suporte.login/">Não consigo acessar minha conta</a></span></div> </fieldset> <br /> <fieldset> <div class='cadastro'><span><a class="a_cad" href="/projetos/index.php/familia/forms/dados.cadastrais/">Clique aqui e cadastre-se</a></span></div> </fieldset> </form> </div> <script> $('#form_login').submit(function(){ var post = $(this).serialize(); var url = "/projetos/index.php/familia/login/verifica/"; $('.msg_login').html('Validando...'); $.post(url,post,function(response){ response = eval("response = "+response+";"); if(response+''=='1') { $('.msg_login').html('Redirecionando...'); window.location.reload(); } else { $('.msg_login').html('E-mail / Senha inválido (s)'); } } ); return false; }); </script> <div class="boxpais"> <div class="boxpais_container"> <img src="{tplUrlFilesRoot}bg_sidebar_bottom.gif" /> </div> </div> </div> <div id="yui-main"> <div class="principal yui-b"> <div class="principal_c"> <div class="principal_d"> <div class="principal_e"> <div class="conteudo"> <div id="hd"> </div> <div class="tpl_maincontent"></div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="footer"> <div class="footer_container"> </div> </div> </div> </div> </div>
<p>Este é meu primeiro site!</p> <p>Mal nasci e papai já fez um pra mim!</p> <p>Ao lado estão as opções para nevegar no meu site.</p> <p>Se ainda não possui cadastro, <a href="/projetos/index.php/familia/forms/dados.cadastrais/">clique aqui e cadastre-se</a>.</p> <br /> <br /> <div class="usuarios_list bloco"> <h3>Amigos</h3> <ul> <li> <div class="box_usuario resumido"> <span class="item foto foto_none"><a href="/projetos/index.php/familia/amigos/mostra/id/88"><img id='im_foto_88_pqn' src='http://www.vaneboneco.com.br/projetos/public/arquivos/img/familia/usuarios/88_pqn.'></a></span> <span class='item nome'><a href="/projetos/index.php/familia/amigos/mostra/id/88">catia, rilmer e felipe</a></span> <span class='item apelido'></span> <div class='item dtcad'>16/02/2009 15:53:28</div> </div> </li> <li> <div class="box_usuario resumido"> <span class="item foto foto_none"><a href="/projetos/index.php/familia/amigos/mostra/id/87"><img id='im_foto_87_pqn' src='http://www.vaneboneco.com.br/projetos/public/arquivos/img/familia/usuarios/87_pqn.'></a></span> <span class='item nome'><a href="/projetos/index.php/familia/amigos/mostra/id/87">Brisamar</a></span> <span class='item apelido'>(Brisa)</span> <div class='item dtcad'>14/02/2009 13:26:56</div> </div> </li> <li> <div class="box_usuario resumido"> <span class="item foto foto_none"><a href="/projetos/index.php/familia/amigos/mostra/id/86"><img id='im_foto_86_pqn' src='http://www.vaneboneco.com.br/projetos/public/arquivos/img/familia/usuarios/86_pqn.'></a></span> <span class='item nome'><a href="/projetos/index.php/familia/amigos/mostra/id/86">Thatiane Dantas Quaresma</a></span> <span class='item apelido'>(Thati)</span> <div class='item dtcad'>13/02/2009 19:58:52</div> </div> </li> <li> <div class="box_usuario resumido"> <span class="item foto foto_none"><a href="/projetos/index.php/familia/amigos/mostra/id/85"><img id='im_foto_85_pqn' src='http://www.vaneboneco.com.br/projetos/public/arquivos/img/familia/usuarios/85_pqn.'></a></span> <span class='item nome'><a href="/projetos/index.php/familia/amigos/mostra/id/85">kelly</a></span> <span class='item apelido'>(kell)</span> <div class='item dtcad'>11/02/2009 16:08:45</div> </div> </li> <li> <div class="box_usuario resumido"> <span class="item foto foto_none"><a href="/projetos/index.php/familia/amigos/mostra/id/84"><img id='im_foto_84_pqn' src='http://www.vaneboneco.com.br/projetos/public/arquivos/img/familia/usuarios/84_pqn.'></a></span> <span class='item nome'><a href="/projetos/index.php/familia/amigos/mostra/id/84">Léia</a></span> <span class='item apelido'></span> <div class='item dtcad'>05/02/2009 17:47:31</div> </div> </li> <li> <div class="box_usuario resumido"> <span class="item foto foto_none"><a href="/projetos/index.php/familia/amigos/mostra/id/83"><img id='im_foto_83_pqn' src='http://www.vaneboneco.com.br/projetos/public/arquivos/img/familia/usuarios/83_pqn.'></a></span> <span class='item nome'><a href="/projetos/index.php/familia/amigos/mostra/id/83">Fernando Gomes</a></span> <span class='item apelido'>(nando)</span> <div class='item dtcad'>03/02/2009 14:10:13</div> </div> </li> <li> <div class="box_usuario resumido"> <span class="item foto foto_none"><a href="/projetos/index.php/familia/amigos/mostra/id/82"><img id='im_foto_82_pqn' src='http://www.vaneboneco.com.br/projetos/public/arquivos/img/familia/usuarios/82_pqn.'></a></span> <span class='item nome'><a href="/projetos/index.php/familia/amigos/mostra/id/82">Sandra</a></span> <span class='item apelido'></span> <div class='item dtcad'>02/02/2009 11:48:29</div> </div> </li> <li> <div class="box_usuario resumido"> <span class="item foto foto_none"><a href="/projetos/index.php/familia/amigos/mostra/id/80"><img id='im_foto_80_pqn' src='http://www.vaneboneco.com.br/projetos/public/arquivos/img/familia/usuarios/80_pqn.'></a></span> <span class='item nome'><a href="/projetos/index.php/familia/amigos/mostra/id/80">Helba Almeida</a></span> <span class='item apelido'>(helbinha)</span> <div class='item dtcad'>28/01/2009 11:30:46</div> </div> </li> <li> <div class="box_usuario resumido"> <span class="item foto foto_none"><a href="/projetos/index.php/familia/amigos/mostra/id/79"><img id='im_foto_79_pqn' src='http://www.vaneboneco.com.br/projetos/public/arquivos/img/familia/usuarios/79_pqn.'></a></span> <span class='item nome'><a href="/projetos/index.php/familia/amigos/mostra/id/79">ana lucia</a></span> <span class='item apelido'>(aninha)</span> <div class='item dtcad'>28/01/2009 01:33:15</div> </div> </li> <li> <div class="box_usuario resumido"> <span class="item foto foto_none"><a href="/projetos/index.php/familia/amigos/mostra/id/78"><img id='im_foto_78_pqn' src='http://www.vaneboneco.com.br/projetos/public/arquivos/img/familia/usuarios/78_pqn.'></a></span> <span class='item nome'><a href="/projetos/index.php/familia/amigos/mostra/id/78">Gleivian A. Peixoto</a></span> <span class='item apelido'>(Peixotinho)</span> <div class='item dtcad'>27/01/2009 13:30:05</div> </div> </li> <li> <div class="box_usuario resumido"> <span class="item foto foto_none"><a href="/projetos/index.php/familia/amigos/mostra/id/75"><img id='im_foto_75_pqn' src='http://www.vaneboneco.com.br/projetos/public/arquivos/img/familia/usuarios/75_pqn.'></a></span> <span class='item nome'><a href="/projetos/index.php/familia/amigos/mostra/id/75">Francisca de Castro</a></span> <span class='item apelido'>(Fran)</span> <div class='item dtcad'>22/01/2009 19:27:42</div> </div> </li> <li> <div class="box_usuario resumido"> <span class="item foto foto_none"><a href="/projetos/index.php/familia/amigos/mostra/id/73"><img id='im_foto_73_pqn' src='http://www.vaneboneco.com.br/projetos/public/arquivos/img/familia/usuarios/73_pqn.'></a></span> <span class='item nome'><a href="/projetos/index.php/familia/amigos/mostra/id/73">Liliane</a></span> <span class='item apelido'></span> <div class='item dtcad'>21/01/2009 16:32:56</div> </div> </li> <li class="ver_todos"><a href="/projetos/index.php/familia/amigos/mostra">ver todos...</a></li> </ul> </div> <div class="eventos_list bloco"> <h3>Eventos</h3> <ul> <li><a href="/projetos/index.php/familia/eventos/mostra/id/2">Chá de Bebê</a></li> <li><a href="/projetos/index.php/familia/eventos/mostra/id/1">Chá de Fraldas</a></li> </ul> </div> <div class="albuns_list bloco"> <h3>Álbuns</h3> <ul> <li><a href="/projetos/index.php/familia/albuns/mostra/id/5">Júlia</a></li> <li><a href="/projetos/index.php/familia/albuns/mostra/id/4">1º Ecografia</a></li> <li><a href="/projetos/index.php/familia/albuns/mostra/id/3">Festa confraternização SIGMA</a></li> <li><a href="/projetos/index.php/familia/albuns/mostra/id/2">Van quando criança</a></li> <li><a href="/projetos/index.php/familia/albuns/mostra/id/1">Formatura da Van</a></li> </ul> </div> <div class="videos_list bloco"> <h3>Vídeos</h3> <ul> <li><a href="/projetos/index.php/familia/videos/mostra/id/1">Despedida da Facu UNIP</a></li> </ul> </div>