#aprender HTML

[hackerenproceso]

Editores HTML

Los editores de texto simple es todo lo que necesitas para aprender HTML. Menú de Enlaces Rápidos: Introducción Paso 1: Abriendo el Editor de Texto Paso 2: Escribiendo HTML Paso 3: Guardando la Página HTML Paso 4: Visualizando la Página HTML Editor en línea de W3Schools Aprenda HTML usando el Bloc de notas o TextEdit Las páginas web se pueden crear y modificar utilizando editores HTML…

[avertigo]

Aprende HTML de forma sencilla con "HTML for People"

Las páginas webs tienen un lenguaje propio. Para ver en un navegador el contenido de una página muchas veces se carga un documento con extensión .html. Ese documento es un guión que el navegador procesa para mostrar lo que se ve en la pantalla. Si quieres aprender HTML de forma sencilla hay muchas páginas webs que te lo enseñan. Una de ellas es HTML for People. Esta página web tiene la siguiente…

[rop901]

Diseño de Portada de una Aplicación Android, iOS, HTML o PAW con AppCDF-Pro

o AppCDF-Pro es una plataforma de código abierto que permite a los usuarios crear aplicaciones móviles sin necesidad de conocimientos avanzados de programación. Aquí te explico cómo se trabaja el diseño de una app en esta plataforma: Registro: Debes registrarte en la plataforma de AppCDF-Pro y crear una cuenta. Configuración Inicial: Configura los parámetros básicos de tu aplicación, como el…

[titocampossv]

EXTRACTO CLASE: Sintaxis del CSS En las hojas de estilo CSS necesitaremos escribir líneas de código que deben tener una estructura específica para que funcionen como instrucción para la apariencia del o los elementos que estará afectando, este es un video breve con la estructura básica del CSS. Enlace a la mini video-clase completa: https://youtu.be/dcaRfu73iFo?si=jjItKbhrjlfF-HVu Para mas contenido, no olvidar seguirme en mi canal de YOUTUBE, desde el enlace en la biografía o en desde https://www.youtube.com/titocampos ____ Para ver clases y tutoriales paso a paso…no olvide visitar ✅ https://www.youtube.com/titocampos Encuentre en mi blog otras frases, tips, lecturas y recursos gratuitos ➡️ https://blog.titocampos.com Más contenido en los enlaces de la biografía ➡️ https://links.titocampos.com _____ ño

[jackhelps]

— COMO JOGAR NO TUMBLR?

Parte I: o tumblr. Criando seu blog, customizando e como usar a plataforma para jogar rpg.

Aviso: eu escrevo muito. Esse tutorial vai ser gigantesco.

Ultimamente tenho visto algumas pessoas comentarem que só não jogam no tumblr por não saberem como. Acham que é complicado demais, assustador demais. Existem diversos guias de como jogar por aqui, mas a plataforma evoluiu com o tempo, por isso vim trazer um guia atualizado pra quem tem interesse em explorar os rps do tumblr.

Nesta primeira parte vamos falar sobre a plataforma e tudo o que você precisa saber para começar a usar.

Primeiro, algumas questões comuns:

Preciso entender de html?

Não. Hoje existe o modo de leitura, o que faz com que os blogs sejam vistos apenas pela dashboard e você não precisa ter um theme customizado. E mesmo que você prefira ter um theme, existem blogs como o theme-hunter com themes que você consegue customizar sem entrar no html. Posso fazer um guia sobre isso, se vocês quiserem.

Posso jogar pelo celular?

Uma das desvantagens do jogo pelo tumblr é que, pra muita coisa, é necessário usar o computador. Isso porque nós precisamos cortar os posts conforme jogamos, e por conta das atualizações da plataforma, só é possível fazer isso com extensões de navegador (mais sobre isso neste mesmo post). Você pode pedir para o seu partner cortar os posts na vez dele, por exemplo, o que te permite jogar apenas pelo celular. Além disso, muitos players utilizam gifs nos turnos, o que também (até onde sei) só é possível pelo computador, já que demanda o uso de gif hunts (mais sobre isso em outro post). Claro, o uso de gifs não é obrigatório.

Preciso usar templates, customizar meu blog de uma forma específica, etc.?

Não. Como disse ali em cima, você pode só criar um blog em modo leitura. Não precisa baixar nenhum template, se não quiser, e nem usar nada muito elaborado. O objetivo é jogar, então o foco não é a estética do seu blog. Não há necessidade de aprender a usar photoshop e nem nada disso, ninguém cobra que você tenha psds diferentes, um fixado diferente, coisas assim. Muita gente usa essa questão como impedimento mas muitos users do bsky/twitter usam templates, por exemplo. Não há diferença nenhuma. Assim como não é obrigatório lá, por aqui também não é. O seu blog você personaliza como quiser e puder.

Agora, para o tutorial.

Se você está aqui, provavelmente já tem um blog. Sabe o básico de como criar um tumblr e suas funcionalidades como criar posts, reblogar, curtir, etc. Agora, então, vamos focar nas funcionalidades do tumblr que usamos especificamente para jogar rpg.

Primeiro, a customização.

Neste tutorial vamos focar na criação de um tumblr em modo leitura, sem a utilização de um theme customizado e sem criação de páginas. Assim que você cria seu blog, pode ir até a página de configuração e vai ver algo assim:

Aqui você altera sua header, seu icon, título do blog, descrição e cor de realce. E descendo um pouquinho mais você encontra esta opção:

Para manter seu blog em modo de leitura, você mantém ela desativada. Caso queira adicionar um theme customizado, ative ela e uma nova opção de customização vai aparecer. Como não é o nosso foco, vamos prosseguir.

Não existe um padrão de como customizar o tumblr de um personagem. O básico é: se o seu blog for para um personagem só, use a foto do FC dele. Se o seu blog for multimuse (ou seja, para mais de um personagem), pode utilizar algum outro icon que desejar. A header é um complemento, você pode optar por desativar o uso dela, ou utilizar uma imagem que transmita algo sobre o seu personagem. O título e descrição também ficam a critério do player. Você pode optar por colocar informações básicas do seu personagem, por exemplo, ou algum quote da sua escolha.

Vamos ao meu exemplo, primeiro na página de edição e depois com ele pronto:

Está pronto! Pretendo fazer um guia mais detalhado para blogs multimuse e outro para sideblogs, para aqueles que jogam com mais de um personagem na mesma comunidade.

Agora, o próximo passo para a customização do seu blog é totalmente opcional, mas você vai ver na maioria das comunidades. Se trata do fixado. O mais comum é que você utilize no fixado as informações que colocou na ficha, e pode colocar uma imagem para ilustrar. Como o objetivo é ser simples, o que você pode fazer é utilizar uma foto do seu fc.

Você vai criar um novo post com foto, adicionar a sua foto, e depois sua descrição.

Existe uma regra de etiqueta na comunidade de não ter posts muito longos na dashboard, exceto turnos. Sendo assim, opte por uma descrição curta inicialmente, e adicione uma divisão de read more para então colocar a biografia completa do seu personagem.

Para adicionar a barra de read more, você inicia um novo parágrafo e usa esta opção:

Seu post pode parecer com algo assim:

E depois de postado:

Para fixar você vai clicar nos três pontos no canto superior direito e selecionar fixar. Pronto, este post será a primeira coisa que verão quando abrirem o seu tumblr.

Algumas pessoas também incluem neste post inicial as conexões desejadas e ativas, além da biografia. Também pode incluir trivia, headcanons, etc. Você pode optar por criar um post fixado com links que direcionam para a bio e outras páginas, mas vou falar sobre isso no guia para blog multimuse.

Seu blog está pronto para jogar! Vamos ver como aplicar e como começar a jogar na próxima parte, mas aqui vou te mostrar como jogar.

O jogo no tumblr consiste em: criar posts de texto e reblogar posts. Simples assim. A única forma de jogar é por meio de turnos, sejam estes curtos ou longos.

Você pode criar um starter, ou até mesmo reblogar um starter aberto para começar um turno (mais detalhes no próximo post), mas basicamente tudo gira em torno dos posts de texto.

Para criar um starter, você vai criar um novo post de texto e escrevê-lo:

Questões mais específicas sobre starters serão discutidas no próximo post. Mas, basicamente, você vai postar o seu starter e esperar que outras pessoas respondam.

Ok, mas como responder? Reblogando!

Para isso, vamos dar uma pausa no tumblr. Mencionei lá em cima sobre a necessidade de cortar posts, certo? O que isso significa?

Basicamente, quando você rebloga um post e adiciona algo, vai criar uma corrente de respostas. Esse post fica gigantesco, e vai atrapalhar a visualização da dashboard. Por isso, a regra é cortar as respostas. Para fazer isso, você precisa baixar uma extensão chamada XKit Rewritten.

Depois de baixar, você vai atualizar a página do tumblr, ir até a extensão pela barra do navegador, selecionar o XKit e ativar a opção de cortar posts:

Pronto. Guarde esta informação.

Agora, continuamos nossa explicação de como jogar.

Digamos que você viu um starter aberto que quer responder, como fazer? Você vai selecionar reblogar, abrir a janela de texto, e digitar a sua resposta.

Feito. Você escreveu a resposta do turno da forma que achar melhor, e tudo o que precisa fazer é postar. E depois a outra pessoa vai te responder da mesma forma. Simples assim.

O detalhe importante aqui é o corte de posts, lembra? O ideal é sempre manter apenas duas respostas nos posts: a do outro player + a sua. Portanto, depois dessas duas interações iniciais, vai acontecer o seguinte:

O post vai aparecer desta forma para você:

Escreva sua resposta, mas desta vez, você não vai reblogar o post imediatamente, você vai salvar nos rascunhos. Ao lado de reblogar, você clica na seta, e seleciona a opção, depois só salvar.

Vá até a página de rascunhos, seu post com a resposta estará lá, e agora entre as opções você vai encontrar a de cortar o post.

Eu aconselho que você só selecione esta opção quando estiver com a sua resposta pronta para postar, pois ela vai apagar a sua resposta anterior e caso você ainda precise responder, não vai ter como ver o que já havia respondido. Quando estiver pronto para cortar, esta tela surgirá:

Perceba o seguinte: todas as vezes que você selecionar esta opção, a sua resposta anterior será apagada. Esse é o padrão que você sempre vai seguir: apagar a sua resposta anterior, manter a resposta do outro personagem. Essa extensão já te dá essa opção, então você não precisa selecionar nada, apenas clicar em trim! e o post será salvo nos seus rascunhos assim:

Depois disso é só postar normalmente.

E é desta forma que se joga no tumblr, sem segredos. Apenas escrever, postar e reblogar. As únicas coisas mais específicas e que demandam mais tempo são o corte dos posts e a adição de gifs, o que pode tornar difícil para algumas pessoas.

Fora isso, talvez seja importante saber que o jogo todo acontece na dashboard por meio dos turnos. O tumblr tem a funcionalidade de chat, mas ele é utilizado para conversas em OC.

Sobre os gifs, também existe uma forma correta de adicionar eles. Você precisa encontrar uma gif pack ou uma gif hunt do seu FC, salvar o gif que deseja usar, e então adicionar no post clicando em enter para começar uma nova linha, clicar na foto vermelha e selecionar o seu gif.

Não é recomendado pesquisar o gif pela opção do tumblr, pois ele pode ser grande demais. Não existe um padrão obrigatório para os gifs, mas o ideal é que ele não tome a página toda como esse, por exemplo:

E assim você aprendeu o básico de como é jogar no tumblr!

Por último, tenho uma dica importante que pode ajudar na sua jogabilidade. O tumblr mudou muito e agora você precisa mudar as suas configurações para ver os posts da dashboard em ordem cronológica.

Para isso, você vai ir em configurações > painel > preferências e desativa essa opção:

Pronto, agora você vai ver os posts em ordem cronológica!

Pode parecer assustador de início, mas é muito simples.

Como este é um guia básico, podem surgir algumas outras dúvidas. Caso você queira saber algo que eu não citei aqui, fique à vontade para me mandar uma ask.

Na parte 2 nós falaremos sobre as dinâmicas de um rpg no tumblr, como entrar em um, termos mais usados, entre outras coisas relacionadas à como jogar em si.

Nos vemos lá!

[rolmaniacos]

¿Alguien sabe por donde puedo empezar?// Si te refieres a codes, pues ve a w3school y parte con html, sino busca tutoriales de html en youtube.

Como última opción busca a alguien que te enseñe lo básico, si es que conoces a alguien del lado de los codes.

También debes saber poner tus ideas en papel, haz mockups de lo que quieres antes de intentar escribir el codigo.

Aprender algo de teoría del color, diagramación y diseño te puede ayudar a hacer realidad tus ideas.

Y no olvides saber algo de accesibilidad, un buen diseño es el que cualquiera puede leerlo, entenderlo y es intuitivo de usar.

Es un buen inicio. B⊕REDOM.

[inquerible]

ayer comí dos tostadas (120kcal) con dos huevos duros (140kcal) y café con una cucharadita de azúcar (20kcal) como a las 18hs

y a las 23hs comí uvas (60kcal)

340kcal en total. Ni tan mal, fue bastaante comida

siento que últimamente me estoy quitando el miedo a comer. Siempre preferí directamente pensar en no comer, en vez de limitarme las calorías diarias, porque eso significa que sí voy a comer, y si como, subo de peso (según yo)

a esta altura ya no sé qué hacer

hace un rato me pesé, lo voy a subir con un body check que me saqué ayer, pero por algún motivo me dio mucha vergüenza subir. Me sorprendí un poco al ver mi peso, sentí que comí mucho esta semana

hoy todavía nada, estuve procrastinando comer jajs me sentí más cómoda en mi cama, que en la cocina

ahora seguro ceno algo mientras arreglo mi perfil, no me viene mal aprender un poquito de HTML (eso se usa acá, no?) y ver si recuerdo CSS (tampoco sé si tumblr lo usa)

mentira, ya me dio pereza

solo voy a cenar

[papersoldier]

O meu professor de linguagem visual é uma pessoa estranha.

Quando o assunto era usar ia pra coisa da escola ele ficou todo defensor dos robôs, falou que é só saber usar do jeito certo. Ele realmente falou que tudo bem o chat gtp escrever o seu html, desde que funcione, pq segundo ele só de usar vc já aprende alguma coisa.

Agora quando o assunto mudou pra Wikipedia surgiu nele um ódio do qual eu nem imaginava q ele era capaz. Na Wikipedia nada é confiável, nem adianta tentar ler pra ter uma ideia geral do assunto pq todos os artigos são enviesados.

[faafarchive]

RPG DE TERMINAL

Fala galera! Eu sou o FaaF e aqui está um projeto que eu criei em PYTHON! Chamado de "RPG de Terminal". Eu me inspirei no Easter Egg de Call of Duty Black Ops onde você consegue acessar um joguinho de texto secreto ao digitar "ZORK" em um terminal de computador:

E me inspirando nisso eu decidi fazer a coisa mais Nerd possível, criar um RPG usando programação, onde toda a história seria contada em forma de texto e o jogador tomaria ações que levariam ele a finais diferentes dentro do jogo.

Lembrando que se quiser ver o vídeo onde eu explico todo esse código é só acessar o canal:

Meu GIT-HUB para os interessados em ver algum código meu:

CHEGA DE ENROLAÇÃO!!!! VAMOS CODAR!

Lembrando que não vou acrescentar o código TODO aqui, vou apresentar aspectos que podem te ajudar a criar um RPG, se quiser a versão completa é só pegar no repositório do meu Git-Hub.

1 - CONFIGURANDO A ESCRITA DEVAGAR

Como vocês sabem, ao dar um PRINT em Python é normal que ele cole as informações muito rápidas no terminal, então aqui vai uma função simples que fará com que a escrita do seu terminal possa ser mais devagar, criando esse aspecto de uma história sendo contada:

Após criar essa função, não será mais necessário usar o print('') para fazer seus textos e diálogos, basta usar dessa forma:

Você pode regular a velocidade do seu texto mexendo na variável "intervalo".

2 - USANDO A BIBLIOTECA SYS

É muito importante importar a biblioteca Sys porque ela é responsável por criar funções para o interpretador do Python, e ao criar o RPG eu a usei para 2 finalidades: Limpar a tela do terminal e finalizar o código a qualquer momento.

Para evitar que fique muita informação poluída na tela, eu usei a função:

Assim quando ela for executada, a tela é limpa e seu diálogo/texto segue normalmente.

Em casos de muitos finais paralelos do jogo e várias vias de caminhos, eu me vi em situações onde eu precisava dar um "GAMEOVER" e fechar o código na hora, mesmo que ele ainda tivesse linhas a executar. Pra isso é usado a seguinte função:

3 - ADICIONANDO ANIMAÇÕES E UM DADO DE 20 LADOS

Uma das partes mais complexas do código se da pelas "belíssimas" artes em ASCII e um dado de 20 lados funcional que é usado em uma batalha que ocorre em um final secreto do RPG.

É realmente difícil você conseguir fazer uma arte linda para rodar no seu terminal de PRG, mas esse 1D20 que eu fiz quebrou o galho na hora de fazer uma rolagem, como vocês podem ver ele usa a biblioteca RANDOM para puxar valores aleatórios, fazer uma mini animação de números e no final exibe a rolagem do dado. Lembrando que para ver o teste real é só assistir no Youtube que eu tiro quaisquer dúvidas.

4- CONSIDERAÇÕES FINAIS DO CÓDIGO

Eu gostei muito de criar um joguinho com Python, recomendo muito vocês que querem aprender a mexer com IF/ELSE, LIST, MATHCASE, TUPLE...tentem fazer um RPG de Terminal e me marquem porque eu adoraria ver e apresentar em vídeo o projeto de vocês!

Se forem usar o meu código de inspiração eu faço uma última recomendação: Não usem tantos "While True" no código para não perderem, recomendo criarem funções e ir as chamando conforme o caminho do jogo seja acionado. MUITO OBRIGADO PELA ATENÇÃO AO MEU BLOG!!!!!

Ass.: FaaF

[guardianasdelrpg]

“copia y pega este código sin explicación aquí” // Internet está lleno de cursos gratuitos de html, CSS y js. Si quisieras aprender en lugar de copiar y pegar, ya lo habrías hecho. No defiendo a los coders, pero no te deben nada. Búscate la vida.

Así aprendió Jinx si la memoria no me falla

Ahri ❤️

[vitorchantal]

quando eu aprender a mexer com HTML pra deixar meu tumblr bonitinho vcs estarao fudidos

[shiro-de-texto]

Olá meus amigos!

Descobri que lidar com html é mais dificil do difícil que eu já esperava e os meus edits ficaram todos cagados. Não nasci para montar paginas no tumblr bonitinhas :c Então vou me manter no básico! Espero que todos tenham dado uma olhada nas regras diferenciadas do jogo por aqui. Para quem ainda n viu, não se preocupe, são coisas pequenas, e são mais focadas para um combate mais fluido. Eu sei que as coisas aqui vão ser meio confusas no começo, mas com o tempo vamos pegar o jeito(eu mesmo ainda estou bem perdido). No começo podem encontrar as coisas clicando nesse perfil, mas com m tempo vamos aprender a usar as tags para facilitar nossa vida. Bom, então vamos começar do começo. Melhor, vamos começar um pouco antes do começo, vamos destrinchar os eventos da semana que vocês estavam preparando a grande festa da empresa! Vocês realmente cuidaram de tudo que dizia respeito a festa, tem disfarces perfeitos e sabem como passar pela segurança.... Mas e quanto a vocês? Se prepararam para uma jornada as profundezas?

[translatingtradutor]

[Dicas] [Brasil] Como entrar no mercado de TI como pessoa transgênero?

Autor: translatingTradutor

Pergunta de: u/Ritgo_

Discussão original:

Moro numa cidade pequena e conservadora. Iniciei minha transição a pouco tempo e desde então não tem sido fácil conseguir emprego, não sei se seja esse o real motivo mas estou a alguns meses procurando sem conseguir nada além de bicos curtos as vezes. Não tenho condições de me mudar de cidade e não quero destransicionar porem tenho dividas a pagar, portanto preciso urgentemente de um emprego. A única solução que pensei foi tentar conseguir algum cargo remoto. Voltei a estudar programação porem estou completamente perdida de como conseguir um trabalho na área e as prioridades do que estudar para conseguir algo o mais rápido possível. Sei que muitas pessoas trans seguem essa carreira por ser mais segura para elas e estou pensando em seguir também por isso estou pedindo ajuda de alguém mais experiente que possa me ajudar com informações ou que possa me oferecer alguma vaga nem que seja de estágio. Estou disposta a passar o dia e noite estudando para aprender e desenvolver habilidades que ainda não tenho e em um estágio seria uma boa oportunidade pra mim poder aprender de forma prática enquanto faço oque é necessário. Se alguém tiver alguma sugestão do que fazer também ficarei muito grata, tudo que eu quero é poder sobreviver sem deixar de ser eu, já não sei mais oque fazer.

Eu botei algumas informações no meu último post sobre sair de casa e ganhar emprego. Recomendo ir lá para ver algumas dicas principais. Mesmo assim, vão aqui algumas especificas para teu caso:

Fórum de empregos reservados para pessoas trans: https://www.transempregos.com.br/

Alguns cursos com certificados gratuitos para botar no currículo de coisas relevantes como Excel e Office: https://www.ev.org.br/

Esses são para você tentar arruma rum emprego logo. Sendo sincero, você não vai encontrar nada em TI num estágio muito inicial de programação e nenhum grau técnico ou curso, especialmente em uma cidade menor. TI vai ter que ser um troço que você vai querer desenvolver por uns meses, se você já não tem. A verdade é que no estágio eles vão te perguntar oque você sabe e as chances são que tem alguém que já sabe ao invés de você. Infelizmente os recrutadores costumam pencas de aplicaçõs dizendo que podem aprender (isso no bem inicio mesmo, com tecnologia mais especificas até ocorre mas é porque já tem muitos outros conhecimentos no prato da pessoa para destacar ela), e famosamente no campo a pessoa é contratada e não corre atras depois. Então eles evitam mesmo que diga o contrario.

Não leve a mal, é verdade que não é preciso de curso para ter um emprego em TI e não é o principal que os empregadores olham. Mas se você tiver um nível muito básico de programação, é a mesma coisa que não estar mostrando nada para eles que valha empregar. Oque você pode acabar achando mais é um trabalho que foque em manutenção de computadores de uma empresa desse jeito.

Agora, se você realmente quiser um emprego na área de TI:

Arrume um portfolio. Tipo um github. Aprenda a usar github e bote todos os exercícios de programação que fizer lá com o código fonte da solução. Crie pequenos projetos e coloque eles no seu github também. Em qualquer aplicação de TI bote o link para seu github no currículo. Pequenos projetos como uma aplicação que faz seu orçamento do mês de acordo com inputs, pequenos sites que sejam tipo blogs, o próprio github deixa você hostear um pequeno site na plataforma para propositos de demonstrar suas habilidades.

C, C++, Python e Java são as linguagens mais usadas hoje em dia. No fim aprender programação nem é tanto sobre a linguagem, mas tenta começar com uma dessas. Já programação web de sites Javascript domina, para sites precisa saber HTML também, mas isso não precisa se não for para site.

Algumas aulas de TI gratuitas para pessoas trans em português: https://educatransforma.com.br

Mesma coisa mas habilidades variadas sobre arranjar um emprego em TI, inglês: https://transtechsocial.org/programs/grow/

Bootcamp em SP e RJ com preferencia a minorias: https://www.instagram.com/generationbrasil

Existem aulas online gratuitas também. Se você sabe inglês, a ONG Trans Academy tem dado aulas de programação Python para pessoas trans online via audio de Discord e VRchat (tem versão para Android e para computador mas não precisa entrar para participar) e a próxima começa em novembro. Eles corrigem exercícios e dúvidas. Site deles: https://www.transacademy.org/ . E tem vídeos também para você ter uma ideia das aulas: https://m.youtube.com/playlist?list=PL4dUgckgoKuruPlIxIc_W_24QQhhwTvi3

Se você não sabe inglês, vai ir aprender. Pode parecer rude, mas os fatos são que quase todo mundo na área sabe inglês e pesquisar como programar algo específico acaba tendo que ser em inglês porque é onde tem mais recurso. O empregador sempre vai preferir alguém com inglês do que alguém que só tem português. Até a própria programação funciona em inglês, os comandos são todos em inglês.

De resto se você tiver um nivel bom de programação a ideia é diferente. Existem diversas áreas de especialização que dá para acabar. Pesquisa um pouquinho que cada uma tem coisa diferente.

----------

Nota:

Apesar do inglês básico ser o suficiente para programar a lingua, não é para pesquisar as verdadeiras questões mais complicadas. Todas as soluções de problemas hiper-específicos são em inglês. Elas vão estar em threads hiper-obscuros de programação e fóruns. Além disso, é um diferencial enorme na contratação visto que praticamente toda aplicação vai ter. Nunca trabalhei em um lugar de desenvolvimento que tivesse mais que 1 programador que não falasse inglês. Talvez sua experiência seja diferente, mas a minha é assim. Apesar de que na questão de suporte de TI básico tipo concertar computador já é outra coisa.

[rop901]

Revolucionando el Negocio de Manny'S Water And Plus Corp con una App Móvil Creada en AppCDF-Pro

En la era digital, la transformación tecnológica ya no es una opción, sino una necesidad para las empresas que buscan mantenerse competitivas y ofrecer un servicio al cliente superior. Este fue el caso de Manny’S Water And Plus Corp, un distribuidor de agua y refrescos en los Estados Unidos, que recientemente dio un gran paso hacia la modernización de su negocio con la creación de una innovadora…

[titocampossv]

EXTRACTO CLASE: ¿Qué es el HTML? HTML es un Lenguaje de Marcado de Hipertexto que se utiliza para la construcción y estructura de sitios web. Este lenguaje permite indicar una estructura de un documento que puede ser visualizado en el navegador a través de etiquetas que se escriben de manera lógica para colocar contenido. Enlace a la mini video-clase completa: https://youtu.be/Zg3-4iAj7Ho Para mas contenido, no olvidar seguirme en mi canal de YOUTUBE, desde el enlace en la biografía o en desde https://www.youtube.com/titocampos ____ Para ver clases y tutoriales paso a paso…no olvide visitar ✅ https://www.youtube.com/titocampos Encuentre en mi blog otras frases, tips, lecturas y recursos gratuitos ➡️ https://blog.titocampos.com Más contenido en los enlaces de la biografía ➡️ https://links.titocampos.com _____ ño

[jackhelps]

— COMO USAR UM THEME CUSTOMIZADO?

Como usar um theme customizado sem saber editar html.

Então você quer usar um theme customizado aqui no tumblr mas não tem nenhuma experiência com html? Pode deixar que agora você vai poder usar sim e não vai precisar ver uma linha de código pra customizar o seu theme.

Lembrando que meus tutoriais são gigantescos, e esse aqui não é diferente!

Primeiro, é bom ter expectativas de acordo com o que você vai fazer. É claro que themes mais elaborados e com mais detalhes vão demandar conhecimento em html e vão precisar que você vá até o código para editar, então para este tutorial, vamos aprender a usar themes mais simples, porém esteticamente bonitos também.

Uma observação que quero deixar aqui também: a maioria de criadores de themes deixam neles instruções de como personalizar. A maioria requer um conhecimento mínimo de html só pra saber como editar certas coisas, mas alguns só precisam que você vá lá alterar as informações que quer adicionar. Aqui, nós vamos aprender a usar algo que não demande nada disso.

O primeiro passo é ir até as configurações e ativar a opção de tema personalizado:

Depois disso existem duas possibilidades: utilizar um theme do próprio tumblr, ou escolher um theme de algum criador. Vou separar esse tutorial para explicar as duas opções.

Themes de Criadores:

Para usar um theme de um criador da tag, você precisa selecionar um e ter atenção à alguns detalhes. Eu recomendo o theme-hunter, mas também tenho uma tag com themes aqui, e você pode usar a tag geral também.

Depois que você selecionar um desses lugares, você precisa pesquisar especificamente por themes que não tenham nenhuma especificação de conhecimento de html necessário. É um pouco complexo, já que não existe um padrão de post de themes, então vai te demandar um pouco de atenção e de tempo. Alguns criadores incluem um aviso de que não há necessidade de alterar o html, como esse aqui, por exemplo.

No geral, você vai procurar termos como:

html knowledge needed; nesse caso vai ter necessidade de mexer no código.

no changes in the code needed; nesse caso não tem mudanças necessárias no html.

Lembrando que você precisa encontrar themes. Se o post for chamado de page, não vai funcionar pois é outra coisa totalmente diferente.

Para esse tutorial, eu vou usar esse theme aqui.

Selecionado o seu theme, você vai clicar no lugar indicado no post. O link pode estar como code, download, pastebin ou github. Você vai encontrar uma página com html e vai selecionar tudo e copiar.

Lá nas configurações você vai entrar em editar tema e essa página vai abrir:

No canto superior esquerdo, abaixo de 'Tumblr Oficial', que é o nome do tema automático, você vai clicar em Editar HTML e uma nova aba vai surgir com o código. Você vai selecionar todo esse código, apagar, e colar o código do tema que escolheu. Clique em Atualizar Visualização > Salvar e dê F5 na página.

Agora, você vai voltar no post do seu theme e vai checar se existe algum tipo de especificação sobre o tamanho das imagens do theme. No meu, a imagem da sidebar é de 120x120. É importante tentar encontrar imagens dentro do limite estabelecido pra que elas encaixem bem, já que alguns temas não fazem isso automaticamente. Pra essa parte você que decide o que vai escolher, e pode usar o Pinterest, google, ou até mesmo o próprio tumblr.

No meu theme escolhido existe a opção pra 4 imagens, então eu vou baixar todas elas e depois voltar pra editar o tema.

Agora, toda a sua customização vai ser feita pelo menu do tumblr, ali na página de edição de tema. Primeiro você vai ter as opções de aparência, que vão alterar como o seu tumblr é visto no modo leitura ou pelo mobile:

Essa parte não vai alterar na mudança do seu theme, então pode descer até encontrar as Opções de Tema. Cada tema vai ter um número diferente de opções de customização, mas no geral você vai encontrar os botões para upar suas imagens dessa forma:

Ou com nomes similares, mas sempre com a câmera ali do lado, ou com um lápis caso já tenha uma. Você só adiciona as suas imagens e pronto, elas devem aparecer no preview. Eu recomendo salvar depois de cada passo, para não correr o risco de perder seu progresso.

Depois você vai ter as opções para alterar as cores do theme:

Essa parte em específico também vai ser muito particular de cada tema. Cada um pode ter nomes diferentes para partes diferentes, então caso você não saiba o que está mudando, eu recomendo colocar na cor vermelha, esperar atualizar e ver onde foi mudado.

Alguns termos que não vão mudar, em geral, são: background (cor do fundo do blog), text (cor do texto em geral), link (cor dos links), link hover (cor do link quando você passa o mouse por cima), post background (cor dos posts). Esses, quando mudados, vão alterar as mesmas coisas em qualquer tema.

Para alterar a cor, você pode clicar nela e ir selecionando ali no color picker do tumblr, ou adicionar o código hex da cor. O que eu faço e recomendo, é que você tenha um esquema de cores que pretenda usar e tenha em mãos o código hex de cada uma delas, assim é só copiar e colar e seu theme vai ficar padronizado.

Então, vamos lá. Esse é o meu antes:

Vou adicionar as cores da minha paleta de cores em cada uma das opções. Aqui não existe um padrão e você vai precisar testar o que funciona, e o que você acha que fica mais bonito. Vai demandar um tempo pra conseguir funcionar, e é normal. O que eu faço quando vou mudar muitas coisas no meu theme é criar um sideblog de teste, alterar o theme todo lá, e depois só passar pro principal quando eu tiver certeza. Assim, caso alguém entre no meu tumblr enquanto estou alterando algo, não vai estar uma bagunça.

Depois de adicionar minhas cores, o meu theme ficou assim:

Ainda tá bem cru, certo? Faltam as imagens da sidebar (que eu já upei), e outras opções. Nesse theme em específico, o que acontece é que essas opções estão desativadas. Então vou descer até encontrar elas e ativar, assim:

E só com alguns cliques o meu theme virou isso aqui:

Eu também aproveitei pra adicionar o título e a descrição, mas se você já tem um blog, já vai ter ambos. Caso o seu também não tenha, título e descrição são adicionados lá em cima, nas Opções de Aparência que nós pulamos.

Agora que a parte estética já está pronta, nós vamos adicionar os links aqui:

Onde tem 'link one title' é onde você vai colocar o título do seu link, e embaixo, em 'link one' você vai substituir a barra / pelo link que quer usar. Neste caso, temos algumas opções também:

Caso você tenha um link fora do seu tumblr, você vai copiar o colar o link inteiro. Por exemplo, quando eu coloco o link dos meus afiliados no meu menu, eu copio o link inteiro, como https://desireeh.tumblr.com/.

Caso você queira colocar um link de dentro do seu blog, como uma página (mais sobre isso abaixo), ou o link da sua ask, você não precisa colar o link inteiro. No caso da ask, pode colocar apenas '/ask', e no caso de uma página, você vai colocar só o final da url. Por exemplo, se eu for colocar o meu link de navegação, coloco apenas '/nav'.

Caso você queira direcionar para uma tag específica dentro do seu blog, você vai colocar '/tagged/suatag' e substituir 'suatag' pela tag. Não é necessário colocar o link inteiro.

Meu exemplo ficaria assim:

Lembra que eu tinha ali em cima o link cinco também? Então, como eu não vou usar, é só apagar o título e a barra, assim ele desaparece da navegação e fica ali disponível pra quando você quiser usar. A navegação pronta fica assim:

Esse theme em específico também tem um detalhe: ele possui o modo noturno. Basicamente, você tem um botão na própria navegação para alternar entre tema claro e escuro, e quem entrar no seu tumblr vai poder fazer essa escolha. Esses themes são ótimas opções pois existem usuários que preferem temas claros, e aqueles que preferem escuros. Tendo um desses, você consegue deixar o seu tumblr agradável pra ambos os grupos.

Para alterar as cores do modo noturno, você vai ter ali mesmo nas Opções de Tema as mesmas opções de cores, mas com a especificação de que a seleção é para o modo noturno:

Para visualizar o modo noturno, você vai clicar no botão disponibilizado no tema. Neste theme, o botão está no canto superior direito.

Meu theme ficou assim no modo diurno:

E no modo noturno:

Pronto! O theme está finalizado e eu não toquei em uma linha de html (exceto se você for contar o copiar e colar lá no início).

Eu escolhi um theme mais simples pra poder explicar como funciona, mas podem existir sim themes mais elaborados que não demandem html. Você só precisa tirar um pouquinho de tempo para selecionar um que goste e se certificar de que não precisa editar html.

Utilizando um tema do tumblr:

O tumblr possui alguns temas gratuitos e personalizáveis na galeria, que também são feitos por criadores da comunidade. Mas esses, especificamente, podem ser selecionados diretamente na tela de personalização.

Pra isso, você vai abrir a página de editar, e no canto superior esquerdo vai encontrar a opção de visualizar temas:

Inicialmente você vai encontrar o tema oficial e alguns temas pagos:

Então você vai clicar em 'todos os temas' e selecionar 'temas gratuitos'.

Existem diversas opções de temas por lá, e você também pode entrar neste link para encontrar outros. Entrando nessa página, você entra no tema escolhido e seleciona Instalar, assim vai ser direcionado para a página de customização.

Eu escolhi ali na galeria o theme Pixelution:

Depois é só clicar em usar, salvar, e eu gosto de dar F5 na página antes de começar a customizar.

Da mesma forma que o theme anterior, a customização vai ser feita completamente pelo menu de Personalização. Essas são as opções desse theme:

Como eu disse, cada theme tem suas opções, mas seguem o mesmo princípio: imagens, cores e links. Nesse tema específico você também pode alterar a fonte e algumas coisas mais específicas (imagem 3).

Depois de seguir os mesmos passos que já ensinei, o meu theme ficou assim:

Infelizmente o tumblr não tem tantas opções quanto criadores da tag, mas caso você não queira ficar muito tempo pesquisando até encontrar themes que não precisem de conhecimento em html, é uma boa opção.

Páginas:

Quando você tem um theme customizado, você tem a opção de adicionar páginas. Exemplos de páginas são as de navegação, como a minha, que é uma página simples sem customização do html, ou páginas com customização de html, como o meu diretório da rp br.

Como o nosso foco é não precisar usar html, vou ensinar a criar páginas simples, que é algo muito rápido e fácil.

O que você vai fazer é descer o menu de Customização até o fim, e vai encontrar a opção 'Adicionar uma página'.

Selecione essa opção e você vai ter essa nova página de customização:

No campo de url, você vai colocar o link para a sua página. É ele que você vai utilizar nos seus links, e copiar e colar onde você quiser direcionar. Para criar uma navegação, por exemplo, eu só colocaria nav após a barra, o título da forma que achar melhor, e depois colocaria os links no editor de texto.

A minha navegação, por exemplo, fica assim:

Depois é só salvar e colocar o link onde você quiser. No meu fixado, por exemplo, eu deixo o link da navegação e outras páginas.

Eu não sei se há um limite de páginas por blog, mas acredito que não. Você pode fazer páginas para as suas guidelines, bios de personagem, conexões, e etc. Como é um editor de texto, você pode escrever o que quiser e adicionar imagens, etc.

As páginas simples vão sempre seguir o theme do seu blog, então você não vai precisar se preocupar com questões estéticas em geral.

Infelizmente é muito difícil fazer um tutorial tratando de páginas customizadas, já que cada uma tem um html diferente e é necessário saber o básico para customizar. Portanto, se você não quer mexer com nada de html, recomendo ficar só nas páginas simples.

Pontos importantes:

Quando você for usar um theme customizado, precisa se lembrar de algumas coisas: o theme deve estar legível para quem vai entrar no seu blog, independente do que você posta. Por isso tenha certeza de que ninguém vai ter dificuldade lendo. Pra isso você precisa de cores que não forcem a vista, e letras grandes o suficiente para leitura (nada de colocar letrinhas minúsculas)

Além disso, sempre dê uma olhada pra checar se está tudo organizado e limpo. Não deixe nada muito bagunçado, pois uma página abarrotada de coisas pode dificultar a leitura também e incomodar.

Assim, então, finalizamos o nosso tutorial.

Enquanto escrevia ele, resolvi criar uma tag de themes que não demandem conhecimento de html. Vocês podem encontrar eles aqui.

Caso surja alguma dúvida, minha askbox está aberta!