Como Criar Um Footer (rodapé) com o Elementor Pro de Forma Profissional
o Olá seja muito bem vindo esse vídeo me chama Mesaque mota e hoje vou te ensinar como criar um rodapé profissional é realmente o que funciona no meu caso eu utilizo esse esse rodapé mais simples para parte de vendas Band países que necessita aí da política privacidade é termos de uso e etc então fazer bem pequenininha bem simples só que com a tecnologia no caso aqui uma técnica muito avançada de atualização automática da data né no caso se coloca copyright 2021/2022 cê tem que ir lá e mudar
não da forma que eu vou ensinar aqui automática e ele puxa também de forma dinâmica o nome do site tá sem muda o nome do site ele muda no rodapé também de forma dinâmica isso é claro utilizando o elementor pro eu tô fazendo um vídeo todos os dias até domingo que vem em comemoração ao lançamento do meu curso é lamento Expert inclusive se você quer aprender mas se tornar um expert em elemento Acesso aqui na descrição que tem um link para o meu curso para você conhecer e quem sabe se to rnar o
aluno a academia da peixes vamos lá para o vídeo agora tá bom tô aqui já na tela do site e tá aqui o rodapé tem a logo a passo uma sozinho ele dá um efeito Zinho simples mais muito interessante e aqui o menu onde tem política privacidade termos de uso e condições de uso lá e aqui embaixo copyright 2021 todos direitos reservados e o nome do site puxar de que forma dinâmica percebe que eu passo Mouse ó ele dá o link se a pessoa clicar vai para o endereço que eu quiser coloc ar aqui em forma
dinâmica tá bom e o nome do seu tio a data do site também no caso aqui o ano né eu vou te mostrar como fazer isso de forma muito muito profissional e se eu vim aqui na forma do mobile Olha como ficou maravilhoso tá você clica aqui tem os dois links e tem todo o restante aqui do rodapé Tá bom então para você fazer isso como eu disse preciso do elemento próprio se você quiser adquirir o link vai tá na descrição com isso você ajuda o canal e se você quiser ganhar uma basta se inscrever no e também
tá na descrição vamos lá criar né bom eu vou criar nesse nesse mesmo site aqui depois eu apago é só para ensinar vocês mesmo ouvir aqui no Beck né 12 pressa vou vir aqui em modelos consultor de tema esse caso por que que eu tô utilizando alimento pro porque primeiro por duas funções né pra puxar data e também o nome do site de forma dinâmica E também porque só que eu lamento pra você pode construir o tema qual é o evento é gratuito e você constrói design de uma página específica mas como
elemento o próprio consultório do tema e nós temos aqui cabeçalho ou rodapé e cabeçalho fica para todo site ou se você quiser colocar alguma regra de exceção para alguma página específica Você pode tirar dois três reta e ele rotear né digamos assim cada renda para cada situação para cada página específica no caso aqui o rodapé da mesma forma tá são digamos assim dinâmicos posto dynamics modelos dinâmicos de renda e rodapé eu não tenho n enhum porque aquilo que ele uma página isso eu vou criar um
para ficar para todos site porque porque eu gostei do modelo e além de estar você eu também vou criar para esse site especificamente ao adicionar um novo rodapé e vou colocar aqui rodapé em todo o rapaz site vou criar modelo para você que tem dúvida do porquê de um rodapé é o que que se coloca no rodapé muitas pessoas já me perguntaram só que coloca um rodapé que meu caso aqui cê viu que a simples né mas existe põe para que os grandes sites que existe muitas coisas no rodapé para você saber eu
vou deixar esse posto aqui ó da Amber é onde eu tirei algumas informações e também eu ligo eu sei do que eu li não porque não compartilhar com vocês tá você tem um rodapés padrões de design e quando usar cada tipo aqui tá explicando porque é como que era antigamente como que agora ele faz até uma relação ali entre os panfletos jornais tipo de coisa de impressão né de impressão e agora de web design que é diferent e na web sites Olha só esse modelo aqui simples Peguei ninguém olha esse aqui já tem
uma duas três quatro cinco colunas e tem mais uma parte aqui embaixo então tem vários modelos que você pode buscar tanta inspiração Quanto saber o porquê que cada rodapé e quando usar né cada rodada hoje especificamente tem gente que no caso que nesse site Olha o rodapé deles tem aqui sobre a Índia no caso é o site né e eu nem quis alguns links que funcionam de meio que atalho para algumas partes do s ite que não tão explícitas né como por exemplo às vezes uma parte contato uma
política privacidade você não for link canto nenhum não sei no rodapé redes sociais aqui ó a um selo né E aqui embaixo de Coimbra e o site é claro você passa o mouse aqui ele abre o site clica né abre o site e aqui copyright 2021 e aqui tem um link que não sei para quê que é mas você pode pôr logo pode porque você quiser deve ser logo deles tá bom E aqui tem um meu nome desse aqui ó caixa de captura isso aqui tudo faz parte do redor esquerda enorme tamanho de uma página inteira de uma dobra
inteira Tá bom vou deixar aqui você pode vir pesquisar para te dar um conteúdo mais completo Vamos criar aqui no próprio alimento ele tem aqui no bloco no bloco de modelo o poder você pode pegar os modelos a inspirar-se também olha esse aqui bem interessante só que às vezes você baixa um desse aqui você não sabe o que que você põe para mim usar que isso aqui tem uma duas três q uatro colunas que que eu vou colocar aqui às vezes seu site não precisa disso no meu caso não precisa Então por que que
eu vou inventar isso né Olha esse aqui mais simples você pode ligar para abrir um modelo Aqui tem um segundo menu ou um menu escravo do menu principal né com algumas partes com o hino que você quiser colocar aqui digamos assim número telefone para contato copyright e redes sociais Olha que legal simples né E se funcionaria para mim olha esse de baixo eu pensei que t em uma captura né já não funcionaria para mim no meu caso o tamanho nesse aqui uma dobra inteira também tá ó disse que não troca
elemento você não me engano e olha esse modelo aqui bem bonito mesmo ó Tá bom então você se inspire aí eu vou sair não quero nenhum quero meu modelo que eu vim aqui na engrenagem e vê se está tudo certo rascun div ok rodapé botar o site pronto bom só aprender algumas coisas bem legais aqui eu tenho certeza vamos começar agora a construir o nosso footer o u rodapé em português e quando você abre aqui com o modelo muitas pessoas abram a página e vai ditar com o elemento e não aparece aqui ó logo do
site tido assim é organizado na categoria E aqui em cima e muitas pessoas falar para minha sorte eu não tô com um elemento original você mostrou tava mostrando esses ícones e para mim não tá mostrando Às vezes a pessoa não entrou como modelo de consultor de tema ela entrou como a página comum e quer que aparece isso aqui dessa forma não vai a parecer tem que ser dessa forma que eu te mostrei Tá bom vamos lá segundo o modelo Olha só modelo bem simples né Tem uma logo menu e aqui embaixo
Só lembrando tá em aqui embaixo Corporate você tem que ter menos o menu basta você vir aqui ó é completo tá eu sei que tem pessoas que não gosta que eu fico dando essas voltas mas imagina a pessoa vai construir aí eu falo rasto mesmo para cá pessoa fala que me no né então tem que ter um menu você vem aqui ó aparece menos essa é a minha forma de ensinar tá eu gosto de explicar tudo direitinho as pessoas têm aprovado É lógico que tem aquele despertam que já sabe tudo e que acha que eu tô
enrolando mas às vezes você eu tô falando para você porque você já sabe né se você já sabe então não sei nem porque que você tá aqui meu vídeo Mas beleza só que aqui ó criar um novo menu Olha só eu vou criar aqui só exemplo eu vou colocar teste rodapé eu sempre coloco o teste para poder não me confundir com os outros m enos que já atende depois eu vou excluir o ciclo menu que é do próprio site precisando que ao de teste Mas beleza fica como eu tô construindo Nada melhor do que passar uma
experiência real né e eu podia só inventar qualquer coisa em outro site Mas aqui é um site real Então vamos lá que eu vou fazer eu vou colocar vou vir aqui em páginas no meu caso são páginas a política de privacidade e eu vou procurar outra que a termos de uso temos de uso e vou colocar só essas duas página s tá e você pode porque você quiser no meu caso aqui é somente isso cópula de privacidade termos e condições de uso eu vou salvar menu test rodapé importante saber o nome porque eu vou ter
que inserir lá no rodapé vamos lá Primeira coisa eu vou criar uma sessão com a coluna única vou virar sessão vou editar ela vou ver aqui no avançado e vou zerar e vou colocar 20 aqui tá de pede não na verdade nem vou botar nada de pé de volta a zero Talvez o pede vou quebrar aqui ó e vou colocar somente na esquerda e 20 nar direita 20 na direita e não tivesse feito só para não colar nas bordas e aqui ó a coluna eu vou zerar zerar mesmo tá Eu sei como é que as pessoas vai falar Mesaque Mas como
você vai colocar várias coisas tem que criar duas colunas e se eu quiser que eu criei isso aqui apenas com uma coluna você vai dizer que eu tô mentindo né e acompanha que você vai aprender agora eu já falei um vídeo sobre isso mas agora você vai ver a construir algo Então a primeira coisa que vem no meu caso aqui é o logo do site Olha só Qual é o nome do site tá bem aqui ao longo do site e você pode perceber lá que ela é branca né então vamos lá você pode trocar no caso ou você pode trazer uma
imagem também tá não tá errado não você tá imagem e colocar de forma dinâmica aqui ó você põe a logo do site KD imagem do site longo do site também a mesma coisa eu vou excluir ou você pode possuir mais em ser logo e o site mas aí não vai puxar de forma dinâmica quando vo cê mudar lá não depressa ele não muda aqui tá bom pronto fiz isso Só que essa aqui tá muito grande né mas rodando diminui ela vamos lá qual é o próximo passo o menu né olha só bem aqui mesmo no consultor em casa aqui da aba da
categoria aqui site já tenho que menu de navegação vou por aqui em baixo vou procurar qual é o menu a opção de menu tá então eu acabei de criar um o teste né cadê já sumiu daqui rodapé rodapé teste tá porque que ele não aparece aqui porque eu acabei de criar e ele não tá ainda ele foi salvo e tu tá no candidatos porém o elemento aqui não foi atualizado então eu vou fazer o quê Vou salvar como rascunho e vou atualizar com essa se no teclado para ele recarregar as atualizações que foram feitas no
WordPress tá bom ele vai lá não depressa falar ao menos agora tem mais um Então vou estar lá para o mês aquele fazer um rodapé dele no rodapé dele no rodapé do site quero que eu falo com ela coisa que dá duplo sentido olha Já puxou o menu aqui eu v ou editar o menu eu não quero esse menino eu quero teste de rodapé ele vai mostrar só os dois o que era só o fundo esse negócio das cores não vou dar explicação de cores aqui mas olha só é o mesmo do header você podia fazer podia fazer tudo preto tudo
branco pode não tem regra quanto a isso não falo mas eu acredito que não tenha mas você tem que fazer onde uma forma que não sugerimos fazer vermelho Olha só te amo vermelho meu site nesse site aqui não tem esse atenção aqui vão texto e specífico que eu precisava chamar bastante atenção por isso que eu quero ver mesmo mas no site as cores padrão esse verde e esse azul escuro quase Preto né então por que que eu vou utilizar um verde ou vermelho pronto fiz isso vamos próximo elemento que é o
que essa linha Só que essa linha alho uma coisa que você tem que entender se você não entende você vai aprender agora é que você tem que colocar o mínimo de elementos possível o mínimo de sessões possível e o mínimo de colon os possível por quê para deixar sua página o seu modelo ali que seja enxuto enquanto - seções - S - requisições PHP bom E com isso sabe que mais leve ainda mais um footer né um rodapé que vai se ver para todos o site tem gente que faz uma monstruosidade 300 sessões
500 colunas para fazer um rodapé não precisa então com uma sessão e uma coluna vou conseguir todo esse rodapé se você dúvida deixe seu like se você não dúvida deixa o lado e também mas você vai aprender ir vamos lá isso aqui na da pasta de que no caso de comprar de um texto esses 2021 é dinâmico ele é o a data do site né da data do site mesmo e o clube será de em casa aqui no caso título título do site tá como que eu vou fazer isso tem várias formas de você fazer isso você pode pegar um
texto digitar mas isso não é uma forma inteligente e você pode também botar trago dinâmica através de ter você pode pegar um texto vem aqui ó e colocar de forma dinâmica Você pode falar com a data Cad ê data a data da publicação alguma coisa assim não quer me dar tua ligação eu quero data Cadê data do site talvez nem nem tem aqui uma post Sat data e hora atual em casa de Simba atualizar E aí você foi a data porém não vai dar certo porque porque só tem que colocar três quatro alimento para poder
colocar todo aquele texto lá agora se você fizer o segredinho tá você coloca bem que a lista o gente eu não deveria ensinar isso deveria sim editar Só lembrando ta esses vídeos de hoje até domingo você é um vídeo de Ares e vou ensinar coisas que dessa forma tá coisa que realmente você precisa tudo para te mostrar que que eu posso te ajudar a entender melhor elemento tá aí se você achar que eu realmente sou um professor que vai te ajudar nisso entra no nosso curso o link está na descrição só
lembrando que ele vai fechar domingo hoje é domingo ele vai fechar próximo aí em 7 dias ali outro dia sei lá que vai ficar aberto se você não entrar já era vamos lá primeira co isa layout eu vou colocar aqui ó e vou aumentar um pouco aqui o uso um para você ver eu coloquei aqui linha tá para ele ficar aqui onde lá do outro e você vai entender agorinha Olha só o primeiro item aqui ó ó por aqui 2021 eu posso muito bem colocar aqui o primeiro vou clicar vou sumir com esse ícone aqui ó em vez de
potência eu vou colocar tarde dinâmica e eu vou colocar site tá data e hora atual aí mas tem gente que vai ver se quiser falar igual eu não tinha imaginado isso jus tamente vamos aí você clica aqui ó tá vendo aquele nariz você clica na engrenagem se tem mais configurações formados data e hora você vai colocar personalizado E aí agora que tá olha só o tanto de coisa mesmo que você tá doido como é que eu vou arrumar isso tudo para pagar E aí olha só você vai colocar um Y que significa ano Olha o
monte de praia já vai botar lá para mim o ano só que olha só de colocou 21 né 2021 mas eu vou 21 só que no meu modelo tá escrito 2021 eu vou para o text o aqui ó antes e depois emendar os dois não você vai colocar um Y maiúsculo seja aqui no vale ao seu like É sério Coisa boba coisas simples mas que muitas pessoas não fazem ideia que existe diferença se você sabia dessa Beleza se você não sabia dessa deixe seu like tá eu te peço pronto aqui na seminovos agora vamos aqui em avançada ainda dente
configurações tá temos configurações e avançado eu posso colocar algo antes e algo depois eu posso colocar aquele símbolo de Corporate como que eu vou fazer botão direito do mouse emoji emoji eu posso vir aqui Ó nesses símbolos e era que o símbolo de copyright e pronto olha só vai ficar com a prática EA data para atenção falei e vai dormir 21 né Igual ainda aqui ó lembre copyright c2021 se eu quiser colocar só tá em inglês né no caso aqui ao contrário Corporate 2021 Amber no caso seria então
vamos lá eu vou digitar copyright aqui roupa digitar não eu vou colocar aqui ó depois ou antes né eu posso colocar copyright ass im ó Opa maiúsculo né copo rádio HT está errado strem copy o raio x isso quer direito de sei lá direitos pronto para dormir 21 anos e dá um espaço tá e o espaço depois do Coragem também olha só eu acho que vou explicando demais né vai estudar no curso Fica pra dormir 21 acabou ó tá pronto 2021 só que não tem um símbolo né eu posso deixar posso tirar vou deixar aí todos
os direitos reservados como que eu faço isso é E como que eu faço isso eu posso aqui depois ó o Controller todos os direitos reservados Eu dei um espaço antes ó percebe aqui o meu mouse nome amarela ó tem um espaço onde está isso daí gruda aqui ó todos direitos resevados aí lá no final eu coloco uma barra espaço e uma barra em pé e pronto já ficou certinho olha só preciso de mais um item vou clicar aqui ó ele fica em branco mesmo assim tá porque parece que não tem nada dentro Olha só e aqui 82
eu vou excluir o item três eu só preciso de dois itens aqui eu só preciso do site qual é o site no caso aqui o nome do site colocar o link Então vamos lá eu vou clicar nele tarde não aqui também por isso do alimento para o link na descrição você vai fazer o quê site título do site pronto de forma de novo que ele vai buscar o site e fala que Clube sarada em casa vou excluir o ícone em Itu a rir o link o link do site eu posso vir de tarde não entendi também URL do site ou se eu quiser uma
ela específica Eu só digito aqui pronto agora que eu passo Mouse ele já vai dar link agora v ou salvar como rascunho depois eu pequena pausa ali para ajudar a minha filha vamos continuar aqui pronto já tá aqui só que ele pega baseado no meu tema baseado nas configurações que eu fiz aqui a configurações do site onde eu configurei todo o tema inclusive os links ele já pega aqui ou sucesso né de lá eu preciso mudar é então que eu vou fazer eu vou vir aqui é testar E aí o que acontece tava
nesse passamento é entre um e tem outro Nós temos dois itens né esse espaço aqui ó você colocar zero Olhe Cola coloca Então os dois aqui ó só para dar um espaçozinho uns quatro né olha Pronto já Deus passo necessário pronto eu ponho no centro todos eles estão no centro nós nem preciso disso aqui se você quiser um divisor ó ele me Japão divisor só que só tem um item eu não acho legal não e pronto o ícone não tem nada aqui o texto vamos configurar o texto ele vai pegar o padrão de que você
configurou ou que já vem no Kit do Alimenta se você configurou lá no onde eu falei configurações do site ele vai puxar de lá mas eu vou ver aqui quando o texto Eu quero uma cor essa secundária aqui um pouquinho mais escura tá e o Rover eu não quero nada eu quero a mesma cor a mesma cor eu não quero que mude tá ou se eu quiser que mude É para um mais claro em vem simples simples simples Tá bom recuo do texto você quiser espaço entre antes né Eu quero 10 quero recuo nenhum EA tipografia e vou
escolher o texto menor porque eu criei vários né no alim ento ele possibilita você queria vários tipos grafia para você utilizar de forma dinâmica e de forma rápida para você não precisar criar toda vez vem aqui e editar todo o texto não eu faço uma vez só já fica a fonte já fica aqui o tamanho e todo o resto que eu configurei a trabalhar com um elemento de forma profissional e inteligente Pronto já tá aqui ok os links da mesma forma eu vou editar também que já tá detalhezinho Tá mas esse aqui é
o padrão do elemento eu que já fiz uma pré f ormatação no elemento aqui no configurações do site de novo eu tô falando isso mas vamos lá até já tá perto eu quero ir no centro eu quero ele justificado onde eu quero ele eu quero na direita tá horizontal sim sublinhado não eu quero texto isso aqui é o ponteiro tal ponteira Ok quando você passa o mouse ó tá vendo agora ele dá esses um porque tá aqui animação grow eu quero sim que é que eu estou utilizando este site utiliza um efeito utilize em todo o
site o mesmo efeito indicador de sumir no clássico no meu caso não vai ter ciúme não né Oi e pronto aqui notebook tá tudo certinho tudo certinho aqui eu posso colocar a largura total né porque aí quando ele tiver no tablet ele abrange todo o celular ali todo o tablet também pronto existe Olha só bacana né Agora vamos pintar esse fundo que deveria ter feito no começo é verdade um tamanho dele altura altura mínima eu quero que ele tenha sei lá 150 de altura não mudou nada nos aqui é porque é o
tamanho essa louco n é então nós temos que ajustar isso aqui beleza vamo lá pegar o modelo aqui dá uma olhadinha a tem essa linha muito bom tem a logo na esquerda e o texto na direito Beleza vou pintar o fundo ele está estilo eu vim aqui no clássico eu vou clicar em cor e vou colocar a cor padrão do site Olha só de forma Global tá bom Pronto já ficou show de bola agora eu vou vir nesse primeiro e Ah tá ele vou colocar mais esquerda tá bom tela cheia eu poderia cortar mas aí ele nunca corta no
tamanho interessante é sempre quadrado e eu posso colocar personalizado Mas eu prefiro vir aqui no estilo o interessante tá para este ou e com uma velocidade melhor do site você já tem uma logo tamanho pequeno não coloca logo desse tamanho não esse caso aqui eu já coloquei logo do site e já nesse tamanho Então tá errado eu tenho colocar louco pequenininha Tá bom mas já fica esse disclaimer para você para fazer o seu site o site para o cliente coloca um logo pequenininha no Face aqui não vamos lá
vou botar aqui ó dez porcento ó dez porcento ficou show de bola pronto preciso mexer mais nada a Rover tá vendo que o normal Rover Qual o efeito que eu quero eu quero sim porque eu tô te ligando sim que tudo ó passa o mouse ele meio que dessa de Cidinha tá aqui a velocidade da transição 0,6 para ficar um pouco mais suave olha ele desce mais devagarzinho tá vendo ó essa transição aqui é só do efeito não é da opacidade você pode deixar aqui na metade por exemplo posso mas ele vai desaparecer r olar
eu não gosto disso nesse caso aqui não então vou deletar eu acredito que já tá tudo certo aqui agora basta a gente dá uma arrumadinha eu vou ver aqui vou digitar esse minuto também tá muito grosso o que eu vou fazer aqui no estilo a menu principal quase fotografia eu vou pegar esse texto não pede não eu vou pegar esse médico que é o texto comum na do site texto padrão quando passar o mouse e o que acontece Ah tá bom não vou mexer vou mexer só naquilo que que realmente precisa cas o você queira
cor do texto nesse caso aqui tá com ele acento vou ver como vai ficar o mouse a cor no caso aqui eu vou pegar esse secundária aqui a cinza olha lá tá bom e sim primário não primária a mesma cor do fundo né não vou fazer isso não secundária pronto eu posso Mouse ele já fica cor do fundo e ative da mesma forma ele vai ficar branco colete ativo é como se tiver presente na página política esse político vai ficar branco ou pode ficar nessa cor aqui é que a cor mesmo do Rov er faz mais sentido
pronto vi suspensa que dá tudo certo aqui agora vou começar editar tá vendo que tem uma coluna uma sessão uma coluna como que eu vou fazer para esses itens ficar nessa forma Primeiro vou lá embaixo ó vou editar tá E vou colocar no centro Claro vou vir no avançado borda e vou colocar uma borda sólida não trajado de um pixel uma cor esse secundário no caso aqui você quer saber com essa cor a-545 95 F tá ó pronto padrão ah ah eu mostrei a bota mais Ó ficou a borda em tudo o bloco né Eu não quero
eu vou quebrar aqui a sincronia eu veja só superior o resto é 000 tá bom ó vai ficar só em cima agora só que tá colado né então vou vir aqui no avançada avançado os era mais era o pede e superior vou colocar uns 40 ou 40 foi muito com os 20 só para desgrudar olha só só para desligar beleza Pronto agora vou ver nesses arado aqui na logo ele está vou lá na avançado e agora entre um segredo eu já falei sobre esse segredo poucas pessoas sabe trabal har com isso aqui e agora saber ele entrando em
ação na prática tá Tomar um posicionamento eu vou utilizar o que ó eu vou utilizar esse em linha automático por quê Porque ele vai pegar o tamanho necessário da logo nesse caso aqui ainda vai ter um problema porque a longa era enorme tá enorme por isso que ele fecha aqui é pequenininha ele fecharia o bloco aqui mais tranquilo vou vir no políticas aqui no menu né e vou virar avançado mesma coisa posicionamento largura em linha alto ó não subiu mas ele ficou aqui no canto porque que ele não subiu
eu vou te mostrar aqui agora eu vou digitar essa logo aqui ó logo do site vou vir aqui ó largura máxima eu posso diminuir essa largura mas mesmo assim não vai adiantar que eu vou ter que fazer aqui é vim de novo em vez de colocar logo do site eu vou colocar uma imagem e não vai pagar de forma dinâmica mas aquele que eu te falei eu preciso logo pequenininha Então vou escolher uma imagem qualquer aqui que seja pequenininha em casa longo do site né que seja pequenininha eu vou digitar aqui logo e
ele já vai me mostrar todas as imagens que tem essa esse texto aqui ó essa aqui ó 467 153 aqui é horrivelmente grande essa daqui branquinha faz muito grande Olha só tudo enorme essa daqui 160 pronto é essa que eu quero aí garoto aí eu vou copiar aqui ó essas informações da logo e vou colar estilo pronto aí eu vou editar claro eu vou apagar essa segunda aqui ó que eu vou excluir pronto vou editar essa primeira e vou deixar aqui ó tela cheia ouvindo o estilo vou apagar esse aqui tá ficar grandona
isso agora eu vou diminuir vou deixar o tamanho que eu quero ó para mim assim Acho que uns 70 tá perfeito ou menor 60 sessenta pronto e agora tá vendo esse políticas e temos como que eu faço para mandar para direita né você pode pensar Isaac basta você digitar em qualquer direito mas já tá o órgão muda porque porque eu tô trabalhando com blocos que estão em linha e não blocos que estão em blocos e u sei qual ele colocou essa aqui eu sei que deve ter me chamado louco agora mas você acessa tem lá
em Laine em Block bloco ele pega largura Total inline ele fecha o bloco no tamanho do você determinou o tamanho do item nesse caso aqui o tamanho do Inter são 22 - aqui há dois anos síntese e fecha aqui como que eu vou fazer para ele vir para o final aqui dentro segredo vou estar coluna rapaz helicóptero para pousar bem na hora que eu tô fazendo um vídeo impressionante e pronto ele cop o passou de um segredo aqui vem aqui está coluna tá bom e você vai no alinhamento horizontal você vai colocar
essa buquê espaçamento pronto Isso aqui é uma forma de você organizar os itens dentro de uma coluna dentro e o bloco lá em se você coloca aqui olha aumento horizontal espaçamento ele vai manter sempre Nas extremidades não importa e você coloca aqui ele sempre vai jogar para as extremidades e olha só como ficou né perfeito né só que esse blog está grudando no bloco de baixo então que nós vamos fazer vamos pegar aqui ao copyright vou estar eu não vou estar em cima porque senão eu tinha que fazer
isso nos dois né ficaria não ficar legal eu vou colocar aqui na margem eu coloquei o pede e ele empurrou só que a linha lá siga sempre não na parte de cima porque eu coloquei na parte de cima mas ele sempre vai ficar no limite do bloco então preciso colocar o margem porque a margem ela é por fora do bloco Olha só então já Deus o que você precisa mais aqui nessa loja aqui tá um pouco maior ainda né então o que eu vou fazer eu vou deixar de pouco maior eu acho que é esse a sessão né eu deixei ela
com 150 vou deixar ela com 200 fixos olha só que maravilha pronto e aí dá satisfeito bom eu estou eu vou fazer o quê salvar um rascunho e agora já está curioso para saber como ela ficou é um bobo certo vamos ver olha só que maravilha né preciso o que que já tá ótimo já tá ótimo mas pode ser que ela não fica como eu coloquei online ele já ficou bacana ó já tá em fofo né você pode digitar isso aqui também no caso eu vou editar Olha só eu vou pegar esse menu vou editar ele vou vir aqui no estilo
Lembrando que vou trabalhar só com esse suspensa por quê Porque isso aqui Alice suspensa então a cor do texto ou clicar A cor esse texto tem que ser que cor tá Oi gente lá eu vou colocar minha cor primária né primária e o cor de fundo a cor de fundo de todo o bloco s926 tá vendo já ficou cinza bem clarinho e a tipografia tipografia básica eu vou colocar aqui é esse assento que é de menos e vou vir no Rover roupa eu não posso Mouse tá quando o texto que eu não passar o mouse vai ficar branco a
cor do fundo vai ficar meu Verde já cento olha só que maravilha e a outra Verde aqui um pouquinho 1 Tom a menos só para não ficar tão estourado assim ó Vou clicar de novo eu abrir Olha só que coisa magnífica é geografia A mesma tá tipo de borda nenhuma que eu não quero Bora já tá bacana o som deboxe pode tocar som masinha mas no caso aqui não vai mostrar porque só tem dois vídeos mas essa 15 ele vem aqui tá aqui em baixo tá mas no meu caso aqui eu sempre coloco borrar 25 25 25 meu filho clique
aqui dentro na sombra e coloca 10.1 Você quer isso no meu curso tá eu sempre uso aqui é exatamente com esse no curso ele essa forma espaçamento horizontal e vertical não vou mexer olha só que perfeição eu vou fechar aqui e olha só que maravilha sumiu aqui né caso da cor então que eu tenho que fazer vinha digitar ne le e vou vir aqui agora vou fechar ali suspensas botão outra na esse botãozinho que tá quase escondido aqui ó a cor dele normal a cor EA cor de fundo no caso a cor de fundo ele não
tem borda né aborda desde botãozinho beleza a cor de fundo eu vou deixar esse verde né é um inútil ter que chamar atenção Olha lá quando passo o mouse fica branco é exatamente o que eu uso Rover a cor dele normal é primário quando passar o mouse a cor fica sf2f seis EA cor de fundo fica o quê eu não fic o mesmo verde né eu posso fazer o seguinte ele fica escuro né fica escura lá as mas fica escuro a cana pronto vamo testar ó tá verde passa o mouse ele fica escuro aí você falar mas aqui mas não
existe Mouse um lobo sim mas se você pode utilizar esse aqui em Deus top também tá mas passa o mouse aqui ó é menos o coisa quando clica também nesse caso aqui eu não vou querer mudar porque porque realmente ficou estranho ó a cor cor de fundo jovem cor de fundo aqui é branco aqui a cor de f undo o pai é a verde e pronto olha lá aqui no alto normal ó tá vendo vacilo Normal normal eu quero que ele fique a cor escura com fundo verde ficou quando passar o mouse eu quero que fique do mesmo jeito ou
branco e isso branco só que aqui Verde aquilo que eu tinha verde o fundo não muda vai mudar só um risquinho preto para Branco quase branco né Ó que maravilha tá eu clico aí a perfeição pronto eu vou salvar como rascunho e ele tava espaçamento de 20 tá vendo que a coluna ela não e ncosta nos canta ou seja precisar um espaçamento único eu tô só espaçamento na sessão e já serve para todos todo o restante tá Pronto terminei aqui esse link aqui maravilhoso também eu vou publicar e claramente uma prova
Você pode adicionar condição fazendo com que esse rodapé sirva para todo o site tá todo site salvo fecha tô no site agora vai ter esse e esse rodapé eu vou visualizar ele e tirar aqui da forma como boné eu nem olhei no tablet né mas deve ter ficado bom Pronto agora va i ficar o topo daquele jeito lá e aqui o rodapé dessa forma aqui olha só que uma pessoa clica aqui vai para o começo do site pode perceber que na esquerda ó bom aqui se eu quiser colocar o link também eu posso para o início do site
onde quiser E aqui as duas páginas tá bom bom e aí o que que você achou desse vídeo A merecia o seu like Te ajudei porque um rodapé de saque deve fazer em 20 minutos e eu levei o que então 36 minutos mas é porque eu tô te ensinando é diferente de você faze r que você fazia ensinar Tá bom se você gostou da minha forma disse lá entra no meu curso que vai estar aberto até domingo agora tá ok então hoje é quanto Oi hoje é de seis né vai tá aberto até o próximo domingo é dia treze Tá bom se você não
entrar os vales serão cortados né então não terá mais vagas aí eu vou reabrir ele futuramente só que com preço bem maior então sugiro você entrar agora você tem esse desconto tá bom e todos os links do que eu falar na aula estarão na descrição
0 Comentários