intenção do cliente era ter um banner claro, que não forçasse muito a vista de quem está

vendo, e mostrarei o resultado aqui:

BACKGROUND

Primeiramente você precisa definir seu palco, no caso trabalharei com 900×300 px.

Depois de ter definido seu palco, crie um quadrado e coloca a cor dele como “#E5E5E5″

Abra a imagem a seguir redimencione e coloque no seu palco:

[PEGUE A IMAGEM]

Escolha a posição que melhor desejar e em seguida coloque os efeitos Multiply com o Alpha ou

(Opacidade) com 40%

E pronto você tem um Background está pronto!

MENU DE TRANSIÇÃO

Primeiramente você terá que criar dois, um para o número “1″ e outro para o número “2″ onde

o 1 sera uma base Reta e o 2 com um cortado no meio.

Crie um retangulo do tamanho  29×43 px, no “1″ você usará a ferramente “PEN TOOL” para editalo.
Mas antes clique na ponta do quadrado com a ferramenta ”Subselection Tool – Atalho (A)” que vai dexar seu retangulo editaval, logo após clique “pen tool – Atalho (P)” e crie um ponto, na parte supeior do retangululo, e usando a ferramenta Subselection, defina de sua maneira.

Depois de pronto os retangulos, coloque um Linear horizontalmente, e reto e coloque as cores iguais as da imagem

adicione os efeitos

Ficara assim

Pronto, seu menu de navegação no banner está criado!

OVER
Mesma coisa do menu, você precisará cria um diferente, para os número “1″ e “2″, Mas como os

efeitos e o retangulos são os mesmo é só copiar e colar, para deixa-lo diferenciado, puxe um ponto com a ferramenta “Pen tool” para a esqueda uns 5 ou 7 px para dar impressão que está apontando para o produto.
Para ele você usará um linear verticalmente, usando as seguintes cores:


E Pronto, depois é só criar os outros colocar no flash, e seu banner estará pronto, com os overs e menus de navegação funcionando!

EFEITO NA FONTE
O efeito que usamos na fonte é simples de fazer também, usamos a fonte CityDMed.
O Linear do texto será colocado da seguinte maneira:

Os demais efeitos e informações:
* Tamanho 36
* Smooth Anti-Alias
* Photoshop live effects
    -Drop Shadow
_Color “#232B30″
_Opacity 100%
_Size 5
_Distance 2
_Spread 0
_Angle 120
_Noise 0
   – Bevel and Emboss
_Style: Inner Bebel
_Depth: 100
_Technique: Smooth
_Size: 0
_Direction: Up
_Soften: 0
_Angle: 120
_Highlight: Screen “#A7B5BF” Opacidade 100
_Shadow: Multiply “#000000″ Opacidade 0
ENFEITE e TENTE NOVAS IDÉIAS

Lembrando, você sempre pode tentar fazer algo de diferente em cada banner, trocar efeitos, cores para que nunca seje repetitivo o banner.

Mais um site de extrema qualidade foi entregue pela dothCom Consultoria Digital, trata-se do site institucional da Eficas Eficiência em Gasoduto.

A Eficas é uma empresa de Campo Grande-MS focada em prestação de serviços de qualidade para locação, reforma e assistência técnica de equipamentos para empreiteiras e empresas que trabalham em obras de infra-estrutura e construção de gasodutos no Brasil e no mundo.

E pensando no futuro, a empresa resolveu apostar na web para se destacar ainda mais no mercado. Além do mais, o site desenvolvido pela dothCom ficou realmente apresentável e digno de uma grande empresa, como é o caso da Eficas.

O site conta com três opções de idioma, sendo o Português, Espanhol e Inglês, uma vez que a pretenção do grupo Eficas é atenter todos os seus usuários, tanto do mercado local, como internacional.

Além disso, o site conta com uma gama de informações, como a história da empresa, serviços, catálogo de equipamentos, notícias relacionadas a área de atuação e responsabilidade com o meio ambiente.

Vale a pena acessar o site da Eficaz e conhecer ainda mais sobre a empresa e o projeto desenvolvido pela dothCom.

Postado por: Dasayev Teixeira

O conceito utilizado para este site foi a de proporciar um site com um formato de papel reciclato, uma vez que a empresa trabalha com soluções para documentos. Enfim, tentamos passar um visual bacana, agradável aos olhos dos usuários, e ao mesmo tempo um site com a cara da H2L.

O projeto ao todo foi bem trabalhada, sendo necessários em torno de 10 dias para ser concluido o layout, isso sem contar com a área de intranet que o site possui.

Podemos dizer que a H2L inovou mais uma vez, pensou em seu funcionários e principalmente nos clientes.

O site possui as área de intranet, institucionais, soluções, parceiros, projetos sociais, perguntas frequentes e o relacionamento direto com o cliente.

Acesse o site.

Por: Dasayev Teixeira

A principal proposta deste projeto foi transparecer aos usuários a cara da Certfica, ou seja, mostrar os segmentos da empresa e ao mesmo tempo abduzir o cliente a conhecer as vantagens de se patentiar uma marca. Logo de cara os internautas que acessam o site, identifica alguns dos principais clientes que registraram sua marca.

Enfim, o site foi totalmente planejado para ser algo atraente e eficaz, e que suprice as necessidades do cliente no âmbito da WEB.

O resultado foi surpreendende e bem acolhido pela Certfica. Para conhecer um pouco mais sobre a empresa e ver esta case de sucesso feita pela dothCom, basta acessar o site.

www.certfica.com.br

Por: Dasayev Teixeira

Com o tempo e com a propagação do webstandards essa tag passou a ficar obsoleta. Aconselha-se utlizar a seguinte linha de CSS para textos sem quebras:

.nobr {white-space: nowrap; }

Até a próxima.

Neste post vou mostrar como centralizar uma div (ou qualquer outro elemento). Com dois casos, o primeiro e mais fácil com altura fixa e o segundo sem altura definida (altura depende do conteúdo).

Para elementos com altura fixa, basta usar posicionamento absoluto, definir o top e left com 50% e puxar negativamente a metade da largura/altura. Seu elemento de altura fixa estará centralizado.

Já para elementos sem altura definida você pode usar o display:table, vertical-align: middle, abaixo mostro como ficaria o CSS.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45

/*COM ALTURA FIXA*/
.centralizado{
   width: 500px;
   height: 200px;
   top: 50%;
   left: 50%;
   margin-top: -100px;
   margin-left: -250px;
   position: absolute;
}
 
/*SEM ALTURA FIXA*/
html, body {
   width:100%;
   height:100%;
   padding: 0px;
   margin: 0px;
}
 
#table {
   width: 100%;
   height: 100%;
   position: static;
   display: table;
   *overflow: hidden; /* hack para o IE6 e IE7 */
   *position: relative; /* hack para o IE6 e IE7 */
}
 
#cell {
   vertical-align: middle;
   display: table-cell;
   position: static;
   *top: 50%; /* hack para o IE6 e IE7 */
   *position: absolute; /* hack para o IE6 e IE7 */
}
 
#conteudo {
   top: -50%;
   width: 500px;
   margin: auto;
   position: relative;
   border:#F00 dotted 1px;
   padding:10px;
   font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

Para altura fixa basta colocar o elemento dentro da tag body ou dentro de um elemento com position:relative, lembrando que neste caso será centralizado dentro deste elemento pai.

Já o HTML para altura indefinda, seria algo na estrutura div#table > div#cell > div#conteudo > conteúdo…

Caso encontrem algum bug, não funcione em algum navegador, queiram criticar ou elogiar sintam-se livres para comentarem, espero ter ajudado.

Solução para altura indefinida encontrada no site do Rogério Lino
Exemplo

Este site não foi muito difícil, mas um pouco trabalhoso, não fiz apenas o layout do site, mas a logo marca também, trabalhoso por que o clientes pediu bastante alterações, tinha feito duas propostas no início e acabo q o cliente pediu para juntar as duas propostas em uma só, sem problemas… isso é muito fácil.

Quando comecei a desenhara logo marca,  logo pensei nas cores azul e rosa como eu já disse no post que mostei o desenvolvimento da marca. No desenvolvimento do layout quis passar uma boa sensação a pessoa que o navegasse. Tomara que tenha conseguido.

Criação: TúlioÁvalos

Programação: Charliston Maffei

Foi entregue no começo de Fevereiro mais um website de autoria da dothCom Consultoria Digital. Desta vez, o destaque se deu por conta do Atelier Culinário Doces Momentos, da cidade do Rio de Janeiro.

Situada em Copacabana, um dos mais sofisticados pontos turísticos da cidade maravilhosa, o atelier Doces Momentos tem como especialidades; bolos, doces e salgados, tudo isso feitos artesanalmente, e suas especialidades se destacam pelo sabor especial, pela beleza e sofisticação.

Para chegar no resultado final do site Doces Momentos, a “Criação” da dothCom teve de desenvolver três propostas iniciais e demorou cerca de 20 dias para projetar todas as telas do layout aprovado. Por fim, o mais importante foi o reconhecimento do cliente para com o trabalho desenvolvido pela equipe dothCom.

Quem quiser conhecer um pouco mais sobre o trabalho do Doces Momentos acesse mais essa case de sucesso: www.docesmomentos.net

Por: Dasayev Teixeira

A dothCom Consultoria Digital finalizou mais uma case de sucesso. Trata-se do site da Patroni Duenha Empreendimentos Imobiliários. Empresa essa que vem se destacando há mais de 30 anos no cenário em vendas de imóveis, e para complementar ainda mais o ótimo trabalho que a Patroni Duenha vem fazendo no estado de Mato Grosso do Sul a dothCom realizou um amplo trabalho buscando assim atender as necessidades da empresa.

O site da Patroni Duenha hoje conta com um design arrojado com as cores voltada para o modelo da Logomarca e um site teoricamente “Clean”, ou seja um site mais limpo. Além do mais conta com as últimas tecnologias que um site precisa ter, como  à adequação aos padrões WEB, que o W3C exige.

O ponto forte do site é informar ao cliente, os imóveis, fazendas ou terrenos que a equipe investe, constroi e vende para o seu público alvo.

Por: Dasayev Teixeira

Quando você tentar importar algum arquivo para o flash (independente da versão) e aparecer o seguinte erro:

Flash Import Error: “One or more files were not imported because there were problems reading them”

Isso ocorre geralmente quando o bitrate esteja acima de 160kbps. Vejam o link da Adobe falando sobre isto.

Você pode solucionar isto diminuindo o bitrate ou instalando o Quicktime. Sim o Quicktime, na nota da Adobe eles dizem o seguinte:

O Flash não suporta arquivos MP3 com bitrate maior que 160kbps. Tentando fazer isso o Macromedia Flash acessa/autoriza o subsistema de audio do Quicktime.

No meu caso eu até tentei baixar o bitrate, mas não funcionou. Instalando o Quicktime não deu mais esse problema.

Adobe
Baixe o Quicktime aqui
Créditos flexer.info