Jump to content

Search the Community

Showing results for tags 'Layout'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento e Banco de Dados
    • HTML e CSS
    • Java
    • Javascript
    • .NET
    • PHP
    • Python
    • Ruby
    • Mobile
    • Ambientes de Desenvolvimento
    • Arquitetura e Métodos Ágeis
    • Banco de Dados
    • DevOps
    • Desenvolvimento de Games
    • E-Commerce e Pagamentos Online
    • SEO e Otimizações
    • WordPress
    • Algoritmos & Outras Tecnologias
  • Design e Produto
    • Fotografia
    • Photoshop
    • Design de interfaces e UX
    • Edição/Produção de Vídeos
    • Marketing Online
    • Desenho, Ilustração e 3D
  • Entretenimento e uso pessoal
    • Geral
    • Segurança & Malwares
    • Gadgets e wearable
    • Softwares e Apps
    • Entretenimento

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 24 results

  1. lukaizh

    Alterando Layout Tray

    Olá Galera, Estou iniciando um e-commerce pela Tray,e não entendo muito bem de css eu gostaria de saber se tem como eu mudar o menu lateral esquerdo, para deixar ele na horizontal. e teria mais uma dúvida, se há alguma maneira de importar o site para o photoshop e depois pegar o css das camadas.
  2. alisonalves

    Layout com coluna da direita fixa

    Olá pessoal. Tenho uma dúvida que sei que é bem básica mas não estou conseguindo aprender sozinho. Antigamente usava o Dreamweaver e nele temos a opção de montar o template e definir quais as áreas do site serão editáveis, ou seja, o menu e a coluna direita aparecem em todas as páginas mas o conteúdo da esquerda é editável. Agora como estou aprendendo sobre layout responsivo, grids e tal gostaria de saber. Sem utilizar o dreamweaver como faço para deixar o menu e a coluna da direita fixas e poder editar apenas a coluna da esquerda? Como eu faço para mostrar para todas as paginas que a coluna da direita vai mostrar o mesmo conteúdo. Assim quando eu atualizar a coluna da direita já atualiza em todas as páginas. Obrigado pela força
  3. Boa tarde, Eu criei um container como o grid, e adicionei os grids filhos, dentro desses grids filhos adicionei algumas divs, até ai tudo fica perfeito, porém quando vou adicionar algum elemento dentro dele, como foto ou texto, ele se expande. Esse comportamento é normal?
  4. JoaoVituBR

    Grid se organizar

    Olá, Gostaria de saber como eu poderia fazer para que o grid com uma linha que contem uma imagem maior posse comportar duas menores a sua frente! Exemplo de como está: <--AUMENTOU A DIV! Exemplo de como eu gostaria que ficasse: Codigo Usado: (Bootstrap)
  5. Opa! Acabei de lançar minha marca pessoal e meu site também. Ah, se forem testar o responsivo pelo desktop não irá funcionar. Mobile e afins somente nos dispositivos correspondentes. Bom, seguem links: Valeu!
  6. gilbertjuniors

    Como montar este layout

    Pessoal, boa tarde. Fiquei um tempo sem desenvolver nenhum website, estou cursando banco de dados e, resolvi reciclar meus conhecimentos de webdesign. Me deparei com um tipo de layout onde os textos e imagens se movem em função da movimentação da barra de rolagem e, uma um background continua estático. (exemplo este site: http://www.devicelab.com.br). Como eu crio este efeito dentro dos padrões W3C?
  7. André Bittencourt

    Criando layouts para web com tela de retina

    Algum de vocês usa tela de retina do Mac para criar layouts para web? Comprei um Macbook e estou tendo problemas pois quando crio com 72dpis ele fica menor que o tamanho original em 100%, eu tenho que dar um zoom e deixar ele em 200% para ficar do tamanho original do layout, o problema é que em 200% eu reparo que as fontes ficam um pouco distorcidas. Vi em alguns vídeo no Youtube pessoas mostrando que colocando para abrir o programa em baixa resolução resolve o problema, questão que meus layouts ficaram distorcidos da mesma maneira. Abraços
  8. douglas79

    Layout mexe ao clicar nos links

    Boa noite, Estou desenvolvendo um sistema e montei um layout. Só que quando vou clicar nos links, ora mexe pra esquerda, ora pra direita. O que pode ser isso? Vou postar parte do código em CSS: div#geral{width: 1000px; height:auto;} *{padding:0;margin:0 auto;} section#cad-guardas{width:830px;height:auto;float:left;} Por exemplo, quando clico nessa página, ela dá uma 'sambada' pra direita e chamo a outra vai pra esquerda. Falta alguma coisa? Aguardo respostas e peço ajuda de todos! []'s
  9. olá, galera, bom dia! estou iniciando na área de banco de dados, estou com uma dúvida. queria importar os dados de uma base que está no formato txt para um banco de dados. a base é de campos de tamanho fixo como mostra o exemplo do layout. estou enviando, abaixo, os modelos. 00espelho cadunico 7 municipal 05.791803201718032017 1190197506119 9815065590municipio de santa luzia do para 119019750611900058059962 01090320021512201532100000170021506559 211001003032015bairro natolandia rua jose cirino 0000000000000770 casa 68644000 prox ao comercio do bena yuri lorran rocha 01687294232 27082017127082015 119019750611900058059962 02110402161113111 119019750611900058059962 032 1 10601 1 1 1000100000001000140000450001400000001000001unidade saude da familia sao pedro 000002676095cras casas familias da terra querida 015065504324 119019750611900058059962 09910991172365ls000000000000nnn0@0.aa 0 119019750611900058059962 11 12 199 11000 11901975061190005805996200002742853 0429092009151220153206antonia maiara dos reis silva 16061307145 208012000031maria de nazare dos reis 0manoel conceicao miranda da silva 01pa1santa luzia do para 15065591 11 0690208227069069020822706916061307145 11901975061190005805996200002742853 051cartorio publico de 26 448 13052000pasanta luzia do para 1506559 00012893 11901975061190005805996200002742853 062 11901975061190005805996200002742853 0711e m e f joao gomes 1pasanta luzia do para 15065591554093610506 11901975061190005805996200002742853 0822 0000012 000001000001000001000001000001 11901975061190005805996200002742854 0429092009151220154204maria valdiane dos reis 16061598964 223031990 4maria de nazare dos reis 0 12pa1ourem 15054031 11 0920329527092092032952709216061598964 11901975061190005805996200002742854 051santa luzia do para 9 23 15031993paourem 1505403 02555678204 03112010passp 00592370006321092010pa00656303213760041018300004321 00000000000007084531 11901975061190005805996200002742854 062 11901975061190005805996200002742854 0713 04041 11901975061190005805996200002742854 08 000050 11901975061190005805996200002742854 19 0000000000006 mudanca de endereco ocorrida anteriormente a versao 7 11901975061190005805996200002742855 0429092009151220154208naiara conceicao dos reis silva 16659955772 210092004034maria de nazare dos reis 0manoel conceicao miranda da silva 02pa1capanema 15022021 11 2690521906269269052190626916659955772 11901975061190005805996200002742855 051santa luzia 32a 169v 17112004pa 00016330 11901975061190005805996200002742855 062 11901975061190005805996200002742855 0724 11901975061190005805996200002742855 19230720129934016028203 11901975061190005805996200002742856 0429092009151220154203valdemir do socorro dos reis 16556267474 115101991034maria de nazare dios reis 0 12pa1ourem 15054031 11 1610256302161438024863643800000000000 11901975061190005805996200002742856 051carlos augusto magal 7a v23 15031993pa 02736085256 22122009passp 00303240006105122009pa00656316413170041018300015148 00000000000006906623 11901975061190005805996200002742856 062 modelo layout Claro que o banco de dados é bem maior, porém sabendo como iniciar fica mais fácil o restante.
  10. Tenho visto inúmeros sites com um mesmo padrão de layout, ( e quando você clica em algum menu, voce é direcionado para o item correspondente porem geralmente na mesma pagina ). Gostaria de saber se foram desenvolvidos com wordpress, magento, joomla ou o que ? E qual o Tema Utilizado ? Ex: https://agenciasync.com/ http://www.lpenha.com.br/ https://www.atualint.com.br/
  11. olá, galera, boa tarde! estou iniciando na área de banco de dados, estou com uma dúvida. tenho uma base de dados e seu respectivo layout, gostaria de criar as tabelas a partir desses dados. estou enviando, abaixo, os modelos. modelo código dados em txt 00espelho cadunico 7 municipal 05.791803201718032017 1190197506119 9815065590municipio de santa luzia do para 119019750611900058059962 01090320021512201532100000170021506559 211001003032015bairro natolandia rua jose cirino 0000000000000770 casa 68644000 prox ao comercio do bena yuri lorran rocha 01687294232 27082017127082015 119019750611900058059962 02110402161113111 119019750611900058059962 032 1 10601 1 1 1000100000001000140000450001400000001000001unidade saude da familia sao pedro 000002676095cras casas familias da terra querida 015065504324 119019750611900058059962 09910991172365ls000000000000nnn0@0.aa 0 119019750611900058059962 11 12 199 11000 11901975061190005805996200002742853 0429092009151220153206antonia maiara dos reis silva 16061307145 208012000031maria de nazare dos reis 0manoel conceicao miranda da silva 01pa1santa luzia do para 15065591 11 0690208227069069020822706916061307145 11901975061190005805996200002742853 051cartorio publico de 26 448 13052000pasanta luzia do para 1506559 00012893 11901975061190005805996200002742853 062 11901975061190005805996200002742853 0711e m e f joao gomes 1pasanta luzia do para 15065591554093610506 11901975061190005805996200002742853 0822 0000012 000001000001000001000001000001 11901975061190005805996200002742854 0429092009151220154204maria valdiane dos reis 16061598964 223031990 4maria de nazare dos reis 0 12pa1ourem 15054031 11 0920329527092092032952709216061598964 11901975061190005805996200002742854 051santa luzia do para 9 23 15031993paourem 1505403 02555678204 03112010passp 00592370006321092010pa00656303213760041018300004321 00000000000007084531 11901975061190005805996200002742854 062 11901975061190005805996200002742854 0713 04041 11901975061190005805996200002742854 08 000050 11901975061190005805996200002742854 19 0000000000006 mudanca de endereco ocorrida anteriormente a versao 7 11901975061190005805996200002742855 0429092009151220154208naiara conceicao dos reis silva 16659955772 210092004034maria de nazare dos reis 0manoel conceicao miranda da silva 02pa1capanema 15022021 11 2690521906269269052190626916659955772 11901975061190005805996200002742855 051santa luzia 32a 169v 17112004pa 00016330 11901975061190005805996200002742855 062 11901975061190005805996200002742855 0724 11901975061190005805996200002742855 19230720129934016028203 11901975061190005805996200002742856 0429092009151220154203valdemir do socorro dos reis 16556267474 115101991034maria de nazare dios reis 0 12pa1ourem 15054031 11 1610256302161438024863643800000000000 11901975061190005805996200002742856 051carlos augusto magal 7a v23 15031993pa 02736085256 22122009passp 00303240006105122009pa00656316413170041018300015148 00000000000006906623 11901975061190005805996200002742856 062 modelo layout
  12. Olá pessoal. Criei um simples formulário de login em uma página. Quando acesso em outros dispositivos como smatphones o formulário não se ajusta perfeitamente e acaba se sobrepondo à uma imagem que tem logo abaixo. Alguém pode me dar uma orientação onde estou errando? Segue o link aqui Valeu
  13. Olá, Estou desenvolvendo um aplicativo, para gerar os dados para enviar a BoaVista, mas no manual não explica a estrutura que deve ser montada o arquivo, apenas os campos do layout e o tamanho. Alguém já mexeu com esse layout, ou poderia me ajudar. Obrigado.
  14. Olá pessoal, bom dia! Postei ontem uma matéria nova: "Ilustrando fotos estilo dinheiro". Espero que gostem. Qualquer duvida, é só chamar. *Aguardo sugestões para as próximas matérias. Abraço a todos.
  15. Olá... - Gostaria de uma idéia para como montar um campo select de form com um input para que esse seja responsavel por uma pesquisa interna dos options desse select. - A pesquisa farei com js, onde escrevo no input e o keyup percorre aquele conteudo, mostrando somente o digitado. - O problema é: Como faço para que o mecanismo fique harmonioso, porque o input deve aparecer somente quando clicar no select... mas quando clico no input para escrever, o select se fecha... - Compreendem? Alguma idéia, códigos?
  16. Pessoal, estou usando o Jade para fazer um layout padrão, pois varias telas do meu site irão utilizar um mesmo layout (menu). Peguei um layout gratuito: http://startbootstrap.com/template-categories/admin-dashboard/ E estou montando uma estrutura de "includes", separando por: - dashboard - que vai juntar tudo (head, menus , corpo e scripts) - head - cabecalho e css - menus - menu padrao para as paginas - corpo - que vai ser as paginas de acordo com o menu escolhido - scripts - javascripts Mas, quando exibe a pagina, exibe com os Menus ja expandidos (abertos), e nao sei como fazer para deixar os menus fechados. Segue os arquivos: -- dashboard.jade doctype html html(lang='en') include head body include menu_ // /#page-wrapper // /#wrapper include scripts -- head.jade block head head meta(charset='utf-8') meta(http-equiv='X-UA-Compatible', content='IE=edge') meta(name='viewport', content='width=device-width, initial-scale=1') meta(name='description', content='') meta(name='author', content='') title Cuidamos // Bootstrap Core CSS link(href='../../stylesheets/bootstrap/bootstrap.min.css', rel='stylesheet') // MetisMenu CSS link(href='../../stylesheets/metisMenu/metisMenu.min.css', rel='stylesheet') // Timeline CSS link(href='../../stylesheets/dist/timeline.css', rel='stylesheet') // Custom CSS link(href='../../stylesheets/dist/sb-admin-2.css', rel='stylesheet') // Morris Charts CSS link(href='../../stylesheets/morrisjs/morris.css', rel='stylesheet') // Custom Fonts link(href='../../stylesheets/font-awesome/font-awesome.min.css', rel='stylesheet') link(href='../../stylesheets/style.css', rel='stylesheet') -- menu_.jade block menu nav.navbar.navbar-default.navbar-static-top(role='navigation', style='margin-bottom: 0') // INICIO CONTEM HEADER + MENU .navbar-header // INICIO SB ADMIN 2 button.navbar-toggle(type='button', data-toggle='collapse', data-target='.navbar-collapse') span.sr-only Toggle navigation span.icon-bar span.icon-bar span.icon-bar a.navbar-brand(href='index.html') Dash // FIM SB ADMIN 2 // /.navbar-header ul.nav.navbar-top-links.navbar-right // INICIO ICONES CANTO SUPERIOR DIREITO li.dropdown a.dropdown-toggle(data-toggle='dropdown', href='#') i.fa.fa-envelope.fa-fw i.fa.fa-caret-down ul.dropdown-menu.dropdown-messages li a(href='#') div strong John Smith span.pull-right.text-muted em Yesterday div | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eleifend... li.divider li a(href='#') div strong John Smith span.pull-right.text-muted em Yesterday div | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eleifend... li.divider li a(href='#') div strong John Smith span.pull-right.text-muted em Yesterday div | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eleifend... li.divider li a.text-center(href='#') strong Read All Messages i.fa.fa-angle-right // /.dropdown-messages // /.dropdown li.dropdown a.dropdown-toggle(data-toggle='dropdown', href='#') i.fa.fa-tasks.fa-fw i.fa.fa-caret-down ul.dropdown-menu.dropdown-tasks li a(href='#') div p strong Task 1 span.pull-right.text-muted 40% Complete .progress.progress-striped.active .progress-bar.progress-bar-success(role='progressbar', aria-valuenow='40', aria-valuemin='0', aria-valuemax='100', style='width: 40%') span.sr-only 40% Complete (success) li.divider li a(href='#') div p strong Task 2 span.pull-right.text-muted 20% Complete .progress.progress-striped.active .progress-bar.progress-bar-info(role='progressbar', aria-valuenow='20', aria-valuemin='0', aria-valuemax='100', style='width: 20%') span.sr-only 20% Complete li.divider li a(href='#') div p strong Task 3 span.pull-right.text-muted 60% Complete .progress.progress-striped.active .progress-bar.progress-bar-warning(role='progressbar', aria-valuenow='60', aria-valuemin='0', aria-valuemax='100', style='width: 60%') span.sr-only 60% Complete (warning) li.divider li a(href='#') div p strong Task 4 span.pull-right.text-muted 80% Complete .progress.progress-striped.active .progress-bar.progress-bar-danger(role='progressbar', aria-valuenow='80', aria-valuemin='0', aria-valuemax='100', style='width: 80%') span.sr-only 80% Complete (danger) li.divider li a.text-center(href='#') strong See All Tasks i.fa.fa-angle-right // /.dropdown-tasks // /.dropdown li.dropdown a.dropdown-toggle(data-toggle='dropdown', href='#') i.fa.fa-bell.fa-fw i.fa.fa-caret-down ul.dropdown-menu.dropdown-alerts li a(href='#') div i.fa.fa-comment.fa-fw | New Comment span.pull-right.text-muted.small 4 minutes ago li.divider li a(href='#') div i.fa.fa-twitter.fa-fw | 3 New Followers span.pull-right.text-muted.small 12 minutes ago li.divider li a(href='#') div i.fa.fa-envelope.fa-fw | Message Sent span.pull-right.text-muted.small 4 minutes ago li.divider li a(href='#') div i.fa.fa-tasks.fa-fw | New Task span.pull-right.text-muted.small 4 minutes ago li.divider li a(href='#') div i.fa.fa-upload.fa-fw | Server Rebooted span.pull-right.text-muted.small 4 minutes ago li.divider li a.text-center(href='#') strong See All Alerts i.fa.fa-angle-right // /.dropdown-alerts // /.dropdown li.dropdown a.dropdown-toggle(data-toggle='dropdown', href='#') i.fa.fa-user.fa-fw i.fa.fa-caret-down ul.dropdown-menu.dropdown-user li a(href='cadastroPacientes.html') i.fa.fa-user.fa-fw | Meu Cadastro li a(href='#') i.fa.fa-gear.fa-fw | Settings li.divider li a(href='login.html') i.fa.fa-sign-out.fa-fw | Logout // /.dropdown-user // /.dropdown // FIM ICONES CANTO SUPERIOR DIREITO // /.navbar-top-links .navbar-default.sidebar(role='navigation') // INICIO DO MENU .sidebar-nav.navbar-collapse ul#side-menu.nav li.sidebar-search .input-group.custom-search-form input.form-control(type='text', placeholder='Search...') span.input-group-btn button.btn.btn-default(type='button') i.fa.fa-search // /input-group li a(href='index.html') i.fa.fa-dashboard.fa-fw | Dashboard li a(href='#') i.fa.fa-bar-chart-o.fa-fw | Charts span.fa.arrow ul.nav.nav-second-level li a(href='#') Flot Charts li a(href='#') Morris.js Charts // /.nav-second-level li a(href='tables.html') i.fa.fa-table.fa-fw | Tables li a(href='forms.html') i.fa.fa-edit.fa-fw | Forms li a(href='#') i.fa.fa-wrench.fa-fw | UI Elements span.fa.arrow ul.nav.nav-second-level li a(href='panels-wells.html') Panels and Wells li a(href='buttons.html') Buttons li a(href='notifications.html') Notifications li a(href='typography.html') Typography li a(href='icons.html') Icons li a(href='grid.html') Grid // /.nav-second-level li a(href='#') i.fa.fa-sitemap.fa-fw | Multi-Level Dropdown span.fa.arrow ul.nav.nav-second-level li a(href='#') Second Level Item li a(href='#') Second Level Item li a(href='#') | Third Level span.fa.arrow ul.nav.nav-third-level li a(href='#') Third Level Item li a(href='#') Third Level Item li a(href='#') Third Level Item li a(href='#') Third Level Item // /.nav-third-level // /.nav-second-level li a(href='#') i.fa.fa-files-o.fa-fw | Sample Pages span.fa.arrow ul.nav.nav-second-level li a(href='blank.html') Blank Page li a(href='login.html') Login Page // /.nav-second-level // /.sidebar-collapse // FIM DO MENU // /.navbar-static-side // FIM CONTEM HEADER + MENU include corpo -- corpo.jade #page-wrapper // INICIO CONTEM CORPO DA PAGINA .col-lg-12 h1.page-header Cadastro header.row .row .form-group .col-md-8(role='main') form(role='form') .row .form-group .jumbotron .container h1 Bem Vindo ! p .row .col-xs-4.col-sm-4.col-md-4 .form-group input#cpfPaciente.form-control.input-xs(name='cpfPaciente', placeholder='cpf (999.999.999-99)', required='', tabindex='1', type='text', value='') .col-xs-4.col-sm-4.col-md-4 .form-group input#dataNascimentoPaciente.form-control.input-xs(name='dataNascimentoPaciente', required='', type='text', placeholder='Data Nascimento (99/99/9999)', value='') .col-xs-4.col-sm-4.col-md-4 .form-group select.form-control.input-xs option option(value='', selected='') Sexo option(value='F') Feminino option(value='M') Masculino .row .col-xs-6.col-sm-6.col-md-6 .form-group input#first_name.form-control.input-xs(type='text', name='first_name', placeholder='Nome') .col-xs-6.col-sm-6.col-md-6 .form-group input#last_name.form-control.input-xs(type='text', name='last_name', placeholder='Sobrenome') .row .col-xs-6.col-sm-6.col-md-6 .form-group input#email.form-control.input-xs(type='email', name='email', placeholder='Email') .col-xs-6.col-sm-6.col-md-6 .form-group input#confirmeEmail.form-control.input-xs(type='email', name='confirmeEmail', placeholder='Confirme Email') .row .col-xs-4.col-sm-4.col-md-4 .form-group input#senha.form-control.input-xs(type='password', name='senha', placeholder='Senha') .col-xs-4.col-sm-4.col-md-4 .form-group input#confirmeSenha.form-control.input-xs(type='password', name='confirmeSenha', placeholder='Confirme Senha') .row .col-xs-4.col-sm-4.col-md-4 .form-group label Endereço: .row .col-xs-4.col-sm-4.col-md-4 .form-group input#cepPaciente.form-control.input-xs(name='cepPaciente', required='', type='text', placeholder='Cep (99999-999)', value='') .row .col-xs-6.col-sm-6.col-md-6 .form-group input#ruaPaciente.form-control.input-xs(name='ruaPaciente', required='', type='text', placeholder='Rua', value='') .col-xs-2.col-sm-2.col-md-2 .form-group input#numeroRuaPaciente.form-control.input-xs(name='numeroRuaPaciente', required='', type='text', placeholder='Numero', value='') .col-xs-4.col-sm-4.col-md-4 .form-group input#complementoRuaPaciente.form-control.input-xs(name='complementoRuaPaciente', required='', type='text', placeholder='Complemento', value='') .row .col-xs-4.col-sm-4.col-md-4 .form-group select#estado.form-control.m-bot15(name='estado') option(value='') Selecione Estado option(value='1') AC-ACRE option(value='2') AL-ALAGOAS option(value='3') AP-AMAPÁ option(value='4') AM-AMAZONAS option(value='5') BA-BAHIA option(value='6') CE-CEARÁ option(value='7') DF-DISTRITO FEDERAL option(value='8') ES-ESPÍRITO SANTO option(value='9') RR-RORAIMA option(value='10') GO-GOIÁS option(value='11') MA-MARANHÃO option(value='12') MT-MATO GROSSO option(value='13') MS-MATO GROSSO DO SUL option(value='14') MG-MINAS GERAIS option(value='15') PA-PARÁ option(value='16') PB-PARAÍBA option(value='17') PR-PARANÁ option(value='18') PE-PERNAMBUCO option(value='19') PI-PIAUÍ option(value='20') RJ-RIO DE JANEIRO option(value='21') RN-RIO GRANDE DO NORTE option(value='22') RS-RIO GRANDE DO SUL option(value='23') RO-RONDÔNIA option(value='24') TO-TOCANTINS option(value='25') SC-SANTA CATARINA option(value='26') SP-SÃO PAULO option(value='27') SE-SERGIPE .col-xs-4.col-sm-4.col-md-4 .form-group input#cidade.form-control.input-xs(name='cidade', required='', type='text', placeholder='Cidade', value='') .col-xs-4.col-sm-4.col-md-4 .form-group input#bairro.form-control.input-xs(name='bairro', required='', type='text', placeholder='Bairro', value='') .row .col-xs-4.col-sm-4.col-md-4 .form-group input#telefoneFixoPaciente.form-control.input-xs(name='telefoneFixoPaciente', required='', type='text', placeholder='Telefone (99-9999-9999)', value='') .col-xs-4.col-sm-4.col-md-4 .form-group input#celularPaciente.form-control.input-xs(name='celularPaciente', required='', type='text', placeholder='Celular (99-99999-9999)', value='') .row .col-xs-4.col-sm-4.col-md-4 .form-group label Se possuir Convênio Médico: .row .col-xs-4.col-sm-4.col-md-4 .form-group select#convenio.form-control.m-bot15(name='convenio') option(value='') Selecione Convenio Medico option(value='1') AC-ACRE .col-xs-4.col-sm-4.col-md-4 .form-group input#planoConvenioMedico.form-control.input-xs(name='planoConvenioMedico', required='', type='text', placeholder='Plano Convenio Medico', value='') .col-xs-4.col-sm-4.col-md-4 .form-group input#numeroCarteirinhaConvenio.form-control.input-xs(name='numeroCarteirinhaConvenio', required='', type='text', placeholder='Numero Completo Carteirinha', value='') .row .col-xs-4.col-sm-4.col-md-4 .form-group label Se Menor de Idade, Informar um Responsável: .row .col-xs-4.col-sm-4.col-md-4 .form-group input#nomeResponsavel.form-control(type='text', name='nomeResponsavel', value='Nome do Responsavel') .col-xs-4.col-sm-4.col-md-4 .form-group input#cpfResponsavel.form-control(type='text', name='cpfResponsavel', value='CPF do Responsavel') .col-xs-4.col-sm-4.col-md-4 .form-group input#telefoneResponsavel.form-control(name='telefoneResponsavel', type='text', value='Tel Responsavel') .row .col-xs-4.col-sm-4.col-md-4 .form-group .col-xs-4.col-sm-4.col-md-4 .form-group(style='text-align:center') input.btn.btn-success.btn-lg(type='submit', value='Cadastrar') aside.col-md-4(role='complementary') footer.row // FIM CONTEM CORPO DA PAGINA Se alguem conseguir me dar uma luz para resolver isso...
  17. Diego Rinno

    Preciso de Opiniões

    Bom dia a todos(as)! Estou finalizando um e-commerce que já venho mantendo há algum tempo pelo MercadoLivre mas agora resolvi fazer meu próprio site. Queria que olhassem e dessem sua opinião sincera do que está ruim e do que poderia melhorar, o que acham do layout de forma geral ou detalhada. Enfim, preciso de opiniões diversas pra saber se estou indo pelo caminho certo ou se excluo o site inteiro e refaço do zero, o que for necessário. O site é www.rinnoshop.com. Ainda não está finalizado, quero opiniões mais relacionadas ao layout e navegabilidade, mas qualquer ideia é sempre bem-vinda também. Agradeço a ajuda de quem puder e me desculpem se aqui não for a área certa pra esse tipo de coisa (se não for, por favor digam também). Desde já agradeço a ajuda.
  18. Diego Rinno

    Preciso de Opiniões

    Bom dia a todos(as)! Estou finalizando um e-commerce que já venho mantendo há algum tempo pelo MercadoLivre mas agora resolvi fazer meu próprio site. Queria que olhassem e dessem sua opinião sincera do que está ruim e do que poderia melhorar, o que acham do layout de forma geral ou detalhada. Enfim, preciso de opiniões diversas pra saber se estou indo pelo caminho certo ou se excluo o site inteiro e refaço do zero, o que for necessário. Ainda não está finalizado, quero opiniões mais relacionadas ao layout e navegabilidade, mas qualquer ideia é sempre bem-vinda também. Agradeço a ajuda de quem puder e me desculpem se aqui não for a área certa pra esse tipo de coisa (se não for, por favor digam também). Desde já agradeço a ajuda.
  19. Gabriel Orlando

    Responsivo - Quebrando layout dos produtos

    Pessoal, boa tarde! Estou com um problema, nesse site aqui eu coloquei os produtos para exibirem em 4 colunas, porém, ele quebra o layout e só aparece 3, pois, provavelmente o width não é suficiente para colocar todos os produtos, além disso, quando eu vejo no responsivo, ele não faz um alinhamento dos produtos da coluna debaixo, por exemplo, na primeira linha tem os 4 produtos, depois, quando eu diminuir a tela, ele desce pra 3, 2 e depois 1 (de acordo com o tamanho), mas os produtos da linha debaixo, não sao alinhados com os da primeira... Alguém pode me ajudar? Dar uma dica ou alguma coisa? Obrigado!
  20. Ola pessoas do forum.. é o seguinte, tenho um codigo html que formula o menu do meu do site. nele temos diversos botoes, que eu criei com divs alinhadas, embaixo destes botoes tem o rodape, com o copry, e uma seta para voltar a pagina anterior, porem sempre que eu vou alinhar este botao, e o cpry no fundo ele vai ficando no meio da pagina e sobrescrevendo o conteudo do menu e agora vou colocar o codigo, se voces juntarem da pra vizualiza. <DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="style123456789/menu.css"/> <link href='https://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'> <SCRIPT LANGUAGE="JavaScript"> function disableselect(e){ return false } function reEnable(){ return true } //if IE4+ document.onselectstart=new Function ("return false") document.oncontextmenu=new Function ("return false") //if NS6 if (window.sidebar){ document.onmousedown=disableselect dosument.onclick=reEnable } </script> </head> <body> <div class="logo"> <img src="midia/LL.png" height="130px" width="130px"> </div> <div class="titulo"> <h1>FRIGORÍFICO (Tipos de Compra)</h1> </div> <div class="container1"> <div class="linha"> <div class="tile vermelho"> <a href="menu.html" style="color:#ffffff">FRIGORÍFICO</a> <div class="tilemenor branco"> <a href="menu.html"><img src="midia/suino_bordo.png"></a> </div> </div> <div class="tile azul"> <a href="ativo_imobilizado.html" style="color:#ffffff">Ativo Imobilizado</a> <div class=" tilemenor branco"> <a href="menu.html"><img src="midia/suino_bordo.png"></a> </div> </div> <div class="tile ciano"> <a href="ativo_imobilizado.html" style="color:#ffffff">Transporte:Compra de MP, ME E MI</a> <div class=" tilemenor branco"> <a href="menu.html"><img src="midia/suino_bordo.png"></a> </div> </div> <div class="tile verde_desbot"> <a href="ativo_imobilizado.html" style="color:#ffffff">Carvão</a> <div class=" tilemenor branco"> <a href="menu.html"><img src="midia/suino_bordo.png"></a> </div> </div> <div class="tile rosa"> <a href="ativo_imobilizado.html" style="color:#ffffff">Embalagens de Papelão</a> <div class=" tilemenor branco"> <a href="menu.html"><img src="midia/suino_bordo.png"></a> </div> </div> <div class="tile marrom"> <a href="ativo_imobilizado.html" style="color:#ffffff">Etiquetas</a> <div class=" tilemenor branco"> <a href="menu.html"><img src="midia/suino_bordo.png"></a> </div> </div> <div class="tile ceu"> <a href="ativo_imobilizado.html" style="color:#ffffff">Lenha</a> <div class=" tilemenor branco"> <a href="menu.html"><img src="midia/suino_bordo.png"></a> </div> </div> <div class="tile marrom"> <a href="ativo_imobilizado.html" style="color:#ffffff">Transporte:Compra Mat.Diversos</a> <div class=" tilemenor branco"> <a href="menu.html"><img src="midia/suino_bordo.png"></a> </div> </div> <div class="tile verde_desbot"> <a href="ativo_imobilizado.html" style="color:#ffffff">Prestação de Serviço</a> <div class=" tilemenor branco"> <a href="menu.html"><img src="midia/suino_bordo.png"></a> </div> </div> <div class="tile rosa"> <a href="ativo_imobilizado.html" style="color:#ffffff">Embalagens Plásticas</a> <div class=" tilemenor branco"> <a href="menu.html"><img src="midia/suino_bordo.png"></a> </div> </div> <div class="tile vermelho"> <a href="ativo_imobilizado.html" style="color:#ffffff">Outras Embalagens</a> <div class=" tilemenor branco"> <a href="menu.html"><img src="midia/suino_bordo.png"></a> </div> </div> <div class="tile ciano"> <a href="ativo_imobilizado.html" style="color:#ffffff">Energia Elétrica</a> <div class=" tilemenor branco"> <a href="menu.html"><img src="midia/suino_bordo.png"></a> </div> </div> <div class="tile vermelho"> <a href="ativo_imobilizado.html" style="color:#ffffff">Óleo Diesel(prod acabado)</a> <div class=" tilemenor branco"> <a href="menu.html"><img src="midia/suino_bordo.png"></a> </div> </div> <div class="tile azul"> <a href="ativo_imobilizado.html" style="color:#ffffff">Gás Industrial</a> <div class=" tilemenor branco"> <a href="menu.html"><img src="midia/suino_bordo.png"></a> </div> </div> <div class="tile rosa"> <a href="ativo_imobilizado.html" style="color:#ffffff">Manutenção Geral</a> <div class=" tilemenor branco"> <a href="menu.html"><img src="midia/suino_bordo.png"></a> </div> </div> <div class="tile ceu"> <a href="ativo_imobilizado.html" style="color:#ffffff">MP:Temperos e Condimentos</a> <div class=" tilemenor branco"> <a href="menu.html"><img src="midia/suino_bordo.png"></a> </div> </div> <div class="tile azul"> <a href="ativo_imobilizado.html" style="color:#ffffff">Medicamentos Veterinários</a> <div class=" tilemenor branco"> <a href="menu.html"><img src="midia/suino_bordo.png"></a> </div> </div> <div class="tile verde_desbot"> <a href="ativo_imobilizado.html" style="color:#ffffff">Man.Veículos Trans.Prod Acabado</a> <div class=" tilemenor branco"> <a href="menu.html"><img src="midia/suino_bordo.png"></a> </div> </div> <div class="tile marrom"> <a href="ativo_imobilizado.html" style="color:#ffffff">MP:Milho e farejo</a> <div class=" tilemenor branco"> <a href="menu.html"><img src="midia/suino_bordo.png"></a> </div> </div> <div class="tile ciano"> <a href="ativo_imobilizado.html" style="color:#ffffff">Telefone</a> <div class=" tilemenor branco"> <a href="menu.html"><img src="midia/suino_bordo.png"></a> </div> </div> <div class="tile vermelho"> <a href="ativo_imobilizado.html" style="color:#ffffff">Manutenção Industrial</a> <div class=" tilemenor branco"> <a href="menu.html"><img src="midia/suino_bordo.png"></a> </div> </div> <div class="tile ciano"> <a href="ativo_imobilizado.html" style="color:#ffffff">Óleo Diesel(caminhões MP)</a> <div class=" tilemenor branco"> <a href="menu.html"><img src="midia/suino_bordo.png"></a> </div> </div> <div class="tile marrom"> <a href="ativo_imobilizado.html" style="color:#ffffff">Man.Veiculos Transp. Mat prima</a> <div class=" tilemenor branco"> <a href="menu.html"><img src="midia/suino_bordo.png"></a> </div> </div> <div class="tile marrom"> <a href="ativo_imobilizado.html" style="color:#ffffff">MP:C.M.S</a> <div class=" tilemenor branco"> <a href="menu.html"><img src="midia/suino_bordo.png"></a> </div> </div> <div class="tile marrom"> <a href="ativo_imobilizado.html" style="color:#ffffff">MP:Carne Bovina</a> <div class=" tilemenor branco"> <a href="menu.html"><img src="midia/suino_bordo.png"></a> </div> </div> <div class="tile marrom"> <a href="ativo_imobilizado.html" style="color:#ffffff">MP:Carne de Frango</a> <div class=" tilemenor branco"> <a href="menu.html"><img src="midia/suino_bordo.png"></a> </div> </div> <div class="tile marrom"> <a href="ativo_imobilizado.html" style="color:#ffffff">MP:Carne Suína</a> <div class=" tilemenor branco"> <a href="menu.html"><img src="midia/suino_bordo.png"></a> </div> </div> <div class="tile marrom"> <a href="ativo_imobilizado.html" style="color:#ffffff">MP:Suplementos/Núcleo</a> <div class=" tilemenor branco"> <a href="menu.html"><img src="midia/suino_bordo.png"></a> </div> </div> </div> </div> <div class="footer"> </div> </body> </html> css body{ overflow-x:hidden; width:100%; height:100%; font-family: 'Fjalla One', sans-serif; background:#a1312f; color: #000000; padding:0%; margin:0%; } h1{ font-family:'Fjalla One', sans-serif; color:#ffffff; font-size:30px; padding:10px; } h2{ position:absolute; bottom:32px; left:2px; width:80%; } .container1{ background:#a1312f; width:100%; height:100px; padding:10px; } .linha{ width:auto; padding:0px; height:120px;/*120px;*/ display:table; text-align:center; margin:0px 0px 0px 50px; float:left; } .tile{ float:left; padding:2px; height:110px; width:160px; border-radius:7px; text-align:center; margin:5px 0px 0px 5px; position:relative; } .tilemenor{ border-radius:10px; margin:3px 0px 10px 25px; height:55%; width:65%; position:absolute; bottom:0px; } .footer{ position:absolute; bottom:0px; background:#ffffff; height:7.8125%;/*60px;*/ width:100%; } .logo img{ height:80px;/*130px;*/ width:80px;/*130px;*/ float:right; } img{ height:50px;/*50px;*/ width:50px;/*50px;*/ display:inline; margin:10px; } .tile a{ color:#ffffff; text-decoration:none; font-size:14px; } .branco{ background:#ffffff; } .vermelho{ background:#E9967A; } .azul{ background:#4682B4; } .amarelo{ background: #E8E8E8; } .verde_desbot{ background:#8FBC8F; } .marrom{ background:#DEB887; } .ceu{ background:#ADD8E6; } .rosa{ background:#9370DB; } .ciano{ background:#5F9EA0; }
  21. Ola tenho uma imagem, insegrida no meu layout que era fixo e estou tentando trnasformar em responsivo o problema e que todos os elementios estao funcionando, menos a imagem, alem de que ela cria uma enorma area vazia lateral, criando uma barra de rolagem enorme vei um trecho do codigo, oque eu queria era colocala no canto , e uma logo, bem pequena, porem com o layout fixo era facil, usava um position:absolute; top:tantantan; left:tantantan; heigth:tatata; width:tatata; assim ja funfava olha como esta meu codigo .logo{ width:130px; height:130px; } .logo img{ max-width:100%; height:auto; } tenho a div de class logo e a img tentei forçala ela ate fika do tamanho mas com vou posicionala assim ela carrega onde quer, e se eu travo ela como antes ela nao redimensiona e agora??
  22. Tenho uma página com um layout em grid que funciona bem de forma responsiva. A estrutura básica é de 3 colunas com a janela maximizada. Colocando nas resoluções mobile fica uma coluna apenas, o que é perfeito. Meu problema é manter essa estrutura de 3 colunas na prática quando carrego conteúdo dinâmico vindo do banco de dados numa única div. Colocando na resolução mobile está ok, já que se alinha em uma única coluna. A imagem abaixo ilustra várias divs estáticas. Existe uma maneira de alinhar uma mesma div lado a lado como se fosse de conteúdo estático?
  23. phelps abreu

    Chrome e IE carregam sites desconfigurados

    Minha irmã me pediu pra fazer uma faxina no notebook dela (win 8.1 64 bits) porque tinha muita coisa salva e queria ele 0. Aí fui na opção de recuperação e remover tudo e reinstalar o Windows. Até aí, tudo bem. Concluiu a operação, instalei o Office pra ela e o Chrome, como ela pediu por usar muito os dois. Mas quando ela foi usar o Chrome, percebeu que a visualização do design do theme dela do Tumblr estava toda desconfigurada, e não correta como no dia anterior ao processo. Ela testou carregar o blog no Internet Explorer, deu a mesma coisa. Ela usa a internet da NET, que usa configurações automáticas, não usa proxy nem IP de terceiros. Mesmo assim, só por desencargo de consciência, fui verificar no Chrome e no painel de controle na parte de redes e estava tudo ok, automático. O mesmo com o Internet Explorer. Aí pensei na possibilidade de ser alguma infecção, e rodei o adwcleaner nele. Achou um search e umas coisas sem importância que foram eliminadas. Dei flush no dns, restaurei o host, e nada. Continuava dando visualização desconfigurada (como mostra a imagem). E no desktop e no meu mac o blog abre corretamente, com as caixas de postagem, a sidebar... tudo configurado e estruturado. Rodei no notebook dela kaspersky, spyware doctor, superantispyware, emsisoft antimalware, zhpcleaner, herdprotect, dr web, bankerfix, nod32, atualizei o flash e o java. Desinstalei e reinstalei ambos, assim como o Chrome. Atualizei o sistema (pela primeira vez desde que fiz o processo), e nada. Não consigo encontrar o erro. E o mais engraçado é que baixei o Safari e ele abriu o blog corretamente, mas ele é um navegador inferior e mais lento, o que ela não gosta. Estou com o notebook dela e não sei mais o que fazer. Alguma luz?
  24. raPPa

    Editar Template

    Olá galera, estou com dificuldades para editar um Layout, eu queria encurtar o lado esquerdo "position-20". Deixa tipo 30% do lado esquerdo (position-20) e 70% do lado direito(position-21). Alguém poderia me ajudar? Posso postar ou enviar o template.css. Tentei mexer nele mas não tive êxito.
×

Important Information

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