No mês passado, lançámos uma revisão completa dos nossos botões de partilha. Nosso objetivo era simplificar o processo de criação de botões e dar às pessoas mais opções de personalização.
Usando nossas opções out-of-the-box, as pessoas com pouca ou nenhuma experiência em web design podem criar uma variedade impressionante de visuais para combinar com seu site - cantos arredondados, cantos quadrados, círculos, quadrados e retângulos - apenas para citar alguns.
Entendemos que há pessoas lá fora que precisam de mais personalização. Você diz que seus botões de compartilhar precisam parecer fuchsia kittens brincando com bolas de fio coloridas? Fico feliz em dizer que você pode fazer isso, e não é tão difícil assim. Aplique alguns seletores CSS ao nosso código, e você está a caminho. Prova A:
Partilhar Isto
263 Acções
Compartilhar
Tweet
Pin
E-mail
Desde o lançamento, nossos novos botões de compartilhamento foram configurados e instalados em milhares de sites. A variedade de implementações não é nada menos que surpreendente. Aqui estão os nossos exemplos favoritos dos novos botões em acção.
1. Ninamu Resort
Não há nada de chique nesta implementação, mas dá um toque elegante à natureza luxuosa deste resort privado da ilha. O Ninamu Resort acrescentou sua própria chamada à ação acima dos botões, mas o resto das opções estão fora da caixa. Tamanho médio, sem etiquetas, alinhamento central e cantos totalmente arredondados criam a forma de botão circular de classe. motuninamu.com
2. Mercado Rebelde
Semelhante ao Ninamu Resort, os botões de acções do Mercado Rebelde foram construídos utilizando configurações "out-of-the-box" - com uma excepção. A Rebels Market adicionou uma única substituição de CSS às fontes dos botões, combinando-as com o resto do seu site. O resultado é sutil e elegante. rebelsmarket.com
3. Vaca Vaca
A CowCow adicionou algumas personalizações adicionais à sua mistura. Ele pegou os botões pequenos padrão e os encolheu em 8px. Também tornou o estado normal de cada canal um cinza consistente e uniforme - para não ofuscar o resto das informações em suas páginas.
4. Divisão de Habitação do Nevada
A Divisão de Habitação do Nevada usou os nossos botões pegajosos como ponto de partida. Com apenas algumas anulações CSS, foi capaz de criar um visual que combina perfeitamente com o seu design visual único. homeispossiblenv.com
5. NASA
Desculpem-me, enquanto eu nerd sai por um segundo aqui. A NASA colocou seus novos botões de compartilhamento no MARS - ou pelo menos seu blog sobre isso. Ele criou um visual limpo removendo as cores de fundo dos canais de compartilhamento e movendo a contagem total de compartilhamentos da esquerda para a direita. mars.nasa.gov
Como você irá projetar seus botões de compartilhamento perfeitos? Crie um conjunto hoje mesmo!
Botões de partilha em linha
Use o inline para colocar botões em um local específico em uma página, como por exemplo, sob manchetes.
Botões de compartilhamento pegajoso
Os botões pegajosos são fixados na lateral da tela no desktop, e na parte inferior da tela no celular.
