CSS do scaffold não aparece (Apostila da Caelum)

18 respostas
jamesfrj

Fala pessoal!! Usando o rails seguindo a apostila da Caelum tentei adicionar o css conforme abaixo, mas não funcionou:

O comando scaffold, quando executado, gera um css mais bonito para nossa aplicação. Se quiser utilizá-lo, edite nosso layout (app/views/layouts/application.html.erb) e adicione a seguinte linha logo abaixo da tag :<br> <%= stylesheet_link_tag 'scaffold' %></p> <p>Segue como ficou o meu <strong>app/views/layouts/application.html.erb</strong> :</p> <div class="highlight"><pre><span></span><span class="cp"><!DOCTYPE html></span> <span class="p"><</span><span class="nt">html</span><span class="p">></span> <span class="p"><</span><span class="nt">head</span><span class="p">></span> <span class="p"><</span><span class="nt">title</span><span class="p">></span>Programa de Qualificação de Restaurantes<span class="p"></</span><span class="nt">title</span><span class="p">></span> <span class="cm"><!--</span><span class="cp"><%=</span><span class="w"> </span><span class="n">stylesheet_link_tag</span><span class="w"> </span><span class="ss">:all</span><span class="w"> </span><span class="cp">%></span><span class="cm">--></span> <span class="cp"><%=</span><span class="w"> </span><span class="n">stylesheet_link_tag</span><span class="w"> </span><span class="s1">'scaffold'</span><span class="w"> </span><span class="cp">%></span> <span class="cp"><%=</span><span class="w"> </span><span class="n">javascript_include_tag</span><span class="w"> </span><span class="ss">:defaults</span><span class="w"> </span><span class="cp">%></span> <span class="cp"><%=</span><span class="w"> </span><span class="n">csrf_meta_tag</span><span class="w"> </span><span class="cp">%></span> <span class="p"></</span><span class="nt">head</span><span class="p">></span> <span class="p"><</span><span class="nt">body</span><span class="p">></span> <span class="p"><</span><span class="nt">p</span> <span class="na">style</span><span class="o">=</span><span class="s">"color: green"</span><span class="p">></span><span class="cp"><%=</span><span class="w"> </span><span class="n">flash</span><span class="o">[</span><span class="ss">:notice</span><span class="o">]</span><span class="w"> </span><span class="cp">%></span><span class="p"></</span><span class="nt">p</span><span class="p">></span> <span class="cp"><%=</span><span class="w"> </span><span class="k">yield</span><span class="w"> </span><span class="cp">%></span> <span class="p"></</span><span class="nt">body</span><span class="p">></span> <span class="p"></</span><span class="nt">html</span><span class="p">></span> </pre></div> <p>Já parei e reiniciei o servidor mais de uma vez mas ainda assim o layout ainda permanece inalterado.<br> O que posso estar fazendo de errado?</p></div> </div> </div> <!-- Inline CTA: between original post and replies --> <div class="inline-cta" data-pagefind-ignore data-astro-cid-gkrolune> <a href="https://www.alura.com.br/carreiras/desenvolvimento-backend-python" class="cta-banner cta-subtle" target="_blank" rel="noopener" style="--cta-bg: #f0f7ff; --cta-accent: #0066cc;" data-astro-cid-3dyr47cn> <div class="cta-content" data-astro-cid-3dyr47cn> <span class="cta-source" data-astro-cid-3dyr47cn>Alura</span> <span class="cta-title" data-astro-cid-3dyr47cn>Desenvolvimento Back-End Python</span> <span class="cta-desc" data-astro-cid-3dyr47cn>Domine o back-end com Python: crie APIs com Django, FastAPI e Flask, aplique arquitetura,...</span> </div> </a> </div> <!-- Replies --> <section class="replies-section" data-astro-cid-gkrolune> <h2 class="replies-heading" data-astro-cid-gkrolune> 18 Respostas </h2> <div class="post" id="post-2" data-astro-cid-gkrolune> <div class="post-gutter" data-astro-cid-gkrolune> <div class="avatar avatar-initial" style="width:40px; height:40px; background:#fab1a0; font-size:18px;" title="CaioIncau" data-astro-cid-vjqwbl62>C</div> </div> <div class="post-main" data-astro-cid-gkrolune> <div class="post-info" data-astro-cid-gkrolune> <span class="post-author" data-astro-cid-gkrolune>CaioIncau</span> <time data-astro-cid-gkrolune>28 de ago. de 2012</time> </div> <div class="post-body" data-astro-cid-gkrolune><p>Tenta remover a linha acima que faz o import all, sei que esta comentada , mas as vezes ele pode conflitar…</p> <p>Voce pode postar por favor o HTML gerado de algum local gerado com scaffold??</p> <p>Tipo na listagem , clicar com o direito da inspect e cola o HTML.</p></div> </div> </div><div class="post" id="post-3" data-astro-cid-gkrolune> <div class="post-gutter" data-astro-cid-gkrolune> <div class="avatar avatar-initial" style="width:40px; height:40px; background:#fab1a0; font-size:18px;" title="CaioIncau" data-astro-cid-vjqwbl62>C</div> </div> <div class="post-main" data-astro-cid-gkrolune> <div class="post-info" data-astro-cid-gkrolune> <span class="post-author" data-astro-cid-gkrolune>CaioIncau</span> <time data-astro-cid-gkrolune>28 de ago. de 2012</time> </div> <div class="post-body" data-astro-cid-gkrolune><p>public/stylesheets/scaffold.css</p> <p>este arquivo existe na sua app?</p></div> </div> </div><div class="post" id="post-4" data-astro-cid-gkrolune> <div class="post-gutter" data-astro-cid-gkrolune> <img class="avatar avatar-img" src="/uploads/2X/3/36026d0583039848ae92e1b2e606b2f003579b2b.jpg.webp" alt="ricardo.valeriano" width="40" height="40" loading="lazy" data-astro-cid-vjqwbl62> </div> <div class="post-main" data-astro-cid-gkrolune> <div class="post-info" data-astro-cid-gkrolune> <span class="post-author" data-astro-cid-gkrolune>ricardo.valeriano</span> <time data-astro-cid-gkrolune>29 de ago. de 2012</time> </div> <div class="post-body" data-astro-cid-gkrolune><p>Tudo bem <a class="mention" href="/u/jamesfrj">@jamesfrj</a>?</p> <p>Cara, não sei exatamente qual foi o problema que ocorreu nesse ponto, mas deixa eu te sugerir: baixe a última versão da apostila, pode ser que algum erro de digitação/atualização de código gerado tenha sido corrigido.</p></div> </div> </div><div class="post" id="post-5" data-astro-cid-gkrolune> <div class="post-gutter" data-astro-cid-gkrolune> <img class="avatar avatar-img" src="/uploads/3X/d/a/da0eaa95610d274a668b5de71de96770e6048970.jpg.webp" alt="jamesfrj" width="40" height="40" loading="lazy" data-astro-cid-vjqwbl62> </div> <div class="post-main" data-astro-cid-gkrolune> <div class="post-info" data-astro-cid-gkrolune> <span class="post-author" data-astro-cid-gkrolune>jamesfrj</span> <time data-astro-cid-gkrolune>29 de ago. de 2012</time> </div> <div class="post-body" data-astro-cid-gkrolune><p>Fala, CaioIncau! Cara estive sobrecarregado de trabalho esses dias e não consegui mexer no Ruby direito. Hoje à noite vou testar suas dicas e te responder.<br> Blz, ricardo.valeriano? Vou verificar a versão mais nova da apostila como você falou.</p> <p>Retorno em breve com os resultados.<br> Abraços</p></div> </div> </div><div class="post" id="post-6" data-astro-cid-gkrolune> <div class="post-gutter" data-astro-cid-gkrolune> <img class="avatar avatar-img" src="/uploads/3X/d/a/da0eaa95610d274a668b5de71de96770e6048970.jpg.webp" alt="jamesfrj" width="40" height="40" loading="lazy" data-astro-cid-vjqwbl62> </div> <div class="post-main" data-astro-cid-gkrolune> <div class="post-info" data-astro-cid-gkrolune> <span class="post-author" data-astro-cid-gkrolune>jamesfrj</span> <time data-astro-cid-gkrolune>29 de ago. de 2012</time> </div> <div class="post-body" data-astro-cid-gkrolune><p>CaioIncau, respondendo às suas perguntas:</p> <ol> <li> <p>Removi a linha do <span class="bbcode-b">import all</span> comentada, mas mesmo assim não funcionou.</p> </li> <li> <p>Segue abaixo o código do html de clientes:</p> </li> </ol> <div class="highlight"><pre><span></span><span class="cp"><!DOCTYPE html></span> <span class="p"><</span><span class="nt">html</span><span class="p">></span> <span class="p"><</span><span class="nt">head</span><span class="p">></span> <span class="p"><</span><span class="nt">title</span><span class="p">></span>Programa de Qualificação de Restaurantes<span class="p"></</span><span class="nt">title</span><span class="p">></span> <span class="p"><</span><span class="nt">link</span> <span class="na">href</span><span class="o">=</span><span class="s">"/assets/scaffold.css"</span> <span class="na">media</span><span class="o">=</span><span class="s">"screen"</span> <span class="na">rel</span><span class="o">=</span><span class="s">"stylesheet"</span> <span class="na">type</span><span class="o">=</span><span class="s">"text/css"</span> <span class="p">/></span> <span class="p"><</span><span class="nt">script</span> <span class="na">src</span><span class="o">=</span><span class="s">"/assets/defaults.js"</span> <span class="na">type</span><span class="o">=</span><span class="s">"text/javascript"</span><span class="p">></</span><span class="nt">script</span><span class="p">></span> <span class="p"><</span><span class="nt">meta</span> <span class="na">content</span><span class="o">=</span><span class="s">"authenticity_token"</span> <span class="na">name</span><span class="o">=</span><span class="s">"csrf-param"</span> <span class="p">/></span> <span class="p"><</span><span class="nt">meta</span> <span class="na">content</span><span class="o">=</span><span class="s">"2jIJ65LToQqI/lJNQ7ZeC4pb+xpeXUPrS3yF4pRxT48="</span> <span class="na">name</span><span class="o">=</span><span class="s">"csrf-token"</span> <span class="p">/></span> <span class="p"></</span><span class="nt">head</span><span class="p">></span> <span class="p"><</span><span class="nt">body</span><span class="p">></span> <span class="p"><</span><span class="nt">ul</span><span class="p">><</span><span class="nt">li</span><span class="p">><</span><span class="nt">a</span> <span class="na">href</span><span class="o">=</span><span class="s">"/clientes"</span><span class="p">></span>cliente<span class="p"></</span><span class="nt">a</span><span class="p">></</span><span class="nt">li</span><span class="p">><</span><span class="nt">li</span><span class="p">><</span><span class="nt">a</span> <span class="na">href</span><span class="o">=</span><span class="s">"/qualificacoes"</span><span class="p">></span>qualificacao<span class="p"></</span><span class="nt">a</span><span class="p">></</span><span class="nt">li</span><span class="p">><</span><span class="nt">li</span><span class="p">><</span><span class="nt">a</span> <span class="na">href</span><span class="o">=</span><span class="s">"/restaurantes"</span><span class="p">></span>restaurante<span class="p"></</span><span class="nt">a</span><span class="p">></</span><span class="nt">li</span><span class="p">></</span><span class="nt">ul</span><span class="p">></span> <span class="p"><</span><span class="nt">p</span> <span class="na">style</span><span class="o">=</span><span class="s">"color: green"</span><span class="p">></</span><span class="nt">p</span><span class="p">></span> <span class="p"><</span><span class="nt">h1</span><span class="p">></span>Listing clientes<span class="p"></</span><span class="nt">h1</span><span class="p">></span> <span class="p"><</span><span class="nt">table</span><span class="p">></span> <span class="p"><</span><span class="nt">tr</span><span class="p">></span> <span class="p"><</span><span class="nt">th</span><span class="p">></span>Nome<span class="p"></</span><span class="nt">th</span><span class="p">></span> <span class="p"><</span><span class="nt">th</span><span class="p">></span>Idade<span class="p"></</span><span class="nt">th</span><span class="p">></span> <span class="p"><</span><span class="nt">th</span><span class="p">></</span><span class="nt">th</span><span class="p">></span> <span class="p"><</span><span class="nt">th</span><span class="p">></</span><span class="nt">th</span><span class="p">></span> <span class="p"><</span><span class="nt">th</span><span class="p">></</span><span class="nt">th</span><span class="p">></span> <span class="p"></</span><span class="nt">tr</span><span class="p">></span> <span class="p"><</span><span class="nt">tr</span><span class="p">></span> <span class="p"><</span><span class="nt">td</span><span class="p">></span>James<span class="p"></</span><span class="nt">td</span><span class="p">></span> <span class="p"><</span><span class="nt">td</span><span class="p">></span>99<span class="p"></</span><span class="nt">td</span><span class="p">></span> <span class="p"><</span><span class="nt">td</span><span class="p">><</span><span class="nt">a</span> <span class="na">href</span><span class="o">=</span><span class="s">"/clientes/1"</span><span class="p">></span>Show<span class="p"></</span><span class="nt">a</span><span class="p">></</span><span class="nt">td</span><span class="p">></span> <span class="p"><</span><span class="nt">td</span><span class="p">><</span><span class="nt">a</span> <span class="na">href</span><span class="o">=</span><span class="s">"/clientes/1/edit"</span><span class="p">></span>Edit<span class="p"></</span><span class="nt">a</span><span class="p">></</span><span class="nt">td</span><span class="p">></span> <span class="cm"><!--<td><a href="/clientes/1" data-confirm="Are you sure?" data-method="delete">Destroy</a></td>--></span> <span class="p"></</span><span class="nt">tr</span><span class="p">></span> <span class="p"></</span><span class="nt">table</span><span class="p">></span> <span class="p"><</span><span class="nt">br</span> <span class="p">/></span> <span class="p"><</span><span class="nt">a</span> <span class="na">href</span><span class="o">=</span><span class="s">"/clientes/new"</span><span class="p">></span>New Cliente<span class="p"></</span><span class="nt">a</span><span class="p">></span> <span class="p"></</span><span class="nt">body</span><span class="p">></span> <span class="p"></</span><span class="nt">html</span><span class="p">></span> </pre></div> <ol start="3"> <li>O arquivo <span class="bbcode-b">public/stylesheets/scaffold.css</span> não existe na minha app</li> </ol> <p>Tentei colocar o arquivo <span class="bbcode-b">scaffold.css</span> em <span class="bbcode-b">app/assets</span> mas não deu certo também…<br> Segue anexa parte da estrutura de pastas do meu projeto.</p> <p>Por favor dêem uma olhada para ver o que vocês acham<br> <img src="/uploads/3X/4/2/42e809e6f56268bc52463d91eded22af4d10d891.png_.webp" width="690" height="500"><br></p></div> </div> </div><div class="post" id="post-7" data-astro-cid-gkrolune> <div class="post-gutter" data-astro-cid-gkrolune> <div class="avatar avatar-initial" style="width:40px; height:40px; background:#fab1a0; font-size:18px;" title="CaioIncau" data-astro-cid-vjqwbl62>C</div> </div> <div class="post-main" data-astro-cid-gkrolune> <div class="post-info" data-astro-cid-gkrolune> <span class="post-author" data-astro-cid-gkrolune>CaioIncau</span> <time data-astro-cid-gkrolune>30 de ago. de 2012</time> </div> <div class="post-body" data-astro-cid-gkrolune><p>Realmente nao sei, nao costumo utilizar o css padrao do scaffold.</p> <p>Vamos esperar ver se alguem sabe sobre este problema.</p></div> </div> </div><div class="post" id="post-8" data-astro-cid-gkrolune> <div class="post-gutter" data-astro-cid-gkrolune> <img class="avatar avatar-img" src="/uploads/3X/d/a/da0eaa95610d274a668b5de71de96770e6048970.jpg.webp" alt="jamesfrj" width="40" height="40" loading="lazy" data-astro-cid-vjqwbl62> </div> <div class="post-main" data-astro-cid-gkrolune> <div class="post-info" data-astro-cid-gkrolune> <span class="post-author" data-astro-cid-gkrolune>jamesfrj</span> <time data-astro-cid-gkrolune>30 de ago. de 2012</time> </div> <div class="post-body" data-astro-cid-gkrolune><p>CaioIncau, quando você usa onde ele fica? A extensão .css funciona ou deve ser usada outra extensão?</p></div> </div> </div><div class="post" id="post-9" data-astro-cid-gkrolune> <div class="post-gutter" data-astro-cid-gkrolune> <img class="avatar avatar-img" src="/uploads/3X/d/a/da0eaa95610d274a668b5de71de96770e6048970.jpg.webp" alt="jamesfrj" width="40" height="40" loading="lazy" data-astro-cid-vjqwbl62> </div> <div class="post-main" data-astro-cid-gkrolune> <div class="post-info" data-astro-cid-gkrolune> <span class="post-author" data-astro-cid-gkrolune>jamesfrj</span> <time data-astro-cid-gkrolune>30 de ago. de 2012</time> </div> <div class="post-body" data-astro-cid-gkrolune><p>ricardo.valeriano, conforme você falou eu estava usando a versão <span class="bbcode-b">14.9.25 </span>da apostila da Caelum. Hoje existe a 15.0.27. Você acha que devo começar do zero da nova versão da apostila?</p> <p>Qual a versão ideal do ruby e do rails recomendado seguida pela Caelum? Qual você acha que é a mais indicada?</p> <p>Hoje a versão que estou usando de ambos é a seguinte:</p> <p><code>$ ruby --version ruby 1.8.7 (2011-06-30 patchlevel 352) [i686-linux] $ rails --version Rails 3.2.6</code></p> <p>Qual versão segundo a Caelum você acha melhor eu utilizar?<br> Obrigado!</p></div> </div> </div><div class="post" id="post-10" data-astro-cid-gkrolune> <div class="post-gutter" data-astro-cid-gkrolune> <div class="avatar avatar-initial" style="width:40px; height:40px; background:#fab1a0; font-size:18px;" title="CaioIncau" data-astro-cid-vjqwbl62>C</div> </div> <div class="post-main" data-astro-cid-gkrolune> <div class="post-info" data-astro-cid-gkrolune> <span class="post-author" data-astro-cid-gkrolune>CaioIncau</span> <time data-astro-cid-gkrolune>3 de set. de 2012</time> </div> <div class="post-body" data-astro-cid-gkrolune><p><blockquote><div class="quote-author">jamesfrj:</div>ricardo.valeriano, conforme você falou eu estava usando a versão <span class="bbcode-b">14.9.25 </span>da apostila da Caelum. Hoje existe a 15.0.27. Você acha que devo começar do zero da nova versão da apostila?</p> <p>Qual a versão ideal do ruby e do rails recomendado seguida pela Caelum? Qual você acha que é a mais indicada?</p> <p>Hoje a versão que estou usando de ambos é a seguinte:</p> <p><code>$ ruby --version ruby 1.8.7 (2011-06-30 patchlevel 352) [i686-linux] $ rails --version Rails 3.2.6</code></p> <p>Qual versão segundo a Caelum você acha melhor eu utilizar?<br> Obrigado!</p> <p></blockquote></p> <p>Nos nossos cursos estamos utilizando a 1.9.3 e o Rails 3.2.3</p></div> </div> </div><div class="post" id="post-11" data-astro-cid-gkrolune> <div class="post-gutter" data-astro-cid-gkrolune> <img class="avatar avatar-img" src="/uploads/2X/3/36026d0583039848ae92e1b2e606b2f003579b2b.jpg.webp" alt="ricardo.valeriano" width="40" height="40" loading="lazy" data-astro-cid-vjqwbl62> </div> <div class="post-main" data-astro-cid-gkrolune> <div class="post-info" data-astro-cid-gkrolune> <span class="post-author" data-astro-cid-gkrolune>ricardo.valeriano</span> <time data-astro-cid-gkrolune>13 de set. de 2012</time> </div> <div class="post-body" data-astro-cid-gkrolune><p>Como vai <a class="mention" href="/u/jamesfrj">@jamesfrj</a>?</p> <p>A última versão disponível no site da apostila foi baseada no Rails 3.2.7. A ideia é que, com o Ruby 1.9.3 e o Rails 3.2.x, você não deve ter nenum problema para seguir os exercícios.</p> <p>Qualquer dúvida, só dizer.</p></div> </div> </div><div class="post" id="post-12" data-astro-cid-gkrolune> <div class="post-gutter" data-astro-cid-gkrolune> <img class="avatar avatar-img" src="/uploads/3X/d/a/da0eaa95610d274a668b5de71de96770e6048970.jpg.webp" alt="jamesfrj" width="40" height="40" loading="lazy" data-astro-cid-vjqwbl62> </div> <div class="post-main" data-astro-cid-gkrolune> <div class="post-info" data-astro-cid-gkrolune> <span class="post-author" data-astro-cid-gkrolune>jamesfrj</span> <time data-astro-cid-gkrolune>13 de set. de 2012</time> </div> <div class="post-body" data-astro-cid-gkrolune><p>Entendo. Estou tentando aqui novamente. Senão funcionar vou tentar seguir à risca com a versão da apostila.</p> <p>Vlw!</p></div> </div> </div><div class="post" id="post-13" data-astro-cid-gkrolune> <div class="post-gutter" data-astro-cid-gkrolune> <img class="avatar avatar-img" src="/uploads/3X/7/6/76acc8aa005c41527324896e06cd9105379cfaee.jpg.webp" alt="Tiago_Sciencia" width="40" height="40" loading="lazy" data-astro-cid-vjqwbl62> </div> <div class="post-main" data-astro-cid-gkrolune> <div class="post-info" data-astro-cid-gkrolune> <span class="post-author" data-astro-cid-gkrolune>Tiago_Sciencia</span> <time data-astro-cid-gkrolune>25 de nov. de 2012</time> </div> <div class="post-body" data-astro-cid-gkrolune><p>Olá <span class="bbcode-b">jamesfrj</span> o problema é que você deve colocar o código abaixo com a palavra “scaffold” entre aspas duplas e não aspas simples. <img src="//https://cdn.jsdelivr.net/gh/twitter/twemoji@14/assets/72x72/wink.png" title=":wink:" class="emoji" alt=":wink:"></p> <p>antes:<br> <%= stylesheet_link_tag ‘scaffold’ %></p> <p>depois:<br> <%= stylesheet_link_tag “scaffold” %></p> <p>Isso deve resolver seu problema!</p> <p>Abraço!</p></div> </div> </div><div class="post" id="post-14" data-astro-cid-gkrolune> <div class="post-gutter" data-astro-cid-gkrolune> <img class="avatar avatar-img" src="/uploads/3X/d/a/da0eaa95610d274a668b5de71de96770e6048970.jpg.webp" alt="jamesfrj" width="40" height="40" loading="lazy" data-astro-cid-vjqwbl62> </div> <div class="post-main" data-astro-cid-gkrolune> <div class="post-info" data-astro-cid-gkrolune> <span class="post-author" data-astro-cid-gkrolune>jamesfrj</span> <time data-astro-cid-gkrolune>25 de nov. de 2012</time> </div> <div class="post-body" data-astro-cid-gkrolune><p>Olá <strong>Thiago Sciencia</strong>!</p> <p>Fiz conforme você falou, mas o problema continua. :( <br> Obrigado pelo retorno</p> <div class="highlight"><pre><span></span><span class="cp"><!DOCTYPE html></span> <span class="p"><</span><span class="nt">html</span><span class="p">></span> <span class="p"><</span><span class="nt">head</span><span class="p">></span> <span class="p"><</span><span class="nt">title</span><span class="p">></span>Programa de Qualificação de Restaurantes<span class="p"></</span><span class="nt">title</span><span class="p">></span> <span class="cp"><%=</span><span class="w"> </span><span class="n">stylesheet_link_tag</span><span class="w"> </span><span class="s2">"scaffold"</span><span class="w"> </span><span class="cp">%></span> <span class="cp"><%=</span><span class="w"> </span><span class="n">javascript_include_tag</span><span class="w"> </span><span class="ss">:defaults</span><span class="w"> </span><span class="cp">%></span> <span class="cp"><%=</span><span class="w"> </span><span class="n">csrf_meta_tag</span><span class="w"> </span><span class="cp">%></span> <span class="p"></</span><span class="nt">head</span><span class="p">></span> <span class="p"><</span><span class="nt">body</span><span class="p">></span> <span class="cp"><%=</span><span class="w"> </span><span class="n">menu_principal</span><span class="w"> </span><span class="cp">%></span> <span class="p"><</span><span class="nt">p</span> <span class="na">style</span><span class="o">=</span><span class="s">"color: green"</span><span class="p">></span><span class="cp"><%=</span><span class="w"> </span><span class="n">flash</span><span class="o">[</span><span class="ss">:notice</span><span class="o">]</span><span class="w"> </span><span class="cp">%></span><span class="p"></</span><span class="nt">p</span><span class="p">></span> <span class="cp"><%=</span><span class="w"> </span><span class="k">yield</span><span class="w"> </span><span class="cp">%></span> <span class="p"></</span><span class="nt">body</span><span class="p">></span> <span class="p"></</span><span class="nt">html</span><span class="p">></span> </pre></div> </div> </div> </div><div class="post" id="post-15" data-astro-cid-gkrolune> <div class="post-gutter" data-astro-cid-gkrolune> <img class="avatar avatar-img" src="/uploads/3X/7/6/76acc8aa005c41527324896e06cd9105379cfaee.jpg.webp" alt="Tiago_Sciencia" width="40" height="40" loading="lazy" data-astro-cid-vjqwbl62> </div> <div class="post-main" data-astro-cid-gkrolune> <div class="post-info" data-astro-cid-gkrolune> <span class="post-author" data-astro-cid-gkrolune>Tiago_Sciencia</span> <time data-astro-cid-gkrolune>26 de nov. de 2012</time> </div> <div class="post-body" data-astro-cid-gkrolune><p>Falei besteira no post anterior… :roll:</p> <p>O que eu percebi é que se você colocar “application” no lugar do “scaffold” o css gerado terá o do conteúdo do scaffold… Tem uma explicação no arquivo application.css do projeto.</p> <div class="highlight"><pre><span></span><span class="cp"><!DOCTYPE html></span> <span class="p"><</span><span class="nt">html</span><span class="p">></span> <span class="p"><</span><span class="nt">head</span><span class="p">></span> <span class="p"><</span><span class="nt">title</span><span class="p">></span>Programa de Qualificação de Restaurantes<span class="p"></</span><span class="nt">title</span><span class="p">></span> <span class="cp"><%=</span><span class="w"> </span><span class="n">stylesheet_link_tag</span><span class="w"> </span><span class="s2">"application"</span><span class="w"> </span><span class="cp">%></span> <span class="cp"><%=</span><span class="w"> </span><span class="n">javascript_include_tag</span><span class="w"> </span><span class="s2">"application"</span><span class="w"> </span><span class="cp">%></span> <span class="cp"><%=</span><span class="w"> </span><span class="n">csrf_meta_tags</span><span class="w"> </span><span class="cp">%></span> <span class="p"></</span><span class="nt">head</span><span class="p">></span> <span class="p"><</span><span class="nt">body</span><span class="p">></span> <span class="cp"><%=</span><span class="w"> </span><span class="k">yield</span><span class="w"> </span><span class="cp">%></span> <span class="p"></</span><span class="nt">body</span><span class="p">></span> <span class="p"></</span><span class="nt">html</span><span class="p">></span> </pre></div> </div> </div> </div><div class="post" id="post-16" data-astro-cid-gkrolune> <div class="post-gutter" data-astro-cid-gkrolune> <img class="avatar avatar-img" src="/uploads/3X/d/a/da0eaa95610d274a668b5de71de96770e6048970.jpg.webp" alt="jamesfrj" width="40" height="40" loading="lazy" data-astro-cid-vjqwbl62> </div> <div class="post-main" data-astro-cid-gkrolune> <div class="post-info" data-astro-cid-gkrolune> <span class="post-author" data-astro-cid-gkrolune>jamesfrj</span> <time data-astro-cid-gkrolune>27 de nov. de 2012</time> </div> <div class="post-body" data-astro-cid-gkrolune><p>Obrigado, <span class="bbcode-b">Tiago Sciencia</span> !</p> <p>Não sei se funcionou direito… Achei o css dele meio fraco. :x Tirei um screenshot para você conferir se é isso mesmo…<br> Caso seja, a minha última pergunta é o seguinte:</p> <p>Se eu criar um estilo meu próprio, onde devo colocá-lo e como faço referência ao mesmo?<br> <div class="lightbox-wrapper"><a class="lightbox" href="/uploads/3X/6/4/649e9a5b5727be715e5ce037e1a56a4b78039e45.png_.webp" data-download-href="/uploads/default/649e9a5b5727be715e5ce037e1a56a4b78039e45" title="2012/11/27/50187e8010a11a638e3017462591ccf2_58970.png_"><img src="/uploads/3X/6/4/649e9a5b5727be715e5ce037e1a56a4b78039e45.png.webp" width="690" height="500" srcset="/uploads/3X/6/4/649e9a5b5727be715e5ce037e1a56a4b78039e45.png.webp, /uploads/3X/6/4/649e9a5b5727be715e5ce037e1a56a4b78039e45.png.webp 1.5x, /uploads/3X/6/4/649e9a5b5727be715e5ce037e1a56a4b78039e45.png_.webp 2x"><div class="meta"> <svg class="fa d-icon d-icon-far-image svg-icon" aria-hidden="true"><use xlink:href="#far-image"></use></svg><span class="filename">2012/11/27/50187e8010a11a638e3017462591ccf2_58970.png_</span><span class="informations">1223×776 48.9 KB</span><svg class="fa d-icon d-icon-discourse-expand svg-icon" aria-hidden="true"><use xlink:href="#discourse-expand"></use></svg> </div></a></div><br></p></div> </div> </div><div class="post" id="post-17" data-astro-cid-gkrolune> <div class="post-gutter" data-astro-cid-gkrolune> <img class="avatar avatar-img" src="/uploads/3X/7/6/76acc8aa005c41527324896e06cd9105379cfaee.jpg.webp" alt="Tiago_Sciencia" width="40" height="40" loading="lazy" data-astro-cid-vjqwbl62> </div> <div class="post-main" data-astro-cid-gkrolune> <div class="post-info" data-astro-cid-gkrolune> <span class="post-author" data-astro-cid-gkrolune>Tiago_Sciencia</span> <time data-astro-cid-gkrolune>28 de nov. de 2012</time> </div> <div class="post-body" data-astro-cid-gkrolune><p>Opa, nesse post está explicando o uso da tag <span class="bbcode-b">stylesheet_link_tag</span> <a href="http://apidock.com/rails/ActionView/Helpers/AssetTagHelper/stylesheet_link_tag" data-bbcode="true">http://apidock.com/rails/ActionView/Helpers/AssetTagHelper/stylesheet_link_tag</a></p> <p>Também estou começando com o rails e estou descobrindo como as coisas funcionam hehe…</p> <p>Abs!</p></div> </div> </div><div class="post" id="post-18" data-astro-cid-gkrolune> <div class="post-gutter" data-astro-cid-gkrolune> <img class="avatar avatar-img" src="/uploads/3X/3/2/32c59a506d2a0983bb86085fc62ff7e4bae8d4a9.png.webp" alt="leandronsp" width="40" height="40" loading="lazy" data-astro-cid-vjqwbl62> </div> <div class="post-main" data-astro-cid-gkrolune> <div class="post-info" data-astro-cid-gkrolune> <span class="post-author" data-astro-cid-gkrolune>leandronsp</span> <time data-astro-cid-gkrolune>18 de dez. de 2012</time> </div> <div class="post-body" data-astro-cid-gkrolune><p>então. na imagem que você postou da estrutura de arquivos, notei que o nome do teu arquivo é “scaffolds.css.scss”, e você está referenciando “scaffold”.<br> Será que é isso? Tira o “s” do nome do arquivo…deixa como “scaffold.css.scss”</p></div> </div> </div><div class="post" id="post-19" data-astro-cid-gkrolune> <div class="post-gutter" data-astro-cid-gkrolune> <img class="avatar avatar-img" src="/uploads/3X/d/a/da0eaa95610d274a668b5de71de96770e6048970.jpg.webp" alt="jamesfrj" width="40" height="40" loading="lazy" data-astro-cid-vjqwbl62> </div> <div class="post-main" data-astro-cid-gkrolune> <div class="post-info" data-astro-cid-gkrolune> <span class="post-author" data-astro-cid-gkrolune>jamesfrj</span> <time data-astro-cid-gkrolune>27 de dez. de 2012</time> </div> <div class="post-body" data-astro-cid-gkrolune><p>Pessoal, muito obrigado pelas respostas. Tive que formatar meu note para instalar o Ubuntu 12.10.<br> Quando reinstalei o Ruby e o Rails o projeto começou a dar problemas. Pode ser por problemas de versão…<br> Vou ver aqui e qualquer coisa posto.</p> <p>Mais uma vez obrigado</p></div> </div> </div> </section> <!-- Topic Map --> <div class="topic-map" data-pagefind-ignore data-astro-cid-gkrolune> <div class="topic-map-item" data-astro-cid-gkrolune> <span class="topic-map-label" data-astro-cid-gkrolune>Criado</span> <span class="topic-map-value" data-astro-cid-gkrolune>26 de agosto de 2012</span> </div> <div class="topic-map-item" data-astro-cid-gkrolune> <span class="topic-map-label" data-astro-cid-gkrolune>Ultima resposta</span> <span class="topic-map-value" data-astro-cid-gkrolune>27 de dez. de 2012</span> </div> <div class="topic-map-item" data-astro-cid-gkrolune> <span class="topic-map-label" data-astro-cid-gkrolune>Respostas</span> <span class="topic-map-value" data-astro-cid-gkrolune>18</span> </div> <div class="topic-map-item" data-astro-cid-gkrolune> <span class="topic-map-label" data-astro-cid-gkrolune>Participantes</span> <span class="topic-map-value" data-astro-cid-gkrolune>5</span> </div> </div> <!-- Related Topics --> <section class="related-topics" data-pagefind-ignore data-astro-cid-gkrolune> <h3 class="related-heading" data-astro-cid-gkrolune>Topicos relacionados</h3> <div class="related-list" data-astro-cid-gkrolune> <a href="/t/melhor-ide-para-desenvolvimento-ruby/283823" class="related-item" data-astro-cid-gkrolune> <span class="related-title" data-astro-cid-gkrolune> Melhor IDE para desenvolvimento ruby </span> <span class="related-meta" data-astro-cid-gkrolune> <span data-astro-cid-gkrolune>36 respostas</span> </span> </a><a href="/t/expressao-regular-regex-para-valor-monetario/339798" class="related-item" data-astro-cid-gkrolune> <span class="related-title" data-astro-cid-gkrolune> Expressão regular - Regex para valor monetario </span> <span class="related-meta" data-astro-cid-gkrolune> <span data-astro-cid-gkrolune>3 respostas</span> </span> </a><a href="/t/instalacao-de-rails-no-windows/322019" class="related-item" data-astro-cid-gkrolune> <span class="related-title" data-astro-cid-gkrolune> Instalação de Rails no Windows <span class="related-solved" data-astro-cid-gkrolune>Resolvido</span> </span> <span class="related-meta" data-astro-cid-gkrolune> <span data-astro-cid-gkrolune>8 respostas</span> </span> </a><a href="/t/ruby-on-rails-x-django-python/284084" class="related-item" data-astro-cid-gkrolune> <span class="related-title" data-astro-cid-gkrolune> Ruby on Rails x Django (Python) </span> <span class="related-meta" data-astro-cid-gkrolune> <span data-astro-cid-gkrolune>10 respostas</span> </span> </a><a href="/t/quais-sao-as-vantagens-de-se-utilizar-ruby/283705" class="related-item" data-astro-cid-gkrolune> <span class="related-title" data-astro-cid-gkrolune> Quais são as vantagens de se utilizar RUBY? </span> <span class="related-meta" data-astro-cid-gkrolune> <span data-astro-cid-gkrolune>22 respostas</span> </span> </a> </div> </section> <!-- CTAs — resolved by cta-matcher --> <div class="topic-ctas" data-pagefind-ignore data-astro-cid-gkrolune> <a href="https://www.fiap.com.br/graduacao/" class="cta-banner cta-subtle" target="_blank" rel="noopener" style="--cta-bg: #fff0f5; --cta-accent: #cc0066;" data-astro-cid-3dyr47cn> <div class="cta-content" data-astro-cid-3dyr47cn> <span class="cta-source" data-astro-cid-3dyr47cn>Fiap</span> <span class="cta-title" data-astro-cid-3dyr47cn>Graduacao em Tecnologia — FIAP</span> <span class="cta-desc" data-astro-cid-3dyr47cn>Analise e Desenvolvimento de Sistemas, Engenharia de Software e mais</span> </div> </a><a href="https://www.casadocodigo.com.br/" class="cta-banner cta-subtle" target="_blank" rel="noopener" style="--cta-bg: #fffbeb; --cta-accent: #d97706;" data-astro-cid-3dyr47cn> <div class="cta-content" data-astro-cid-3dyr47cn> <span class="cta-source" data-astro-cid-3dyr47cn>Casa do Codigo</span> <span class="cta-title" data-astro-cid-3dyr47cn>Casa do Codigo — Livros de tecnologia</span> <span class="cta-desc" data-astro-cid-3dyr47cn>Livros de programacao, infraestrutura e inovacao</span> </div> </a> </div> </article> </main> <footer class="site-footer"> <div class="footer-inner"> <div class="footer-nav"> <div> <p class="footer-heading">Navegue</p> <a href="/c/java">Java</a> <a href="/c/assuntos-gerais">Geral</a> <a href="/c/front-end">Front-end</a> <a href="/c/mobile">Mobile</a> <a href="/c/banco-de-dados">SQL</a> <a href="/c/javascript">JavaScript</a> <a href="/c/php">PHP</a> <a href="/c/android">Android</a> <a href="/c/arquitetura">Arquitetura</a> </div> <div> <p class="footer-heading">Aprenda</p> <a href="https://www.alura.com.br/carreiras">Carreiras Alura</a> <a href="https://www.alura.com.br/formacoes">Formacoes</a> <a href="https://www.alura.com.br/artigos">Artigos</a> <a href="https://www.fiap.com.br/graduacao/">Graduacao FIAP</a> <a href="https://postech.fiap.com.br/">Pos-Tech FIAP</a> <a href="https://www.casadocodigo.com.br/">Livros Casa do Codigo</a> </div> <div> <p class="footer-heading">Conheca o Grupo</p> <a href="https://www.alura.com.br/">Alura</a> <a href="https://www.fiap.com.br/">FIAP</a> <a href="https://www.casadocodigo.com.br/">Casa do Codigo</a> <a href="https://www.hipsters.tech/">Hipsters.tech</a> </div> </div> <div class="footer-bottom"> <span>GUJ Arquivo: desde 2002.</span> <span class="footer-sep">·</span> <a href="/sobre">Saiba mais</a> <span class="footer-sep">·</span> <a href="/contribuidores">Contribuidores</a> <span class="footer-sep">·</span> <a href="/sobre#lgpd">LGPD</a> </div> </div> </footer> <!-- Analytics: deferred to not block rendering --> <script> // GA4 (G-NDJMKX41TE) + UA legacy — loaded after page is interactive setTimeout(function(){ var s=document.createElement('script');s.async=true; s.src='https://www.googletagmanager.com/gtag/js?id=G-NDJMKX41TE'; document.head.appendChild(s); window.dataLayer=window.dataLayer||[]; function gtag(){dataLayer.push(arguments);} gtag('js',new Date()); gtag('config','G-NDJMKX41TE'); gtag('config','UA-132222-1'); },0); // Facebook Pixel — noscript-only (no fbevents.js SDK = better Lighthouse score) </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=3453751608212853&ev=PageView&noscript=1"></noscript> </body> </html>