fix all more blocks

rapoulson · rapoulson · commit 9049ef8c6d35 · 2015-06-19T09:12:02.000-04:00
diff --git a/pt/css/README.md b/pt/css/README.md
@@ -73,18 +73,20 @@ Mas vamos fazer pelo menos um pouco. Talvez possamos mudar a cor do nosso cabeç
 
 Em seu arquivo `static/css/blog.css` você deve adicionar o seguinte código:
 
-    ```css
+```css
     h1 a {
         color: #FCA205;
-    }```
+    }
+```
     
 
 `h1 a` é um seletor de CSS. Isso significa que nós estamos aplicando nossos estilos para qualquer elemento `a` dentro de um elemento `h1`(i.e. quando tivermos no código algo como: `<h1><a href="">link</a></h1>`). Neste caso nós estamos dizendo para mudar a cor para `#FCA205`, que é laranja. Claro, você pode colocar a cor que você quiser aqui!
 
 Em um arquivo CSS podemos determinar estilos para elementos no arquivo HTML. Os elementos são identificados pelo nome do elemento (ou seja, `a`, `h1`, `body`), o atributo de `class` ou o atributo `id`. Classe e id são nomes que você mesmo dá ao elemento. Classes definem grupos de elementos, e ids apontam para elementos específicos. Por exemplo, a seguinte tag pode ser identificada por CSS usando a tag de nome `a`, a classe `link_externo` ou a identificação de `link_para_a_pagina_wiki`:
 
-    ```html
-    <a href="http://en.wikipedia.org/wiki/Django" class="external_link" id="link_to_wiki_page">```
+```html
+    <a href="http://en.wikipedia.org/wiki/Django" class="external_link" id="link_to_wiki_page">
+```
     
 
 Leia sobre [Seletores CSS em w3schools][4].
@@ -93,14 +95,16 @@ Leia sobre [Seletores CSS em w3schools][4].
 
 Então, precisamos também contar o nosso template HTML que nós adicionamos CSS. Abra o arquivo `blog/templates/blog/post_list.html` e adicione essa linha no início do mesmo:
 
-    ```html
-    {% load staticfiles %}```
+```html
+    {% load staticfiles %}
+```
     
 
 Estamos apenas carregando arquivos estáticos aqui :). Depois, entre o `<head>` `e/</head>`, depois dos links para os arquivos de CSS do Bootstrap (o navegador lê os arquivos na ordem que eles são dados, então o código em nosso arquivo pode substituir o código em arquivos de inicialização), adicione esta linha:
 
-    ```html
-    <link rel="stylesheet" href="{% static 'css/blog.css' %}">```
+```html
+    <link rel="stylesheet" href="{% static 'css/blog.css' %}">
+```
     
 
 Só dissemos que nosso modelo onde se encontra nosso arquivo CSS.
@@ -129,7 +133,8 @@ Agora, seu arquivo deve ficar assim:
                 </div>
             {% endfor %}
         </body>
-    </html>```
+    </html>
+```
     
 
 OK, salve o arquivo e atualize o site!
@@ -140,10 +145,11 @@ OK, salve o arquivo e atualize o site!
 
 Bom trabalho! Talvez a gente também queira dar um pouco de ar ao nosso site e aumentar a margem do lado esquerdo? Vamos tentar!
 
-    ```css
+```css
     body {
         padding-left: 15px;
-    }```
+    }
+```
     
 
 Adicione isto ao seu arquivo CSS, salve e veja como ele funciona!
@@ -154,19 +160,21 @@ Adicione isto ao seu arquivo CSS, salve e veja como ele funciona!
 
 Talvez a gente possa customizar a fonte no nosso cabeçalho? Cole na seção `<head>` do arquivo `blog/templates/blog/post_list.html` o seguinte:
 
-    ```html
-    <link href="http://fonts.googleapis.com/css?family=Lobster&subset=latin,latin-ext" rel="stylesheet" type="text/css">```
+```html
+    <link href="http://fonts.googleapis.com/css?family=Lobster&subset=latin,latin-ext" rel="stylesheet" type="text/css">
+```
     
 
 Essa linha irá importar uma fonte chamada *Lobster* do Google Fonts (https://www.google.com/fonts).
 
 Agora adicione a linha `font-family: 'Lobster';` no CSS do arquivo `static/css/blog.css` dentro do bloco de declaração `h1 a` (o código entre as chaves `{` e `}`) e atualize a página:
 
-    ```css
+```css
     h1 a {
         color: #FCA205;
         font-family: 'Lobster';
-    }```
+    }
+```
     
 
 ![Figura 14.3][7]
@@ -179,25 +187,27 @@ Como mencionado acima, CSS usa o conceito de classes, que basicamente permite qu
 
 Vá em frente e o nomeie algumas partes do código HTML. Adicione uma classe chamada de `page-header` para o `div` que contém o cabeçalho, assim:
 
-    ```html
+```html
     <div class="page-header">
         <h1><a href="/">Django Girls Blog</a></h1>
-    </div>```
+    </div>
+```
     
 
 E agora, adicione uma classe `post` em sua `div` que contém um post de blog.
 
-    ```html
+```html
     <div class="post">
         <p>published: {{ post.published_date }}</p>
         <h1><a href="">{{ post.title }}</a></h1>
         <p>{{ post.text|linebreaks }}</p>
-    </div>```
+    </div>
+```
     
 
 Agora adicionaremos blocos de declaração de seletores diferentes. Seletores começando com `.` se referem às classes. Existem muitos tutoriais e explicações sobre CSS na Web para ajudar você a entender o código a seguir. Por enquanto, basta copiar e colá-lo em seu arquivo `mysite/static/css/blog.css`:
 
-    ```css
+```css
     .page-header {
         background-color: #ff9400;
         margin-top: 0;
@@ -244,24 +254,26 @@ Agora adicionaremos blocos de declaração de seletores diferentes. Seletores co
     
     .post h1 a, .post h1 a:visited {
         color: #000000;
-    }```
+    }
+```
     
 
 Então envolva o código HTML que exibe as mensagens com declarações de classes. Substitua isto:
 
-    ```html
+```html
     {% for post in posts %}
         <div class="post">
             <p>published: {{ post.published_date }}</p>
             <h1><a href="">{{ post.title }}</a></h1>
             <p>{{ post.text|linebreaks }}</p>
         </div>
-    {% endfor %}```
+    {% endfor %}
+```
     
 
 no arquivo `blog/templates/blog/post_list.html` por isto:
 
-    ```html
+```html
     <div class="content container">
         <div class="row">
             <div class="col-md-8">
@@ -276,7 +288,8 @@ no arquivo `blog/templates/blog/post_list.html` por isto:
                 {% endfor %}
             </div>
         </div>
-    </div>```
+    </div>
+```
     
 
 Salve esses arquivos e atualize seu site.
diff --git a/pt/django_forms/README.md b/pt/django_forms/README.md
@@ -185,40 +185,40 @@ Então na nossa *view* nós temos duas situações separadas para lidar. A prime
 
 Está na hora de preencher os pontos`[...]`. Se `method` é `POST` então nós queremos construir o `PostForm` com os dados que veem do formulário, certo? Nós iremos fazer assim:
 
- ```python
+```python
     form = PostForm(request.POST)
- ```   
+```   
 
 Fácil! Próxima coisa é verificar se o formulário está correto(todos os campos requeridos são definidos e valores incorretos não serão salvos). Fazemos isso com `form.is_valid()`.
 
 Verificamos se o formulário é válido e se estiver tudo certo, podemos salvá-lo!
 
- ```python
+```python
     if form.is_valid():
         post = form.save(commit=False)
         post.author = request.user
         post.save()
- ```
+```
 
 Basicamente, temos duas coisas aqui: Salvamos o formulário com `form.save` e adicionados um autor(desde que não haja o campo `author` em `PostForm`, e este campo é obrigatório!). `commit=False` significa que não queremos salvar o modelo `Post` ainda - queremos adicionar autor primeiro. Na maioria das vezes você irá usar `form.save()`, sem `commit=False`, mas neste caso, precisamos fazer isso. `post.save()` irá preservar as alterações(adicionando autor) e é criado um novo post no blog!
 
 Finalmente, não seria fantástico se nós pudéssemos imediatamente ir à página de `post_detail` para o recém-criado blog post, certo? Para fazer isso nós precisaremos de mais uma importação:
 
- ```python
+```python
     from django.shortcuts import redirect
-    ```
+```
 
 Adicione-o logo no início do seu arquivo. E agora podemos dizer: vá para a página `post_detail` para um recém-criado post.
 
- ```python
+```python
     return redirect('blog.views.post_detail', pk=post.pk)
-    ```
+```
 
 `blog.views.post_detail` é o nome da view que queremos ir. Lembre-se que essa *view* exige uma variável `pk`? Para passar isso nas `views` usamos `pk=post.pk`, onde post é o recém-criado blog post.
 
 Ok, nós falamos muito, mas provavelmente queremos ver o que toda a *view* irá parecer agora, certo?
 
- ```python
+```python
     def post_new(request):
         if request.method == "POST":
             form = PostForm(request.POST)
@@ -230,7 +230,7 @@ Ok, nós falamos muito, mas provavelmente queremos ver o que toda a *view* irá
         else:
             form = PostForm()
         return render(request, 'blog/post_edit.html', {'form': form})
-    ```
+```
 
 Vamos ver se funciona. Vá para o página http://127.0.0.1:8000/post/novo /, adicione um `title` e o `text`, salve... e voilà! O novo blog post é adicionado e nós somos redirecionados para a página de `post_detail`!
 
@@ -262,8 +262,9 @@ Agora sabemos como adicionar um novo formulário. Mas e se quisermos editar um j
 
 Abra `blog/templates/blog/post_detail.html` e adicione a linha:
 
-    ```python
-    <a class="btn btn-default" href="{% url 'post_edit' pk=post.pk %}"><span class="glyphicon glyphicon-pencil"></span></a>```
+```python
+    <a class="btn btn-default" href="{% url 'post_edit' pk=post.pk %}"><span class="glyphicon glyphicon-pencil"></span></a>
+```
     
 
 Agora o modelo estará parecido com:
@@ -294,7 +295,7 @@ Nós reutilizaremos o modelo `blog/templates/blog/post_edit.html`, então a últ
 
 Vamos abrir `blog/views.py` e adicionar no final do arquivo:
 
-    ```python
+```python
     def post_edit(request, pk):
         post = get_object_or_404(Post, pk=pk)
         if request.method == "POST":
@@ -307,19 +308,19 @@ Vamos abrir `blog/views.py` e adicionar no final do arquivo:
         else:
             form = PostForm(instance=post)
         return render(request, 'blog/post_edit.html', {'form': form})
-    ```
+```
 
 Isso é quase exatamente igual a nossa view de `post_new`, certo? Mas não totalmente. Primeira coisa: passamos um parâmetro extra da url `pk`. Em seguida: pegamos o modelo `Post` que queremos editar com `get_object_or_404 (Post, pk=pk)` e então, quando criamos um formulário passamos este post como uma `instância`, tanto quando salvamos o formulário:
 
-    ```python
+```python
     form = PostForm(request.POST, instance=post)
-    ```
+```
 
 como quando nós apenas abrimos um formulário com este post para editar:
 
-    ```python
+```python
     form = PostForm(instance=post)
-    ```
+```
 
 Ok, vamos testar se funciona! Vamos para a página `post_detail`. Deve haver um botão editar no canto superior direito:
 
diff --git a/pt/django_templates/README.md b/pt/django_templates/README.md
@@ -14,9 +14,9 @@ No capitulo anterior, nós fornecemos ao nosso template uma lista de postagens e
 
 Para exibir uma variável no Django template, nós usamos colchetes duplos com o nome da variável dentro, exemplo:
 
-    ```html
+```html
     {{ posts }}
-    ```
+```
 
 Tentar fazer isso no seu template `blog/templates/blog/post_list.html` (substituia o segundo e o terceiro par de tags `< div >< / div >` pela linha `{{ posts }}`), salve o arquivo e atualize a página para ver os resultados:
 
@@ -31,11 +31,11 @@ Você pode ver, tudo que temos é:
 
 Isto significa que o Django a entende como uma lista de objetos. Lembre-se de **introdução ao Python** como podemos exibir listas? Sim, com os loops! Em um template Django, fazemos isso da seguinte maneira:
 
-    ```html
+```html
     {% for post in posts %}
         {{ post }}
     {% endfor %}
-    ```
+```
 
 Tente fazer isso no seu template.
 
@@ -45,7 +45,7 @@ Tente fazer isso no seu template.
 
 Funciona! Mas nós queremos que eles sejam exibidos como os posts estáticos, como os que criamos anteriormente no capítulo de **Introdução a HTML**. Nós podemos misturar HTML com tags de template. O conteúdo da tag `body` ficará assim:
 
-    ```html
+```html
     <div>
         <h1><a href="/">Django Girls Blog</a></h1>
     </div>
@@ -57,7 +57,7 @@ Funciona! Mas nós queremos que eles sejam exibidos como os posts estáticos, co
             <p>{{ post.text|linebreaks }}</p>
         </div>
     {% endfor %}
-    ```
+```
 
 Tudo que você põe enrte `{% for %}` e `{% endfor %}` será repetido para cada objeto na lista. Atualize sua página:
 
diff --git a/pt/html/README.md b/pt/html/README.md
@@ -69,7 +69,7 @@ Nós usamos a tag `<head>` para dizer ao navegador sobre as configurações da p
 
 Por exemplo, você pode por o elemento título de uma página web dentro da tag `<head>`. Veja:
 
-    html
+```html
     <html>
         <head>
             <title>Ola's blog</title>
@@ -79,7 +79,7 @@ Por exemplo, você pode por o elemento título de uma página web dentro da tag
             <p>It works!</p>
         </body>
     </html>
-    
+```    
 
 Salve o arquivo e atualize sua página.
 
@@ -111,7 +111,7 @@ Agora você pode se divertir um pouco tentando customizar o seu template! Aqui e
 
 Aqui está um exemplo de um template completo:
 
-    html
+```html
     <html>
         <head>
             <title>Django Girls blog</title>
@@ -134,7 +134,7 @@ Aqui está um exemplo de um template completo:
             </div>
         </body>
     </html>
-    
+```
 
 Nós criamos três seções `div` aqui.
 
@@ -200,4 +200,4 @@ Eveja seu código sendo baixado. Se você deseja verificar se já chegou, pode i
 
  [6]: https://www.pythonanywhere.com/web_app_setup/
 
-Sua atualização deve estar live! Vá em frente e atualize seu site no navegador. As alterações devem ser visíveis :)
+Sua atualização deve estar live! Vá em frente e atualize seu site no navegador. As alterações devem ser visíveis :)
