Publicidade

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. css

    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. É quase isso vou ter quer trabalhar o CSS mais eu consigo depois eu posto o resultado
  3. 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. 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. 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. Puts cara valeu mano matei dois coelhos numa cajadada só rs
  7. 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. resolvi o problema era a estrutura do meu css estou ralando nos estudo no front end rs
  9. 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. nossa cara valeu bem legal o ultimo da para pegar uma noção sobre layout reponsive
  11. 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. 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. 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. Até conheço sou programador asp classico e nunca tive problema igual esse .
  15. 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#