Aprendendo a usar Pré
OOláaa 22kos, lembrei que há um tempo vocês estavam perguntando mesmo como é que se usava < pré> então, lembrei de fazer esse tuto kkkk Como vocês já devem ter notado, eu sou p-é-s-s-i-m-a pra tentar explicar as coisas, explico de um jeito meio complicado :c mas se vocês não conseguirem entender algo, por favor, venham na ask e perguntem que eu explico com toda a paciência do universo :3 Vamos lá. Para quem não se lembra o que é, é aquilo que os tumblrs de html costumam usar quando postam algum código, dai fica tudo certinho sem vocês precisarem repor aspas e tal. Enfim, primeiro de tudo, você deve ter o código de algum estilo de < pré> no seu theme se não ela NUNCA vai pegar. O RH disponibiliza algumas < prés> na tagged/pre . Tá, você vai criar seu post normal, escrever o que quiser, colocar seus códigos e blá blá blá. Quando terminar clica no botão de <html> que tem ai, perdido no negócio branco onde tu faz seu post ~print~. Depois de ter clicado nisso, tudo o que você escreveu vai parecer meio confuso pra você, vai estar com uns códigos estranhos de "<p>" "<span>" e umas coisas estranhas, mas é normal, isso é o html do post. Agora vamos por a < pré> preste atenção porque essa parte é beeem chatinha. Você sabe negritar uma palavra pelo html do theme? Sabe que pra negritar a palavra você tem que por < b> a palavra que quer negritar aqui < /b> ? Então, para usar a pré é basicamente isso! Mas não se precipite, ela é bem chatinha e complicada, as vezes aparece e as vezes não.
Veja o meu post como está ~print~ estão vendo aonde eu circulei de vermelho? então, é aonde começa e aonde termina a linha do post. Dentre elas, você vai colocar a < pré> na parte do seu post que quer que fique com a pré. Niick, como assim? deu nó na cabeça.
Olhem meu outro print que vocês vão entender melhor ~print~. Estão vendo que eu adicionei os códigos da pré aonde eu quero que fique com pré, ou seja, no começo do " #código: {suponhamos..." ai no fim eu fechei a pré. Feito isso, clique em <html> de novo. Se o seu código estiver pequenininho assim ~print~ é porque você conseguiu. Porém, reparem que esse código não houve quebra entre uma linha e outra, eu apertei shift+enter que faz você começar a escrever em outra linha, porém não quebra ela. Quando eu tenho códigos que, por exemplo, ficam uma parte em uma linha e outra parte mais em baixo (na outra linha) a < pré> se quebra junto com a linha, fazendo somente a primeira linha ficar dentro da < pré> .
Niick, oque é uma quebra de linha?
Vou mostrar no segundo exemplo.~ Print ~ Agora vamos para o html do post. ~Print~ Reparem que eu coloquei o código da pré antes da primeira palavra e depois da ultima palavra do meu post, porém há um código (<p> </p>) entre a abertura e o fechamento da pré; esse código significa que há um quebramento de linha dentro da pré o que irá fazer minha pré se quebrar também. Repare quando eu aperto de novo no <html> para o post voltar ao normal ~Print~. Veja que só a primeira parte ficou pequenininha, ou seja, dentro da pré. Isso, é culpa da quebra de linha.
O que fazer quando isso acontece?
Você deleta o espaço entre uma linha e outra, fazendo com que a quebra se junte e que todo seu código fique dentro da pré. ~PRINT~ veja que eu deletei os espaços entre uma linha e outra, porém ainda não ficou tudo pequenininho né? Mas dai eu cliquei em html de novo e PUF, olhem como tudo está dentro da pré, bonitinho. Cliquei mais uma vez em <html> e PUUF tudo estava pequenininho e dentro da pré :) Só que ta tudo tão feio e junto né? É só arrumar agora, você pode dar ENTER, SHIFT+ENTER, tanto faz, pode arrumar de novo que tudo vai continuar dentro da pré ~Print~. Prontinho, salve seu post e já tem seus códigos dentro da < pré>
Gente, desculpa mesmo, o tuto ficou enooorme, mas eu tentei explicar pedacinho por pedacinho. Tá meio confuso eu sei, mas qualquer coisa é só perguntar.
Se te for util, dê like.
/Niick
