Ir para conteúdo

Clauido José

Members
  • Total de itens

    684
  • Registro em

  • Última visita

Reputação

3 Comum

2 Seguidores

Sobre Clauido José

Informações Pessoais

  • Sexo
    Masculino
  • Interesses
    Programação desenvolvimento e trabalho freelance
  1. Alinhamento de box

    Ola galera Boa noite estou precisando de uma ajuda estou fazendo um site em asp classico e estou com um problema na patina principal tenho section onde mostro algum conteudo sobre a empresa e abaixo dessa section tenho uma galeria de fotos. O problema é que a galeria esta não está alinhada com o conteudo principal ela fica uma margem de 10pix mais ou menos de difereça vou postar o codigo. Html <!-- Apresentacao --> <section class="sejabemvindo-container"> <div class="container"> <div class="row"> <div class="col-sm-12 wow fadeInLeftBig" data-wow-duration="1000ms" data-wow-delay="100ms"> <h1>Sej&aacute; bem vindos ao nosso site.</h1> <hr> <h2>PERSIMANN - COMERCIO E MANUTEN&Ccedil;&Atilde;O DE PERSIANA LTDA</h2> </div> </div> </div> <!-- Sejabemvindo --> <div class="conteudo"> <div class="container"> <div class="row"> <div class="col-md-6 col-sm-6 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="100ms"> <div class="sejabemvindo-wrap"> <i class="fa fa-comments"></i> <h3>Nossa Hist&oacute;ria</h3> <% Sql = "SELECT * FROM tempresa ORDER BY titulo" set rs = conexao.execute(sql) %> <p><%=rs("breve")%></p> <a class="big-link-1" href="services.html">Vej&aacute; Mais</a> </div> </div> <div class="col-md-6 col-sm-6 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms"> <div class="sejabemvindo-wrap"> <i class="fa fa-wrench"></i> <h3>Nossos Servi&ccedil;ocs</h3> <% Sql = "SELECT * FROM tservico ORDER BY titulo" set rs = conexao.execute(sql) %> <p><%=rs("breve")%></p> <a class="big-link-1" href="services.html">Vej&aacute; Mais</a> </div> </div> </div> </div> </div> </section> <!-- Sejabemvindo --> <!-- parceiros-container --> <section class="parceiros-container"> <div class="container"> <div class="row"> <div class="col-sm-12 parceiros-title wow fadeIn"> <h2><i class="fa fa-users"></i> Nossos Parceiros</h2> </div> </div> <div class="row"> <% Sql = "SELECT * FROM tparceiros WHERE principal=1 ORDER BY titulo" set rs = conexao.execute(sql) do while not rs.eof %> <div class="col-xs-12 col-sm-6 col-md-3"> <ul class="gallery clearfix"> <li div class=" parceiros wow fadeInUp"> <a class="example-image-link" href="<%=rs("logo")%>" data-lightbox="example-set" data-title=""> <img src="<%=rs("logo")%>" class="example-image img-responsive" /> </a> </li> </ul> </div> <% rs.movenext loop set rs=nothing %> <div style="float:right;margin-top:10px"> <a href="parceiros.asp" class="btn btn-group-sm big-link-1">Veja mais</a> </div> </div> </div> </section> </div CSS /*********************** ***** Sejabemvindo ***** ************************/ .sejabemvindo-container { margin-top: 10px; } .sejabemvindo-title { margin-top: 20px; background: url(../img/line.png) left center repeat-x; } .sejabemvindo-wraps-title h2 { width: 200px; margin: 0 auto; background: #fff; font-family: 'Lobster', cursive; font-size: 24px; color: #5d5d5d; font-weight: bold; } .sejabemvindo-wrap { margin-top: 40px; padding: 15px 15px 20px 15px; background: #f8f8f8; border-bottom: 2px solid #96e2c0; } .sejabemvindo-wrap:hover { box-shadow: 0 5px 15px 0 rgba(0,0,0,.05), 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset; -o-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s; } .sejabemvindo-wrap i { font-size: 48px; height: 110px; width: 110px; margin: 3px; border-radius: 100%; line-height: 110px; text-align:center; background: #ffffff; color: #E8CE0E; border: 3px solid #ffffff; box-shadow: inset 0 0 0 5px #f2f2f2; -webkit-box-shadow: inset 0 0 0 5px #f2f2f2; -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; transition: 500ms; float: left; margin-right: 25px; } .sejabemvindo-wrap i { vertical-align: middle; } .sejabemvindo-wrap h3 { margin-top: 13px; font-family: 'Droid Sans', sans-serif; font-size: 16px; color: #5d5d5d; font-weight: bold; text-transform: uppercase; text-shadow: 0 1px 0 rgba(255,255,255,.7); } .sejabemvindo-wrap p { padding-bottom: 7px; line-height: 24px; font-size: 14px; } /*************************** ******** Parceiros ********* ***************************/ .parceiros-container { margin-top: 50px; margin-left:0; float:left } .parceiros-title { background: url(../img/line.png) left center repeat-x; } .parceiros-title h2 { width: 200px; margin: 0 auto; background: #fff; font-family: 'Lobster', cursive; font-size: 24px; color: #5d5d5d; font-weight: bold; } .parceiros { width:240px; height:220px; margin-top: 40px; padding-bottom: 20px; background: #f8f8f8; border-bottom: 2px solid #96e2c0; float:left; } .parceiros:hover { box-shadow: 0 5px 15px 0 rgba(0,0,0,.05), 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset; -o-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s; } .parceiros { margin: 0 auto; padding:10px 10px; list-style-type:none; } .parceiros img{ width: 240px; height:200px; float:left }
  2. menu lateral fixo

    É quase isso vou ter quer trabalhar o CSS mais eu consigo depois eu posto o resultado
  3. menu lateral fixo

    O link não abriu meu amigo então quero fazer um site com menu fixo e quando estiver em dispositivos menores ele fique 100% no topo.abaixo do logo opa desculpa abriu era isso mesmo que eu queria
  4. menu lateral fixo

    Pessoal sou novo com bootstrap e gostaria de um exemplo de um menu com submenu lateral responsivel fixo eu quero eu menu fique fixo e conteúdo role somente para baixo
  5. fazer dropdown menu aparecer

    Bom dia galera, Estou personalizando um navbar e tem dois dropdown que quero que seja de tamanhos diferentes e o posicionamento tambêm, já consegui fazer ele sumir via css mais não consigo fazer ele aparecer olha como esta meu código: <!-- Navegação --> <!--Inicio Nav--> <nav class="navbar navbar-default" role="navigation"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="collapse navbar-collapse" id="myNavbar"> <ul> <li class="nav-item"><a href="#"><span class="glyphicon glyphicon-home" style="padding: 0px 5px"></span>Home</a></li> <li class="nav-item"><a href="#"><span class="glyphicon glyphicon-info-sign" style="padding: 0px 5px"></span>A Empresa</a></li> <li id="persianas"> <a href="#"> <span class="glyphicon glyphicon glyphicon-th" style="padding: 0px 5px"></span> Persianas <span class="caret"></span></a> <ul> <asp:DataList ID="itemPersianas" RepeatColumns="1" runat="server"> <itemtemplate> <li><span style="padding-left:15px;"></span><a href="produtos.aspx?ProdutosId=<%# Eval("MenuId")%>"> <%# Eval("Titulo") %> </a></li> </itemtemplate> </asp:DataList> </ul> </li> <li> <a href="#"><span class="glyphicon glyphicon-th-large" style="padding: 0px 5px"></span> Cortinas <span class="caret"></span></a> <ul id="cortinas"> <asp:DataList ID="itemCortinas" RepeatColumns="1" runat="server"> <itemtemplate> <li><span style="padding-left:15px;"></span><a href="produtos.aspx?ProdutosId=<%# Eval("MenuId")%>"> <%# Eval("Titulo") %> </a></li> </itemtemplate> </asp:DataList> </ul> </li> <li class="nav-item"><a href="#"><span class="glyphicon glyphicon-globe" style="padding: 0px 5px"></span>Parceiros</a></li> <li class="nav-item"><a href="#"><span class="glyphicon glyphicon-envelope" style="padding: 0px 5px"></span>Contato</a></li> </ul> <form class="navbar-form navbar-right" runat="server" role="search" action="#" method="get" id="BuscaForm"> <div class="input-group" id="pesquisa"> <asp:TextBox ID="BuscaTextBox" runat="server" class="form-control" placeholder="Pesquisar produtos" name="BuscaTextBox" style="padding:6px 6px;"></asp:TextBox> <div class="input-group-btn"> <button class="btn btn-default" id="PesquisaButton" type="submit"><i class="glyphicon glyphicon-search"></i></button> </div> </div> </form> </div> </div> </nav> <!-- Fim Navegação --> /* navbar /* barra de menu principal */ .navbar-default { background: -moz-linear-gradient(top, #CCC 80%, #fefefd 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f1), color-stop(100%,#fefefd)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #CCC 80%,#fefefd 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #CCC 80%,#fefefd 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #CCC 80%,#fefefd 100%); /* W3C */ border-color: #E7E7E7; height:55px; font-size:18px } .navbar-default a{ color: #fff; padding:10px; display:block; text-decoration:none; text-align:center; background-color: #ccc; height:45px; } .navbar-default a:hover{ background-color:#FFF; color:#000 } .navbar-default ul{ list-style-type:none; position:relative; } .navbar-default ul li{ width:150px; float:left; } /*primeiro dropdown*/ .navbar-default #persiana:hover ul { visibility:visible; } .navbar-default #persianas li{ width:250px; font-size:16px; margin:-10px -50px; border-radius: 10px; box-shadow: 5px 5px black; visibility:hidden; } .navbar-default #persiana a:hover ul { visibility:visible; } /*segundo dropdown*/ .navbar-default #cortinas{ position:absolute; visibility:hidden } /*Fim navbar*/
  6. [Resolvido] Form busca

    Puts cara valeu mano matei dois coelhos numa cajadada só rs
  7. [Resolvido] Form busca

    Boa noite galera, Estou precisando de uma ajuda quero um exemplo de form de busca que ele apareça somente quando clicar na lupa e que fique no tamanho que sobra no navbar olha meu html. <nav class="navbar navbar-default" role="navigation"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="collapse navbar-collapse" id="myNavbar"> <ul id="menu-main-menu" class="nav navbar-nav"> <li class="nav-item"><a href="#"><span class="glyphicon glyphicon-home" style="padding: 0px 5px"></span>Home</a></li> <li class="nav-item"><a href="#"><span class="glyphicon glyphicon-info-sign" style="padding: 0px 5px"></span>A Empresa</a></li> <li class="nav-itemd dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="true"> <span class="glyphicon glyphicon glyphicon-th" style="padding: 0px 5px"></span> Persianas <span class="caret"></span></a> <ul class="dropdown-menu" id="persinas"> <asp:DataList ID="itemPersianas" RepeatColumns="1" runat="server"> <itemtemplate> <li><span style="padding-left:15px;"></span><a href="produtos.aspx?ProdutosId=<%# Eval("MenuId")%>"> <%# Eval("Titulo") %> </a></li> </itemtemplate> </asp:DataList> </ul> </li> <li class="nav-item dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"> <span class="glyphicon glyphicon-th-large" style="padding: 0px 5px"></span> Cortinas <span class="caret"></span></a> <ul class="dropdown-menu" id="cortinas"> <asp:DataList ID="itemCortinas" RepeatColumns="1" runat="server"> <itemtemplate> <li><span style="padding-left:15px;"></span><a href="produtos.aspx?ProdutosId=<%# Eval("MenuId")%>"> <%# Eval("Titulo") %> </a></li> </itemtemplate> </asp:DataList> </ul> </li> <li class="nav-item"><a href="#"><span class="glyphicon glyphicon-globe" style="padding: 0px 5px"></span>Parceiros</a></li> <li class="nav-item"><a href="#"><span class="glyphicon glyphicon-envelope" style="padding: 0px 5px"></span>Contato</a></li> </ul> <form class="navbar-form navbar-right" runat="server" role="search" action="#" method="get" id="BuscaForm"> <div class="input-group"> <asp:TextBox ID="BuscaTextBox" runat="server" class="form-control" placeholder="Pesquisar produtos" name="BuscaTextBox" style="padding:6px 6px;"></asp:TextBox> <div class="input-group-btn"> <button class="btn btn-default" type="submit"><i class="glyphicon glyphicon-search"></i></button> </div> </div> </form> </div> </div> </nav>
  8. Problema .navbar-collapse

    resolvi o problema era a estrutura do meu css estou ralando nos estudo no front end rs
  9. Problema .navbar-collapse

    Bom dia galera estou com um problema no meu .navbar-collapse quando o clico para aparecer ele esta ficando abaixo no banner principal e não pega a pagina toda não consigo acertar ele olha meu código: <!--Inicio Nav--> <nav class="navbar navbar-default"> <div class="container-fluid"> <div class="col-sm-12"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <span class="sr-only"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li><a href="#"><span class="glyphicon glyphicon-home" style="padding: 0px 10px"></span>Home</a></li> <li><a href="#"><span class="glyphicon glyphicon-info-sign" style="padding: 0px 10px"></span>A Empresa</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="true"> <span class="glyphicon glyphicon glyphicon-th" style="padding: 0px 10px"></span> Persianas <span class="caret"></span></a> <ul class="dropdown-menu" id="persinas"> <asp:DataList ID="itemPersianas" RepeatColumns="1" runat="server"> <itemtemplate> <li><span style="padding-left:15px;"></span><a href="produtos.aspx?ProdutosId=<%# Eval("MenuId")%>"> <%# Eval("Titulo") %> </a></li> </itemtemplate> </asp:DataList> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"> <span class="glyphicon glyphicon-th-large" style="padding: 0px 10px"></span> Cortinas <span class="caret"></span></a> <ul class="dropdown-menu" id="cortinas"> <asp:DataList ID="itemCortinas" RepeatColumns="1" runat="server"> <itemtemplate> <li><span style="padding-left:15px;"></span><a href="produtos.aspx?ProdutosId=<%# Eval("MenuId")%>"> <%# Eval("Titulo") %> </a></li> </itemtemplate> </asp:DataList> </ul> </li> <li><a href="#"><span class="glyphicon glyphicon-globe" style="padding: 0px 10px"></span>Parceiros</a></li> <li><a href="#"><span class="glyphicon glyphicon-envelope" style="padding: 0px 10px"></span>Contato</a></li> </ul> <form class="navbar-form navbar-right" runat="server" role="search" action="#" method="get" id="BuscaForm"> <div class="input-group"> <asp:TextBox ID="BuscaTextBox" runat="server" class="form-control" placeholder="Pesquisar produtos" name="BuscaTextBox" style="padding:6px 6px;"></asp:TextBox> <div class="input-group-btn"> <button class="btn btn-default" type="submit"><i class="glyphicon glyphicon-search"></i></button> </div> </div> </form> </div> </div> </div> </nav> <!--Fim nav--> meu css: /* navbar /* barra de menu principal */ .navbar a{ color: #fff; } .navbar a:hover{ color: #333; } .navbar-default{ background: -moz-linear-gradient(top, #CCC 80%, #fefefd 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f1), color-stop(100%,#fefefd)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #CCC 80%,#fefefd 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #CCC 80%,#fefefd 100%); /* Opera 11.10+ */ border-radius:0px; height:30px } .navbar-default .navbar-nav > li > a{ color:#fff; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { background-color:#333; color:#fff; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{ background-color:#333; color:#fff; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{ background-color:#333; color:#fff; } #cortinas{ width: 70px; margin-left:-10px; border-radius: 10px; box-shadow: 5px 5px black; } #cortinas li { width: 100%; padding-bottom:05px; } #persinas{ width: 230px; margin-left:-30px; border-radius: 10px; box-shadow: 5px 5px black; } #persinas li{ padding-bottom:10px; } .navbar-nav > li > .dropdown-menu{ background: -webkit-linear-gradient(top, #CCC 95%,#fefefd 100%); /* Chrome10+,Safari5.1+ */ color:#000; font-size: 12px; } /* mobile version */ .navbar .navbar-collapse { background: -webkit-linear-gradient(top, #CCC 95%,#fefefd 100%); /* Chrome10+,Safari5.1+ */ } .navbar.navbar-default .nav-collapse { background: -webkit-linear-gradient(top, #CCC 95%,#fefefd 100%); /* Chrome10+,Safari5.1+ */ } .btn.btn-circle { border-radius: 50px; } .btn.btn-outline { background-color: transparent; }
  10. header responsive

    nossa cara valeu bem legal o ultimo da para pegar uma noção sobre layout reponsive
  11. header responsive

    Boa noite glaera, Preciso de uma ajuda com layout desse site no topo eu tenho o logo e o com telefone eu quero que ele seja responsive e que quando for diminuindo a resolução da tela o telefone fique em cima do logo olha meu código: <header> <div class="container-fluid"> <div class="row"> <div id="logo" class="col-md-9"> <a href="default.aspx"><img src="images/logo.png" /></a> </div> <div class="col-md-3" id="telsHead" style="padding:0px 10px"> <strong><span class="glyphicon glyphicon glyphicon-phone-alt"></span>:</strong>(011) 39316081 / 39318241 </div> </div> </div> </header> meu css: #logo{ padding: 10px 50px; height:100px; width:200px; float:left } #telsHead{ background: -moz-linear-gradient(top, #CCC 80%, #fefefd 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f1), color-stop(100%,#fefefd)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #CCC 80%,#fefefd 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #CCC 80%,#fefefd 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #CCC 80%,#fefefd 100%); /* W3C */ border-radius:0 0 5px 5px; box-shadow:0 1px 1px #000; height: 30px; padding: 0 5px; list-style:none; font-size:150%; font-weight:bold; text-align: center; width: 400px; float:right; left: -100px }
  12. [Resolvido] problema com view

    Resolvi essa o problema era na classe na tabela eu tinha um campo usuário que o entiti mudou o nome porque a tabela chama Usuario ai ele não encontrava a atributo.
  13. [Resolvido] problema com view

    Boa noite galera estou caindo nos estudos aqui e estou fazendo uma aplicação simples em mvc no visual studio 2013 bom fiz tudo como mando no tutorial do marcoratti mas quando vou criar a view e escolho > Create > Selecione Model class > Data Context Class aparece a seguinte mensagem: E não gera o view
  14. slider show com plugin ideal-image-slider.js

    Até conheço sou programador asp classico e nunca tive problema igual esse .
  15. slider show com plugin ideal-image-slider.js

    também estou achando sou novo com bootstrap preciso estudar mais por isso peguei esse site que esta feito em asp classico e passando ele para web form asp.net c#
×

Informação importante

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

Este projeto é mantido e patrocinado pelas empresas:
Hospedado por: