Início > Dicas / Tips > Prototipando com Placehold.it

Prototipando com Placehold.it

Desenvolvendo um novo website ASP.NET MVC 3 com C#, precisei posicionar um carousel na página, e queria preenchê-lo com alguns items de tamanho: 900 x 300.

Possibilidades:

1. Utilizar algum editor e criar uma imagem com o tamanho 900 width x 300 height.

2. Usar o serviço placehold.it.

PrintScreen do site Placehold.it

Obviamente optei pela opção de utilizar o Placehold.it. É um serviço muito útil nessa situação.

Utilizando o serviço rapidamente obtemos vários tipos de placeholders para prototipar nossos sites:

  • Placeholder de tamanho 150×150 contendo texto:

Código HTML: <img src=”http://placehold.it/150×150&text=placehold.it+e+muito+bom!”/&gt;

  • Placeholder de tamanho 300×300 com background preto e foreground branco:

Código HTML: <img src=”http://placehold.it/300/000000/eeeeee&text=placehold.it+quebra+um+galho!”/&gt;

 

E por fim o carousel que criei com a ajuda do Twitter Bootstrap e do Placehold.it:

Item de carousel usando imagem do Placehold.it

Anúncios
  1. Robson
    12 - 14 às 8:56 am

    Comprei um template que vem pronto, a orientação da documentação diz para colocar uma imagem do mesmo tamanho na pasta images e funcionaria, mas não funcionou. Vc pode me ajudar? como resolvo isso?

    • 12 - 14 às 9:02 am

      Olá Robson, você sabe editar HTML? No seu caso, você tem que substituir as imagens da pasta images com as suas, inclusive utilizando o mesmo nome de arquivo. Já utilizei vários templates, mas por saber editar html, eu utilizo nomes de arquivos diferentes, e faço o apontamento no html para o arquivo que eu inclui.

  2. 08 - 15 às 10:05 pm

    Também estou enfrentando este problema. Substituo o placeholder.it do CSS pelo path do arquivo físico correto e nada funciona

  1. No trackbacks yet.

Deixar uma Anotação

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s

dotnettips.wordpress.com/

Helping Programmers Since 1994

Viagem e Voo

Dicas para viagens, férias e voos nacionais e internacionais

Ivan Guimarães Meirelles

Analista Desenvolvedor

Void Podcast

Vazio e sem retorno de valor

Elemar DEV

Negócios, tecnologia e desenvolvimento

2,000 Things You Should Know About WPF

Everything a WPF Developer Needs to Know, in Bite-Sized Chunks

blog

so long

Fernando Franzini Blog

Engenharia de Software e Arquitetura Ágil

Gabriel RB.net

Blog técnico, com dicas, códigos, novidades e problemas do dia-a-dia programando.

Alexandre Valente's Blog

Experiências em tecnologia e assuntos diversos

%d blogueiros gostam disto: