Jump to content

johnhey

Members
  • Content count

    254
  • Joined

  • Last visited

Community Reputation

0 Comum

1 Follower

About johnhey

  1. johnhey

    Link

    Obrigado, funcionou.
  2. johnhey

    Link

    <!DOCTYPE html> <html lang="en"> <head> <!-- metas --> <?php include 'metas.php'; ?> </head> <body> <header class="site-header"> <div class="top"> <div class="container"> <div class="row"> <div class="col-sm-6"> <p>Um novo conceito de fazer funerais em Portugal</p> </div> <div class="col-sm-6"> <ul class="list-inline pull-right"> <li><a href="https://pt-pt.facebook.com/Agenciafunerariahugocardoso/" target="_blank"><i class="fab fa-facebook-square"></i></a></li> <li><a href="contacto.php"><i class="fas fa-envelope"></i></a></li> <li><a href="tel:+351 913 235 446"><i class="fa fa-phone"></i> +351 913 235 446</a></li> </ul> </div> </div> </div> </div> <nav class="navbar navbar-default"> <div class="container"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-navbar-collapse"> <span class="sr-only">Toggle Navigation</span> <i class="fa fa-bars"></i> </button> <a href="index.php" class="navbar-brand"> <h1 class="logo">Hugo Cardoso Agência Funerária</h1> </a> <!--menu--> <?php include 'menu.php'; ?> </div> </nav> </header> <main class="site-main"> <section class="hero_area"> <div class="hero_content"> <div class="container"> <div class="row"> <div class="col-sm-12"> <h1>INOVAÇÃO</h1> <h2>"...Um novo conceito de fazer funerais em Portugal, com respeito, honestidade e seriedade, levando até si o conforto para que possa despedir daqueles que amamos...</h2> </div> </div> </div> </div> </section> <section class="boxes_area"> <div class="container"> <div class="row"> <div class="col-sm-4"> <div class="box"> <h3>Nossos Serviços</h3> <p>O desaparecimento de uma pessoa que nos é próxima, é sempre um acontecimento que todos temos dificuldade em superar, e nesses momentos, torna-se necessário contar com profissionais dedicados que nos possam ajudar, esses são apenas alguns de nossos serviços, que prestamos para o melhor servir.</p> <i><img src="img/capelas.jpg" width="90px" alt="Loja em Camarate"></i> </div> </div> <div class="col-sm-4"> <div class="box"> <h3>Showroom</h3> <p>A Hugo Cardoso conta com um showroom e uma diversidade de urnas e pessoal especializado em resolver toda parte burocrática amenizando esse ato doloroso.</p> <i><img src="img/showroom.jpg" width="90px" alt="Loja em Camarate"></i></i> </div> </div> <div class="col-sm-4"> <div class="box"> <h3>Serviços Internacionais</h3> <p>Nosso departamento de Serviço Internacional dedicado em Repatriamento para toda a Europa e resto do mundo, conta com uma diversidade de rede de representantes internacionais, que nos permite com profissionalismo e qualidade atender todas as necessidades.</p> <i><img src="img/servico.jpg" width="90px" alt="Serviços Internacionais"></i> </div> </div> </div> </div> </section> <section class="services"> <h2 class="section-title">NOSSOS SERVIÇOS</h2> <p class="desc">Melhor qualidade e perfeito para amenizar a vossa dor</p> <div id="Servicos" class="container"> <div class="row"> <div class="col-md-4 col-sm-6 col-xs-12"> <div class="media"> <div class="media-left media-middle"> <i class="fas fa-church"></i> </div> <div class="media-body"> <h4 class="media-heading">Funerias</h4> <p>Funeral é uma cerimônia, religiosa ou não, tradicionalmente adotada para despedida de um ente querido.<br> Embora doloroso, não pode ter na dor sua principal razão de ser. O Funeral traz consigo a semente do recomeçar, por mais penoso que seja, é o momento único e apropriado para encararmos a partida deste ente que tanto amamos.<br> </p> </div> </div> </div> <div class="col-md-4 col-sm-6 col-xs-12"> <div class="media"> <div class="media-left media-middle"> <i class="fas fa-cross"></i> </div> <div class="media-body"> <h4 class="media-heading">Exumações</h4> <p>Terminado o período legal de inumação em sepultura temporária (nunca inferior a 3 anos ou a 5 no caso concreto nos cemitérios da cidade de Lisboa), procede-se assim e caso a família manifeste essa vontade ao levantamento das ossadas, a esse procedimento damos o nome de Exumação.<br> Caso não seja possível efectuar a exumação, a mesmo deverá aguardar por mais 2 anos para uma nova tentativa.</p> </div> </div> </div> <div class="col-md-4 col-sm-6 col-xs-12"> <div class="media"> <div class="media-left media-middle"> <i class="fas fa-plane-departure"></i> </div> <div class="media-body"> <h4 class="media-heading">Serviços Internacionais</h4> <p>Nosso departamento de Serviço Internacional dedicado em Repatriamento para toda a Europa e resto do mundo, conta com uma diversidade de rede de representantes internacionais, que nos permite com profissionalismo e qualidade atender todas as necessidades.<br> Fazendo os contactos directamente com embaixada, consulado e representante no pais de destino.</p> </div> </div> </div> <div class="col-md-4 col-sm-6 col-xs-12"> <div class="media"> <div class="media-left media-middle"> <i class="fas fa-truck-moving"></i> </div> <div class="media-body"> <h4 class="media-heading">Trasladações</h4> <p>Poderá se efectuar a trasladação de cadáver, ossada e cinzas.<br> A trasladação de cadáver para o exterior deverá ser em urna de zinco.<br> Poderá efectuar a trasladação de cadáver ou ossadas que tenham sido inumados anteriormente em caixão de chumbo.<br> A trasladação de ossadas só poderá ser realizada através de uma Agência Funerária.<br> Também é permitido trasladar cinzas de um cemitério para outro, desde que o cliente possua um jazigo particular ou columbário.<br> Toda as trasladações deverá ser acompanhada pela documentação necessária.</p> </div> </div> </div> <div class="col-md-4 col-sm-6 col-xs-12"> <div class="media"> <div class="media-left media-middle"> <i class="fab fa-pagelines"></i> </div> <div class="media-body"> <h4 class="media-heading">Serviços de Florista</h4> <p>Mais que uma forma de homenagiar, uma demonstração de carinho.<br> Com uma variedade de flores e cores, cada uma com seu significado próprio. <br> Além dos vários tipo de significados de cada flor, é possível diversifica-las, para que a coroa ou palma fique ainda mais bela e transmita a homenagem de forma clara.</p> </div> </div> </div> <div class="col-md-4 col-sm-6 col-xs-12"> <div class="media"> <div class="media-left media-middle"> <i class="fas fa-syringe"></i> </div> <div class="media-body"> <h4 class="media-heading">Tanatopraxia/tanatoestética</h4> <p>Tanatopraxia é o procedimento que consiste na preparação de um cadáver para o velório ou funeral, assim o corpo não sofrerá, pelo tempo solicitado pelos familiares, a decomposição natural. </p> </div> </div> </div> <div class="col-md-4 col-sm-6 col-xs-12"> <div class="media"> <div class="media-left media-middle"> <i class="fas fa-address-card"></i> </div> <div class="media-body"> <h4 class="media-heading">Serviço de Canteiro</h4> <p>Para a comodidade de nossos cliente, disponibilizamos-nos de colaboradores especializado na construção de sepulturas e/ou jazigos.</p> </div> </div> </div> </div> </div> </section> <section class="home-area"> <div class="home_content"> <div class="container"> <div class="row"> <div class="col-sm-12"><h2 class="sub_title">VEJA TAMBÉM</h2></div> <div class="home_list"> <ul> <li class="col-md-3 col-sm-6 col-xs-12"> <div class="thumbnail"> <img src="img/catalogo.jpg" alt="Post"> <div class="caption"> <!-- O ERRO ESTA NESSE DOIS HREF ABAIXO ATÉ O INSTALAÇOES --> <h3><a href="florista.php">Lounge Flowers</a></h3> <p>Conheça o nosso serviço de florista que temos a sua disposição</p> <a href="florista.php" class="btn btn-link" role="button">Mais</a> </div> </div> </li> <li class="col-md-3 col-sm-6 col-xs-12"> <div class="thumbnail"> <img src="img/carros.jpg" class="img-responsive" alt="Post"> <div class="caption"> <h3><a href="frota.php">Frota</a></h3> <p>Possuimos uma frota de carros modernos para o seu maior conforto</p> <a href="frota.php" class="btn btn-link" role="button">Mais</a> </div> </div> </li> <li class="col-md-3 col-sm-6 col-xs-12"> <div class="thumbnail"> <img src="img/showroom1.jpg" class="img-responsive" alt="Post"> <div class="caption"> <h3><a href="showroom.php">Showroom</a></h3> <p>Temos um showroom onde poderá ter a noção do que esta a escolher.</p> <a href="showroom.php" class="btn btn-link" role="button">Mais</a> </div> </div> </li> <li class="col-md-3 col-sm-6 col-xs-12"> <div class="thumbnail"> <img src="img/loja.jpg" class="img-responsive" alt="Post"> <div class="caption"> <h3><a href="instalacoes.php">Instalações</a></h3> <p>Conheça as nossas instalações para o melhor servir.</p> <a href="instalacoes.php" class="btn btn-link" role="button">Mais</a> </div> </div> </li> </ul> </div> <div class="col-sm-12 home_bottom"> <h2 class="sub_title">LINK UTEIS</h2> <div class="clearfix"></div> <div class="row"> <div class="carousel slide" data-ride="carousel" data-type="multi" data-interval="6000" id="myCarousel"> <div class="carousel-inner"> <div class="item active"> <div class="col-md-2 col-sm-6 col-xs-12"> <a href="https://jf-camarate-unhos-apelacao.pt/"><img src="img/miniatura/jfcamarate.jpg" class="img-responsive" alt="Reference"></a> </div> </div> <div class="item"> <div class="col-md-2 col-sm-6 col-xs-12"> <a href="http://www.cm-lisboa.pt"><img src="img/miniatura/cml.png" class="img-responsive" alt="Reference"></a> </div> </div> <div class="item"> <div class="col-md-2 col-sm-6 col-xs-12"> <a href="http://www.inmlcf.mj.pt/"><img src="img/miniatura/inml.png" class="img-responsive" alt="Reference"></a> </div> </div> <div class="item"> <div class="col-md-2 col-sm-6 col-xs-12"> <a href="https://www.irn.mj.pt/IRN/sections/inicio"><img src="img/miniatura/irn.png" class="img-responsive" alt="Reference"></a> </div> </div> <div class="item"> <div class="col-md-2 col-sm-6 col-xs-12"> <a href="http://www.psp.pt"><img src="img/miniatura/psp.jpg" class="img-responsive" alt="Reference"></a> </div> </div> <div class="item"> <div class="col-md-2 col-sm-6 col-xs-12"> <a href="http://www.seg-social.pt/inicio"><img src="img/miniatura/seguranca_social.jpg" class="img-responsive" alt="Reference"></a> </div> </div> <div class="item"> <div class="col-md-2 col-sm-6 col-xs-12"> <a href="http://www.cga.pt/cgaInicio.asp"><img src="img/miniatura/cga.png" class="img-responsive" alt="Reference"></a> </div> </div> <div class="item"> <div class="col-md-2 col-sm-6 col-xs-12"> <a href="https://www.recenseamento.mai.gov.pt/"><img src="img/miniatura/dgai.jpg" class="img-responsive" alt="Reference"></a> </div> </div> <div class="item"> <div class="col-md-2 col-sm-6 col-xs-12"> <a href="https://www.anel.pt/"><img src="img/miniatura/anel.png" class="img-responsive" alt="Reference"></a> </div> </div> </div> <a class="left carousel-control" href="#myCarousel" data-slide="prev"><i class="glyphicon glyphicon-chevron-left"></i></a> <a class="right carousel-control" href="#myCarousel" data-slide="next"><i class="glyphicon glyphicon-chevron-right"></i></a> </div> </div> </div> </div> </div> </div> </section> </main> <!-- Rodape --> <?php include 'rodape.php'; ?> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script> <script type="text/javascript"> $('.carousel[data-type="multi"] .item').each(function(){ var next = $(this).next(); if (!next.length) { next = $(this).siblings(':first'); } next.children(':first-child').clone().appendTo($(this)); for (var i=0;i<4;i++) { next=next.next(); if (!next.length) { next = $(this).siblings(':first'); } next.children(':first-child').clone().appendTo($(this)); } }); </script> </body> </html> CSS /* Base */ * { outline:none; } html, body { height: 100%; } body { font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 1.6; color: #8c8c8c; background-color: #fff; } h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', sans-serif; } a { color: #404040; } a:hover { color: #404040; transition-property: all; transition-duration: 0.3s; transition-timing-function: linear; } a.none:hover { text-decoration: none; } /* Header */ .logo{ background-image: url(img/logotipo.png); background-size: contain; background-position:center center; background-repeat: no-repeat; font-size:0; width:350px; height: 150px; } .top { background: linear-gradient(to right, #efefef, #4169E1); padding: 5px 0; color: #fff; } .top p { margin: 0; } .top ul { margin: 0; padding: 0; } .top li i { color: #fff; } .top li a { color: #fff; } .top li a:hover { text-decoration: none; } .top li a:hover,.top li a:hover i { color: #005FA6; transition-property: all; transition-duration: 0.3s; transition-timing-function: linear; } /* Menu */ .navbar { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; margin-bottom: 0; } .navbar .container { position: relative; } .navbar-default { -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; width: 100%; border: none; border-bottom: 1px solid #e7e7e7; background-color: #fff; } .navbar-default .navbar-nav > li > a { color: #404040; font-weight: normal; font-size: 13px; } .navbar-default .navbar-nav > li > a:hover { background-color: transparent; color: #005FA6; } .navbar-default .navbar-nav > .open > a,.navbar-default .navbar-nav > .open > a:hover,.navbar-default .navbar-nav > .open > a:focus { background-color: transparent; color: #005FA6; } .navbar-default .navbar-nav .active > a,.navbar-default .navbar-nav .active > a:hover,.navbar-default .navbar-nav .active > a:focus { color: #005FA6; background-color: transparent; } .navbar-default .navbar-toggle { margin: 10px 0 0 15px; } .navbar-default .navbar-toggle,.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus { border: none; background: #f3f3f3; } .navbar-default .navbar-toggle i { font-size: 31px; } .navbar-default .navbar-collapse { float: right; border-top: none; padding-left: 0; padding-right: 0; } .navbar-brand>img { padding: 5px; } @media screen and (max-width: 768px) { .navbar-default .navbar-collapse { padding-left: inherit; padding-right: inherit; } } @media screen and (max-width: 992px) { .navbar-default .navbar-collapse { width: 100%; margin-left: 0; margin-right: 0; max-height: none;} } } @media (min-width:768px) { .navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand { margin-left: 0; } } .main-navbar-nav { -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .main-navbar-nav > li > a { padding-top: 30px; padding-bottom: 30px; line-height: 1; } .main-navbar-nav li > .dropdown-menu { -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; min-width: 225px; border: none; border-top: 2px solid #005FA6; } .main-navbar-nav li > .dropdown-menu > li > a { padding: 10px; position: relative; color: #404040; line-height: 1.12857143; font-size: 12px; } .main-navbar-nav li > .dropdown-menu > li > a:hover,.main-navbar-nav li > .dropdown-menu > li > a:focus { color: #005FA6; background-color: transparent; } .main-navbar-nav li > .dropdown-menu > li > a i { position: absolute; right: 20px; top: 50%; margin-top: -8px; font-size: 16px; } @media screen and (min-width: 993px) { .main-navbar-nav .dropdown:hover > .dropdown-menu { display: block; } .main-navbar-nav .dropdown:hover > .dropdown-menu .dropdown:hover .dropdown-menu { left: 225px;top: 0; margin-top: -2px; } } @media screen and (max-width: 992px) { .main-navbar-nav > li { border-bottom: 1px solid #f3f3f3; } .main-navbar-nav > li:last-child { border-bottom: none; } .main-navbar-nav > li > a { padding-top: 12px; padding-bottom: 12px; } } .navbar-brand { height: auto; padding: 0; } @media screen and (max-width: 992px) { .navbar-toggle { display: block; } .navbar-collapse.collapse { display: none !important; } .main-navbar-nav.navbar-nav,.main-navbar-nav.navbar-nav > li { float: none !important; } .navbar-collapse.collapse.in { display: block !important; overflow-y: auto !important; } } /* Hero */ .hero_area { background-image: url(img/hero.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 475px; padding: 0; } .hero_content { padding: 80px 0; } .hero_content h1 { text-shadow: 1px 1px 2px rgba(0,0,0,0.75); color: #005FA6; font-weight: 700; font-size: 42px; } .hero_content h2 { text-shadow: 1px 1px 2px rgba(0,0,0,0.25); color: #000; font-weight: 700; font-size: 32px; margin-top: 0; width: 55%; line-height: 38px; text-align:center; } /* Boxes */ .boxes_area { padding-top: 40px; padding-bottom: 10px; padding-left: 0; padding-right: 0; background-color: #f8f8f8; } .box { position: relative; } .box h3 { position: relative; margin-bottom: 20px; padding-bottom: 20px; } @media (min-width:769px) { .boxes_area div[class*="col-"]:after { content: " "; display: block; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background-color: #ebebeb; } .boxes_area div[class*="col-"]:last-child:after { display: none; } } /* Home */ .home_content h2:after,.box h3:after { content: ''; position: absolute; width: 30px; background-color: #005FA6; height: 2px; left: 0; bottom: 0; } .box i { position: absolute; right: 0; top: 0; margin: 0; color: #005FA6; font-size: 45px; } .boxes_area h3 { font-size: 16px; font-weight: 500; margin-top: 0; margin-bottom: 18px; } .boxes_area .box p{ text-align: justify; padding-top:5%; } .services { padding-top: 50px; padding-bottom: 50px; } h2.section-title { text-align: center; color: #404040; } .services p.desc { text-align: center; font-size: 13px; margin-bottom: 20px; } .services .media { margin-top: 30px; } .services .media i { font-size: 45px; color: #005FA6; } .services .media h4 { font-size: 15px; font-weight: 600; color: #404040; } .services .media p { text-align: justify; } /* Veja Também */ .home-area { padding-bottom: 50px; } .home_content h2 { position: relative; font-size: 17px; font-weight: 600; padding-bottom: 20px; color: #404040; margin-bottom: 30px; } .home_list ul { margin: 0; padding: 0; float: left; width: 100%; } .home_list ul li { list-style: none; } .home_list .thumbnail { border: none; padding: 0; } .thumbnail .caption { padding: 9px; color: #404040; padding-left: 0; padding-right: 0; } .home_list h3 { font-size: 16px; font-weight: 600; margin-top: 10px; margin-bottom: 10px; color: #404040; } .home_list p { color:#8c8c8c; } .home_list a.btn { font-size: 13px; padding: 0; color: #005FA6; } .home_bottom .row { margin-left: -5px; margin-right: -5px; } .home_bottom div[class*="col-"] { padding-right: 5px; padding-left: 5px; position: relative; } /* Referencias */ .carousel-control{ width: 4%; } .carousel-control.left,.carousel-control.right { margin-left:0; background-image:none; } @media (max-width: 767px) { .carousel-inner .active.left { left: -100%; } .carousel-inner .next { left: 100%; } .carousel-inner .prev { left: -100%; } .active > div { display:none; } .active > div:first-child { display:block; } } @media (min-width: 767px) and (max-width: 992px ) { .carousel-inner .active.left { left: -50%; } .carousel-inner .next { left: 50%; } .carousel-inner .prev { left: -50%; } .active > div { display:none; } .active > div:first-child { display:block; } .active > div:first-child + div { display:block; } } @media (min-width: 992px ) { .carousel-inner .active.left { left: -25%; } .carousel-inner .next { left: 25%; } .carousel-inner .prev { left: -25%; } } /* Rodape */ footer.site-footer { background: #e6e6e6; padding: 20px 0 0; float: left; width: 100%; } footer.site-footer h4 { font-size: 17px; font-weight: 500; } footer.site-footer ul { padding-left: 0; margin-bottom: 20px; list-style: none; } footer.site-footer ul a { color: #666; font-size: 13px; } footer.site-footer p { font-size: 13px; } footer.site-footer p a { color: #666; } p.text { color: #666; } #copyright { background: #404040; color: #ccc; padding: 15px 0; font-size: 12px; margin-top: 20px; } #copyright p{ margin: 0; float: left; font-size: 12px; text-align: center; } .site-footer li a:hover { color:#005FA6; } ul.big li { float: left; width: 49%; } ul.big li:nth-child(2n) { margin-left: 2%; } @media (max-width:462px) { .fbox:last-child { margin-top: 20px; float: left; width: 100%; } } /* Maillist */ .login-form-1 { max-width: 300px; border-radius: 5px; display: inline-block; } .main-login-form { position: relative; } .login-form-1 .form-control { border: 0; box-shadow: 0 0 0; border-radius: 0; background: transparent; color: #555555; padding: 7px 0; font-weight: bold; height:auto; } .login-form-1 .form-control::-webkit-input-placeholder { color: #999999; } .login-form-1 .form-control:-moz-placeholder,.login-form-1 .form-control::-moz-placeholder,.login-form-1 .form-control:-ms-input-placeholder { color: #999999; } .login-form-1 .form-group { margin-bottom: 0; border-bottom: 2px solid #fff; padding-right: 20px; position: relative; } .login-form-1 .form-group:last-child { border-bottom: 0; } .login-group { background: #efefef; color: #999999; border-radius: 8px; padding: 10px 20px; } .login-group-checkbox { padding: 5px 0; } .login-form-1 .login-button { position: absolute; right: -25px; top: 50%; background: #ffffff; color: #999999; padding: 11px 0; width: 50px; height: 50px; margin-top: -25px; border: 5px solid #efefef; border-radius: 50%; transition: all ease-in-out 500ms; } .login-form-1 .login-button:hover { color: #555555; transform: rotate(450deg); } .login-form-1 .login-button.clicked { color: #555555; } .login-form-1 .login-button.clicked:hover { transform: none; } .login-form-1 .login-button.clicked.success { color: #2ecc71; } .login-form-1 .login-button.clicked.error { color: #e74c3c; } /* Breadcrumb */ .bread_area { border-bottom: 1px solid #e7e7e7; padding: 10px 0; margin-bottom: 40px; } .breadcrumb { margin: 0; background: #fff; padding: 0; } /* Page */ .page-main { float: left; width: 100%; background-color: #fff; margin-bottom: 30px; line-height: 3.0em; text-align: justify; } .contact{ line-height: 2.0em; } /* Entry (Contacto) */ .entry{ padding: 5%; } /* Category - Florista - frota */ .category-main { float: left; width: 100%; background-color: #fff; margin-bottom: 30px; } .category-content h3 { font-size: 19px; margin-bottom: 20px; } .category-main .media { margin-top: 30px; } .category-main .media:first-child{ margin-top: 0; } .category-main ul li { list-style: none; position: relative; } .category-main .media-left { padding-right: 20px; } .category-main .meta { position: absolute; bottom: 0; border-bottom: 2px solid #e7e7e7; width: 71%; min-height: 30px; line-height: 24px; padding-bottom: 3px; } .category-main .category-meta { width: 67%; } .category-main .meta .arc-comment { float: left; margin-right: 5px; border-right: 2px solid #e7e7e7; padding-right: 7px; } .category-main .meta .arc-comment a, .archive ul.arc-share li a { color: #333; font-size: 15px; } .category-main .meta .arc-comment a:hover, .archive ul.arc-share li a:hover { text-decoration: none; color: #ff1515; } .category-main .meta .arc-date { float: right; font-size: 15px; color: #333; } .category-main ul.arc-share { float: left; margin: 0; padding: 0; margin-right: 5px; } .category-main ul.arc-share li{ float: left; list-style: none; margin-left: 10px; } .category-main .archive-cat a { color: #ff1515; } .category-main .archive-cat a:hover { color: #333; text-decoration: none; } /* Form Contact */ .page-main .tipo_contacto{ text-align:center; } .page-main form p{ line-height:2.0em; } .page-main form input[type="text"], form input[type="email"], form input[type="url"]{ padding: 0; width:100%; height: 30px; } .page-main form textarea{ width:100%; height: 200px; } /* showroom */ .category-main ul ul{ display: none; } /* Sidebar */ .widget h4,h2.page-title, h2.category-title { position: relative; margin-top: 0; padding-bottom: 20px; margin-bottom: 20px; font-size: 17px; font-weight: 700; color: #404040; width: 100%; } .widget h4 { font-size: 15px; margin-left: 15px; } .widget h4:after,h2.page-title:after, h2.category-title:after { content: ''; position: absolute; width: 30px; background-color: #005FA6; height: 2px; left: 0; bottom: 0; } .widget { margin-bottom: 30px; } .sidebar ul { padding-left: 15px; padding-right: 15px; margin: 0; } .sidebar ul li { list-style: none; } .sidebar ul li a { padding: 3px 15px; display: block; margin-left: -15px; margin-right: -15px; color: #404040; } .sidebar li.current a { background-color: #005FA6; margin-left: -15px; margin-right: -15px; color: #FFFFFF; } .sidebar ul li a:hover { background-color: #005FA6; color: #FFFFFF; text-decoration: none; transition-property: all; transition-duration: 0.2s; transition-timing-function: linear; } /* Responsive */ @media screen and (max-width:462px) { .logo{ background-image: url(img/logotipo.png); background-size: contain; background-position:center center; background-repeat: no-repeat; font-size:0; width:250px; height: 100px; } .top { text-align: center; } .top ul.list-inline{ float: none !important; text-align: center; } .hero_content { padding: 80px 0; } .hero_content h1 { font-size: 32px; } .hero_content h2 { width: 90%; font-size: 21px; } /*.boxes_area .row {margin-left: -20px;margin-right: -20px;}*/ .boxes_area .box p { margin-bottom: 30px; } .services .media .media-left { padding-right: 15px; } .category-content .media-body { float: left; position: relative; width: 100%; } .category-content .media-body h3 { margin-top: 20px; } .category-main .meta { position: relative; width: 100%; } .category-main .meta .pull-left { margin-left: 40px; } .category-main .meta .pull-right { display: none; } .sidebar { margin-top: 40px; } } @media (min-width:463px) and (max-width:768px) { .hero_content { padding: 60px 0; } .hero_content h1 { font-size: 25px; } .hero_content h2 { padding-top: 2%; width: 55%; font-size: 20px; } .logo{ background-image: url(img/logotipo.png); background-size: contain; background-position:center center; background-repeat: no-repeat; font-size:0; width:250px; height: 100px; } .fbox { float: left; } .fbox:nth-child(3) { float: right !important; } }
  3. johnhey

    Link

    Boa pessoal, preciso de vossa ajuda, fiz um download de um template gratuito. e fiz todas as alterações necessárias e ficou do jeito que queria. Mas tenho um problema toda vez que diminuo o monitor, por exemplo em um celular os link com HREF deixam de funcionar e não sei onde e nem como resolver. o que posso fazer?
  4. johnhey

    Alinhar menu ao centro

    Era uma div que estava no lugar errado.
  5. johnhey

    Alinhar menu ao centro

    Infelizmente não resultou, continua a sobrepor
  6. johnhey

    Alinhar menu ao centro

    Boa noite, Estou com um problema ao alinhar o menu ao centro. Quando coloco no NAV - text-align: center; e no NAV li - display: inline-block o menu fica ao centro mas o restante conteúdo sobrepõe o mesmo. segue o código: <?php error_reporting(E_ALL); ?> <html> <head> <meta charset="UTF-8" /> <meta property="og:site-name" content='Sistema de Filtragem de Água'/> <meta property="og:title" content='Sistema de Filtragem de Água'/> <meta name="description" content="Sistema de Filtragem de Água"/> <title>Sistema de Filtragem de Água</title> <link rel="stylesheet" href="css/estilo.css" type="text/css" /> <link rel="apple-touch-icon" href="favicon.jpg"/> <link rel="shortcut-icon" href="favicon.ico"/> <!-- Javascript efeitos --> <script type="text/javascript" src="js/modernizr-1.5.min.js"></script> </head> <body> <div id="main"> <header> <div id="logo"> <img src="imagens/logo.png" /> </div> <div id="menubar"> <ul id="nav"> <li class="current"><a href="index.php">Inicio</a></li> <li><a href="somos.php">Quem somos</a></li> <li><a href="produtos.php">Produtos</a></li> <li><a href="contactos.html">Contactos</a></li> </ul> </div><!--Fecha menubar--> </header> <div id="site_content"> <div class="sidebar_container"> <div class="sidebar"> <div class="sidebar_item"> <h2>Produtos</h2> <p>Possuimos uma vasta gama de produtos, seja para utilização em sua casa ou trabalho, entre em contacto connosco para solicitar uma demonstração dos nossos produtos.</p> </div><!--Fim sidebar_item--> </div><!--Fim sidebar--> <div class="sidebar"> <div class="sidebar_item"> <h2>Contactos</h2> <p>Largo Terras do Forno, 2</p> <p>2635-022 - Rio de Mouro</p> <p>Tel. (+351) 000 000 561</p> <p>Tlm. 910 000 000 / 960 000 000</p> <p>e-mail: <a href="geral@aguarela.pt">geral@aguarela.pt</a></p> </div><!--Fim sidebar_item--> </div><!--Fim sidebar--> </div><!--Fim sidebar_container--> <div class="slideshow"> <ul class="slideshow"> <li class="show"><img width="680" height="250" src="imagens/home_1.jpg" alt="&quot;Descrição do Produto&quot;" /></li> <li><img width="680" height="250" src="imagens/home_2.jpg" alt="&quot;Descrição do Produto&quot;" /></li> </ul> </div> <div id="content"> <div class="content_item"> <h1>Bem-vindo</h1> <p>A água é um bem essencial para a vida na terra, e a cada dia que passa fica mais excassa em alguns pontos, sendo dificil às vezes de a encontrar limpa e pura.</p> </div><!--Fim content_item--> </div><!--Fim content--> </div><!--Fim site_content--> <footer> <a href="index.php">Inicio</a> | <a href="somos.html">Quem Somos</a> | <a href="produtos.html">Produtos</a> | <a href="contactos.html">Contactos</a><br/><br/> </footer> </div><!--Fecha main--> <!-- javascript at the bottom for fast page loading --> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/image_slide.js"></script> </body> </html> CSS @font-face { font-family: PacificoRegular; src: url('../fonts/Pacifico-webfont.eot'); src: local("PacificoRegular"), url('../fonts/Pacifico-webfont.ttf'); } html { height: 100%;} * { margin: 0; padding: 0;} body { font: normal 80% Arial, Helvetica, sans-serif; color: #000; } /* tell the browser to render HTML 5 elements as block */ article, aside, figure, footer, hgroup, section { display:block; } p { padding: 0 0 10px 0; color: #2F4F4F; text-shadow: 1px 1px #FFFFFF; line-height: 1.7em; font-size: 100% } p a { padding: 0 0 10px 0; color: #2F4F4F; text-shadow: 1px 1px #FFFFFF; line-height: 1.7em; font-size: 100% } img { border: 0;} h1, h2, h3, h4, h6 { font: normal 175% 'PacificoRegular', Arial, sans-serif; color: #2F4F4F; text-shadow: 0px 1px 0px #FFFFFF; letter-spacing: -1px; margin: 0 0 10px 0;} h2 { font: normal 165% Arial, Helvetica, sans-serif;} h3 { font: normal 130% Arial, Helvetica, sans-serif;} h4, h5, h6 { margin: 0; padding: 0 0 0px 0; font: normal 150% Arial, Helvetica, sans-serif; text-shadow: 0px 1px 0px #000; color: #2F4F4F; line-height: 1.5em;} h5, h6 { font: normal 95% Arial, Helvetica, sans-serif; color: #FFFFFF; padding-bottom: 15px;} span { color: blue; text-shadow: 0px 1px 0px #FFF;} a, a:hover { color: #FFF; background: transparent; font-weight: bold; outline: none; text-decoration: underline;} a:hover { text-decoration: none;} ul { margin: 2px 0 22px 30px; line-height: 1.7em; font-style: normal; font-size: 100%;} ol { margin: 8px 0 22px 20px;} ol li { margin: 0 0 11px 0;} #main, #banner, #site_content, footer, #content_grey { margin-left: auto; margin-right: auto;} #main { padding: 30px 0px; background: transparent url(../imagens/fundo.png) no-repeat; background-size: 100%; width: 100%; } header { height: 230px; width: 100%; margin: 0 auto; /*background: #0043A8; background: -moz-linear-gradient(#43A9FF, #0043A8); background: -o-linear-gradient(#43A9FF, #0043A8); background: -webkit-linear-gradient(#43A9FF, #0043A8);*/ border-radius: 15px 15px 0px 0px; -moz-border-radius: 15px 15px 0px 0px; -webkit-border: 15px 15px 0px 0px; } nav { height: 50px; text-align: center; } #strapline { width: 100%; height: 140px; padding-bottom: 10px; text-align: center; margin: 0 auto;} #logo{ height: 100%; } #menubar{ width: 100%; height: 50px; line-height: 50px; margin-top: 10px; text-align: center; } ul#nav { margin:0; text-align: center;} ul#nav li { padding: 0 0 0 0px; list-style: none; margin: 2px 0 0 0; text-align: center; display: inline; background: transparent;} ul#nav li a { float: left; font: bold 130% 'PacificoRegular', Arial, sans-serif; text-align: center; height: 24px; margin: 8px 0 0 20px; text-shadow: 0px 1px 0px #000; padding: 0px 20px 10px 20px; background: transparent; border-radius: 7px 7px 7px 7px; -moz-border-radius: 7px 7px 7px 7px; -webkit-border: 7px 7px 7px 7px; text-align: center; color: #5A5ACD; text-decoration: none;} ul#nav li.current a, ul#nav li:hover a { color: #FFF; background: #0055D4; background: -moz-linear-gradient(#43A9FF, #0043A8); background: -o-linear-gradient(#43A9FF, #0043A8); background: -webkit-linear-gradient(#43A9FF, #0043A8); text-shadow: none;} #site_content { width: 100%; overflow: hidden; padding-bottom: 20px; margin-bottom: 30px; } .sidebar_container { float: right; margin: 20px 10px 0 10px; width: 210px; padding: 0; border-radius: 0px 0px 15px 15px; -moz-border-radius: 0px 0px 15px 15px; -webkit-border: 0px 0px 15px 15px; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; } .sidebar { float: left; width: 190px; padding-left: 10px; margin-bottom: 10px;} .sidebar_item { font: normal 100% Arial, Helvetica, sans-serif; width: 190px;} .sidebar h2 { padding: 5px 0 0 0; font: normal 140% 'PacificoRegular', Arial, sans-serif; height: 30px;} #content { width: 680px; margin: 0 0 20px 20px; float: left;} .content_item { width: 680px; margin-top: 20px; margin-bottom: 20px; text-align: justify;} .content_container { width: 330px; margin: 20px 10px 0 0; float: left;} footer { width: 96%; height: 50px; padding-top: 25px; padding-bottom: 20px; font-weight: bold; text-align: center; text-shadow: 1px 1px #000; color: #FFF; background: #0043A8; background: -moz-linear-gradient(#43A9FF, #0043A8); background: -o-linear-gradient(#43A9FF, #0043A8); background: -webkit-linear-gradient(#43A9FF, #0043A8); border-radius: 15px 15px 15px 15px; -moz-border-radius: 15px 15px 15px 15px; -webkit-border: 15px 15px 15px 15px; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;} footer a, footer a:hover { text-shadow: 1px 1px #FFF; color: #1D1D1D; text-decoration: none; padding-bottom: 20px;} footer a:hover { text-decoration: underline;} footer a, footer a:hover { text-shadow: 1px 1px #000; color: #FFF; text-decoration: none;} footer a:hover { text-decoration: underline;}
  7. johnhey

    Upload de múltiplas imagens

    Segue o código, esta a funcionar perfeitamente, mas não funciona em tablet android ou celular: <?php error_reporting(E_ALL); ?> <html lang="pt-br" debug="true" style="height: 100%;"><!-- InstanceBegin template="/Templates/template.dwt" codeOutsideHTMLIsLocked="false" --> <head> <meta name='description' content='Reborn em Portugal' /> <meta name='keywords' content='boneca reborn, reborn portugal, doll, baby, reborn baby reborn baby doll' /> <meta property='og:site_name' content='Reborn Imaginações de Bebés' /> <meta property='og:title' content='Bebés Reborn Portugal' /> <link rel="shortcut icon" href="/favicon.ico"> <link href="css/estilo.css" rel ="stylesheet"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Reborn Imaginações de Bebés - Bebés Reborn Portugal</title> <div id="topo"> <div id="sign"> <a class="wood"></a> </div> <section id="cabecalho"> <header> <h5>"...Os bebés Reborn são mágicos, conseguem-nos transportar para um mundo imaginário e ao mesmo tempo real para todos nós, o tempo em que fomos bebés..."</h5> </header> </section> </div> </head> <body> <div id="pagina"> <div id="conteudo"><!-- InstanceBeginEditable name="EditRegion1" --> <div class="fotos_expo"> <div id= "album"> <button type="submit" class="btn btn-default" name="enviar" value="enviar" onclick="javascript: location.href='menu_album.php';">Menu Principal</button> <p> </p> <form action="" method="post" enctype="multipart/form-data"> <table> <tr> <td> Selecione o Album para importação: </td> <td> <?php //Conexão com o Banco de Dados if (!$conexao) { die('Não foi possí­vel conectar: ' . mysql_error()); //Exibe o erro por não conectar } //Seleciona o BD $db_selected = mysql_select_db('bd_reborn', $conexao) or die(mysql_error()); //Le o banco de Dados $executa = "SHOW TABLES"; //Executa a query que irá mostrar as tabelas $resultado = mysql_query($executa, $conexao) or die(mysql_error()); ?> <select name="datatable"> <?php //execulta o loop while ($dados = mysql_fetch_array($resultado)) { $nome_tabela = $dados[0]; ?> <!--cria a listagem --> <option value ="<?php echo $nome_tabela; ?>"><?php echo $nome_tabela; ?></option> <?php } ?> </select> </td> <td> </td> </tr> <tr> <td colspan="3"> Descrição do Album: </td> </tr> </table> <center><img src="imagens/miniatura/barra_separador.png" alt="Barra Separar" title="Barra de separação"></center> <div id="desc_album"> </div> <center><img src="imagens/miniatura/barra_separador.png" alt="Barra Separar" title="Barra de separação"></center> <table> <tr> <td> <input type="file" name="fotos[]" multiple> </td> <td> <input type="submit" name="upload" value="Importar"> </td> <td> </td> </tr> </table> </form> <div class="carregar_foto"> <?php if (isset($_POST['upload'])) { $nome_tab = $_POST['datatable']; //contador $contador = 1; //seleciona a pasta $diretorio = 'imagens/originais/bebes/'.$nome_tab.'/'; $direciona = opendir($diretorio); //conta os arquivos while ($numeroitens = readdir($direciona)) { if (!(is_dir($numeroitens))) { $contador++; } } //Informações das imagens $file = $_FILES['fotos']; $numfotos = count(array_filter($file['name'])); //Requisitos $permite = array('image/jpeg', 'image/png'); $maxSize = 1024 * 1024 * 5; //Mensagem $msg = array(); $erro = array( 1 => 'O arquivo no upload é mairo do que o limite permitido em upload máximo', 2 => 'O arquivo ultrapassa o limite de tamanho máximo por imagem', 3 => 'O upload do arquivo foi feito parcialmente', 4 => 'Não foi feito o upload do arquivo' ); if ($numfotos) { foreach ($file['name'] as $k => $name) { // separar a extensão do nome do arquivo $n = explode('.', $name); $ext = '.' . array_pop($n); // gerar um nome com a numeração no final, antes da extensão $filename = "foto".sprintf('%02s', $contador) . $ext; // incrementa o contador $contador++; // checar se há alguma falha no arquivo if ($file['error'][$k]) { $msg[] = "<b> $name: </b>" . $errorMsg[$error]; // checar se o tamanho é permitido } elseif ($file['size'][$k] > $maxSize) { $msg[] = "<b> $name:</b> Erro imagem ultrapassa o limite de 5 MB"; // checar se o tipo de arquivo é permitido } elseif (in_array($file['type'][$k], $permite)) { // checar se o arquivo foi movido if (move_uploaded_file($file['tmp_name'][$k], $diretorio . "/" . $filename)) { // montar a query para inserção $query = "INSERT INTO $nome_tab values('','$filename',1)"; // checar se a query é executada sem falhas if (mysql_query($query)) { $msg[] = "<b>$filename :</b> Upload Realizado com Sucesso!"; } else { // exibe falha na tela die(mysql_error() . '<br>' . $query); } } } } } else { echo 'Selecione uma ou mais imagens!'; } foreach ($msg as $pop) { echo $pop . '<br>'; } } ?> </div> </div> <!-- InstanceEndEditable --> </div> </div> <footer id="rodapepg"> <div id="supercount"> <div id="rp_contador"> <script type="text/javascript" src="http://widget.supercounters.com/flag.js"></script><script type="text/javascript">sc_flag(596069,"FFFFFF","000000","cccccc",5,10,0,0)</script><br><noscript><a href="http://www.supercounters.com/">Contador de visitas</a></noscript> </div> </div> <div id="direitos_autor"> © - Todos os direitos de autor reservados a webdesign </div> </footer> </div> </body><!-- InstanceEnd -->
  8. johnhey

    Upload de múltiplas imagens

    Boa noite, fiz um upload de múltiplas imagens que no computador ou aparelhos com iOS funcionam na perfeição, já nos aparelhos com o sistema Android não funciona, apenas consigo selecionar uma imagem por vez. Porque?
  9. johnhey

    leia+

    Gostaria de fazer um botão de leia+, mas quero um pouco diferente dos habituais. Geralmente carregamos no leia+ e nos redirecciona para a pagina que contém o conteúdo por inteiro. Gostaria de fazer o seguinte: No inicio apenas me exibe uma parte do que quero, quando clicar no leia+ minha DIV se expande e consigo ler todo o conteúdo, depois coloco um leia- para encolher. Será com a função "substr"?
  10. johnhey

    GPS

    Boa tarde pessoal não sei se estou postando a dúvida no local certo, caso não esteja peço imensa desculpa. Gostaria de fazer o seguinte: 1º através do google map gerar um link com a minha localização. 2º Criar um QR Code Até aqui tudo bem, mais gostaria que, ao ler no meu celular o QRCode o mesmo perguntasse em qual aplicação de gps quero abrir (caso tenha instalado mais que uma) ou se quero abrir a negação no google map. estou fazendo tudo, mais infelizmente apenas no joga directo para o google map e mostra a minha localização. Já vi alguns códigos destes que jogam directo para a aplicação de gps. Espero ter sido claro.
  11. johnhey

    Select não funciona

    Voltei a salvar todos os arquivos com a extensão html, ai já funciona, mais os códigos em php não.
  12. johnhey

    Select não funciona

    Não aparece nada
  13. johnhey

    Select não funciona

    Peço desculpa pela minha ignorância, mais onde aparece os erros, já apertei F12
  14. johnhey

    Select não funciona

    Bom dia pessoal, tenho um menu, que ao clicar gostaria que mudasse de cor para saber em qual estou. Quando os arquivos estão em html funciona ao passar para php não. Onde esta o erro? todos os arquivos index.php, sobre.php, contacto.php, protocolos.php estão da seguinte forma: <body> <div id="header"> <div> <div id="logo"> <a href="index.html"><img src="images/logo.png" alt="LOGO"></a> </div> <?php include 'menu.php'; ?> </div> </div> </body> O arquivo menu.php <ul id="navigation"> <li class="selected"> <a href="index.php">Inicio</a> </li> <li> <a href="about.php">Quem somos</a> </li> <li> <a href="services.php">Serviços</a> </li> <li> <a href="blog.php">Imagens</a> </li> <li> <a href="contact.php">Contactos</a> </li> </ul> e o css #navigation li a:hover{ background-position: 0 0; color: #fff; } #navigation li.selected a { background-position: 0 0; color: #fff; } conforme passo o mouse sobre os menus funciona, mas quando clico não fica marcado em qual estou, fica somente no index
  15. johnhey

    Erro

    O que preciso fazer são várias coisas. Mais com relação à sua pergunta, não tenho noção. O que estou tentando fazer é: Seleciono o álbum que quero excluir; Clico no botão excluir; Aparece me a caixa de mensagem a dizer se realmente tenho a certeza da exclusão; Apaga a pasta; Excluir o arquivo; Deletar a tabela do banco; É isso que preciso.
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.