Spoiler esportivo caseiro em metal. Fazendo seu próprio spoiler para um carro

Você está procurando um spoiler comum - um elemento simples de página HTML que pode abrir quando você clica nele e fechar quando você clica nele. Você achou!

1. Um spoiler JS+HTML muito simples (1 vez por página)

Se você precisar incorporar código em uma página HTML que não use nenhum arquivo JavaScript, basta copiar esse código em qualquer lugar da página necessária:

função openSpoiler(elem) (
document.getElementById("spioler").style.display="block";
document.getElementById("but_spo").style.display="none";
}
função closeSpoiler(elem)
{
document.getElementById("spioler").style.display="none";
document.getElementById("but_spo").style.display="block";
}

Se você tiver acesso a um arquivo *.js conectado à página necessária, copie o código acima nele, sem a tag no início e sem a tag no final.

123

Insira as informações necessárias em vez de 123.
Em vez de " Informações adicionais» Você pode usar qualquer expressão.

EXEMPLO:

ela: você não vai ter medo de andar comigo quando eu tirar minha carteira?
ele: não
Ela: Você realmente não tem medo?
ele: sim
ela: nossa, pelo menos você me apoiou.))) Caso contrário todo mundo fala que vai ser assustador viajar comigo.
ele: Só não tenho medo da morte.

Você também pode modificar este código se quiser que o spoiler seja aberto ao passar o mouse:

123

EXEMPLO:

- Querido, não estou me sentindo bem. - Beba um pouco de veneno, criatura! - Que diabos? Oo - Oh, eu falei errado. Beba chás de ervas.

2. Spoiler CSS + HTML (muitas vezes por página)

Spoiler

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu sodales tortor, posuere mattis nunc. Inteiro eget sapien ullamcorper diam mollis laoreet. Praesent dignissim id urna e malesuada. Etiam id nisl vitae ante vestibulum volutpat.


Etiam congue, neque a commodo iaculis, nisl massa varius felis, eget commodo eros mauris vitae felis. Pellentesque sed nisi bibendum, faucibus lectus id, varius metus. Vestíbulo lacinia vehicula justo, ut molestie magna tincidunt ne. Suspendisse sit amet sagittis enim.

Conteúdo normal intercalado sem spoiler

Entrada(
Mostrar nenhum;
}
entrada + rótulo (
exibição: bloco;
largura: 200px;
margem: 0 automático;
preenchimento: 5px 20px;
plano de fundo: #e1a;
cor: #fff;
alinhamento de texto: centro;
tamanho da fonte: 24px;
raio da borda: 8px;
cursor: ponteiro;
transição: todos 0,6s;
}
entrada: verificado + rótulo (
cor: #333;
plano de fundo: #ccc;
}
entrada ~.spoiler (
largura: 90%;
altura: 0;
estouro: oculto;
opacidade: 0;
margem: 10px automático 0;
preenchimento: 10px;
fundo: #eee;
borda: 1px sólido #ccc;
raio da borda: 8px;
transição: todos 0,6s;
}
entrada: verificado + rótulo + .spoiler (
altura: automático;
opacidade: 1;
preenchimento: 10px;
}

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu sodales tortor, posuere mattis nunc. Inteiro eget sapien ullamcorper diam mollis laoreet. Praesent dignissim id urna e malesuada. Etiam id nisl vitae ante vestibulum volutpat.

Etiam congue, neque a commodo iaculis, nisl massa varius felis, eget commodo eros mauris vitae felis. Pellentesque sed nisi bibendum, faucibus lectus id, varius metus. Vestibulum lacinia vehicula justo, ut molestie magna tincidunt ne. Suspendisse sit amet sagittis enim.

Spoiler 1

Uma forma de ocultação contém informações até que o usuário clique para visualizá-la. Uma forma de ocultação contém informações até que o usuário clique para visualizá-la.

Spoiler 2

3. Spoiler JS (jQuery)+HTML (muitas vezes por página)

É importante respeitar o número de elementos de cabeçalho e contêiner. Pode ser usado aninhado respeitando a hierarquia HTML

deixe sp_content=$(".sp_content"),sp_title=$(".sp_title");
sp_content.hide();
sp_title.on("clique",função())(
deixe inx=$(".sp_title").index(this);
$(sp_content).slideToggle(100)
})

.sp_title(plano de fundo:#ff002a;cor:#fff;preenchimento:7px 6px;margem superior:4px;-webkit-border-radius:3px;border-radius:3px;cursor:ponteiro)
.sp_content(plano de fundo:#fff;cor:#000;preenchimento:6px 4px 4px 4px;-webkit-border-radius:3px;border-radius:3px;box-shadow:inset 0 0 0 1px #ccc)

Título do spoiler

Conteúdo de spoiler

Título do spoiler 1

Conteúdo de spoiler 1

Spoiler Título 2

Conteúdo de spoiler 2

4. Spoiler JS (jQuery)+HTML v2 (muitas vezes por página)

É importante respeitar o número de elementos de cabeçalho e contêiner. Pode ser usado aninhado respeitando a hierarquia HTML
A biblioteca jQuery também deve ser adicionada à página:

Deixe sp_content2=$(".sp_content2"),sp_title2=$(".sp_title2");
sp_content2.hide();
sp_title2.on("clique",função())(
deixe inx=$(".sp_title2").index(this);
if($(sp_content2).css("display")==="nenhum")(
$(sp_content2).slideUp(100);
$(sp_content2).slideDown(100);
)outro(
$(sp_content2).slideUp(100);
}
})

.sp_title2(plano de fundo:#0086ff;cor:#fff;preenchimento:7px 6px;margem superior:4px;-webkit-border-radius:3px;border-radius:3px;cursor:ponteiro)
.sp_content2(plano de fundo:#fff;cor:#000;preenchimento:6px 4px 4px 4px;-webkit-border-radius:3px;border-radius:3px;box-shadow:inset 0 0 0 1px #ccc)

Título do spoiler

Conteúdo de spoiler

Título do spoiler 1

Conteúdo de spoiler 1

Spoiler Título 2

Conteúdo de spoiler 2

5. Spoiler JS (jQuery)+HTML. Botões (muitas vezes por página)

É importante respeitar o número de elementos de cabeçalho e contêiner. Pode ser usado aninhado respeitando a hierarquia HTML
A biblioteca jQuery também deve ser adicionada à página:

Spoiler 1Spoiler 2Spoiler 3


Spoiler 1 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci doloremque, exercitationem totam nostrum accusantium illo quibusdam sunt fugit a consectetur libero e a minima velit eaque iure ut odit eum suscipit!


Spoiler 2 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aut suscipit distinto debitis ea voluptates alias delectus quia voluptas vitae, nisi atque laudantium repudiandae deleniti, natus fugiat, quo, esse rem.


Spoiler 3 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Volupta, aperiam, itaque. Possimus, quas perspiciatis, illum assumenda odit amet obcaecati corporis, dolores aperiam a illo repellendus sit, comodi repellat quam suscipit?

Corpo (
fonte: 16px/1.5em "Segoe UI", Arial, sem serifa;
plano de fundo: #bfb6a0;
cor: #fff;
largura: 60%;
margem: 20px automático;
}
.spoiler-link(
display: bloco embutido;
decoração de texto: nenhuma;
cor: #fff;
plano de fundo: #b63333;
preenchimento: 10px 25px;
raio da borda: 3px;
sombra de texto: 0 1px 0 #8c1111;
borda inferior: 1px sólido #8c1111;
-webkit-transition: facilidade de todos os 0,6s;
transição: todos os 0,6s de facilidade;
}
.spoiler-link:hover (
plano de fundo: #8c1111;
}
.spoiler-link + .spoiler-link (
margem esquerda: 5px;
}
.spoiler-link--ativo (
plano de fundo: #4f9c3d;
cor da borda: #2d751c;
sombra de texto: 0 1px 0 #2d751c;
}
.spoiler-link--ativo:hover (
plano de fundo: #2d751c;
}
.spoiler(
plano de fundo: #fff;
cor: #907c6b;
preenchimento: 25px;
margem superior: 25px;
raio da borda: 3px;
borda inferior: 1px sólido #999;
}
.spoiler__title(
margem superior: 0;
peso da fonte: 200;
cor: #b63333;
}

$(função())(
$(".spoiler").hide();
$(".spoiler-link").on("clique", function(e) (
var idSpoiler = $(this).attr("href"),
classSelect = "spoiler-link--ativo";
$(this).toggleClass(classSelect);
$(idSpoiler).slideToggle(200);
e.preventDefault();
});
});

Tudo começou com uma ida à oficina; Cheguei um dia e vi uma variedade de spoilers de vários formatos, feitos de fibra de vidro e a preços razoáveis ​​(1.400-2.000 rublos) e, naturalmente, gostei de um. Deixo um depósito, saio, experimento no carro... azar, o comprimento do spoiler acabou sendo 10 cm menor que o desejado. É uma pena, mas eu quero, e então pensamentos diferentes começam a surgir. Um deles foi assim - pegue esse spoiler, corte, faça um encaixe de 10 cm, investimento mínimo de tempo, mas mais 200 rublos são adicionados ao custo do spoiler, no final obtemos 2.200 (o spoiler que gostamos custou 2.000 rublos ) mais pintura. A segunda ideia é fazer tudo sozinho, enquanto de imediato obtemos um custo na faixa de 700-1000 rublos. além disso, o formato do spoiler pode ser feito de acordo com sua preferência. Como o meu horário de trabalho me permite cuidar dos meus negócios com tranquilidade e há economias óbvias, decidi assumir este negócio.

Infelizmente, meu primeiro passo foi dado na direção dos contêineres de lixo, e tudo porque depois de ler que você pode pegar um selante de espuma de poliuretano e tirar um molde dele, fui até a loja. Li na lata que o volume de espuma soprada é de cerca de 20 litros, e depois de estimar quanto precisaria para o spoiler, peguei uma lata...

Coloque jornais no chão e sopre o selante de espuma na peça de trabalho. Acontece que o que está escrito lá - “o rendimento da espuma é de 20 litros” na prática é de apenas 5 :(. Também tive que comprar alguns grandes, nos quais estão escritos 40 litros. Eu estraguei como está escrito em seguindo as instruções em anexo, o melhor resultado é no máximo 10 litros. E a maior desvantagem é que quanto mais você aquece o balão, maiores ficam os poros da massa congelada, até 5 cm. me aprofundei nesse assunto e concluí que se precisar esculpir um pouco, então o método não é ruim e é melhor que o balão esteja frio, e tudo isso não foi feito no calor, então joguei 500 rublos no lixo.

Bem, eu tive que pegar espuma; Aliás, no começo eu queria usar, mas depois abandonei a ideia por causa da grande quantidade de entulho, que fica notavelmente eletrificado e depois gruda em tudo.

Então, foi comprada uma folha de espuma de poliestireno com 1 x 1 m de espessura, 5 cm de espessura (na verdade 4,5 cm, mas isso são apenas pequenas coisas). Cortei a lâmina da asa na diagonal, caso contrário a largura da folha não seria suficiente. Em seguida, adiei a criação do spoiler e optei por algo mais simples - um suporte para o número. Todo mundo sabe que os números japoneses são mais quadrados e menores que os russos, então nossos números não ficam bem nos locais fornecidos para eles.

Recortei um espaço em branco, comprei cola epóxi, mas não daquela que vem em seringas por 40-150 rublos por 30 ml, mas em uma caixa de papel. A quantidade e o fabricante são diferentes, mas a caixa é a mesma. Eu não tinha fibra de vidro; não sabia onde conseguir naquela época. E aqui as velhas camisas de seda foram úteis. Em geral, depois de alguns dias colei esse suporte, mais alguns dias foram gastos lixando e pintando. Comprei a tinta em latas por 70 rublos cada e cobri com o mesmo verniz (diz coreano).

Isso é o que aconteceu:

A seguir... não, não é um spoiler, mas um lábio, é mais fácil de fazer (pelo menos o que ficou :)). Tirei o para-choque, virei-o e colei um molde de espuma plástica, que foi fracamente preso ao para-choque com selante de silicone para automóveis. Rasguei o espaço em branco e vamos dar uma forma. Depois disso, embrulhei em sacos plásticos. Peguei a última meia-calça do meu amigo, vesti e cobri com epóxi. Depois que as duas camadas de meia-calça secaram, tirei o molde da borda (para que saísse exatamente como os sacos são necessários, o epóxi não gruda neles). O epóxi finalmente polimerizará somente após alguns dias. Claro que depois de um dia parece difícil, mas nem sempre é assim (meu lábio secou por mais de uma semana). Embora tudo dependa da quantidade de endurecedor, quanto mais, mais rápido ele polimeriza, mas também se torna mais frágil, e é melhor adicionar um agente de revestimento para flexibilidade. Aí o lábio colado ainda não está forte, então peguei a camisa novamente e colei por dentro, 2 camadas. O lábio levou duas camisas. Para resistência em materiais de construção, comprei malha de reforço e colei com ela. Bem, então houve lixamento, aplicação de primer, pintura.

Em relação à aderência do lábio... na minha primeira viagem fora da cidade atualizei :) (alta velocidade + inchaço na estrada), na 3ª foto está apenas em reparo.

Bem, chegou ao spoiler... Fiz as fixações assim: cortei placas de 1,5 mm de chapa de aço, fiz furos de 3 mm em incrementos de 2-3 cm, para melhor aderência e para reduzir peso, dobrei-os em forma de L e soldou duas porcas de 6 mm na base. Depois colei-os em blocos de espuma, cobri a lâmina da asa com algumas camadas de tecido e montei tudo. E então, vejam só, um homem conhecido pelo apelido de Paperman me disse onde há fibra de vidro, e eu vou te dizer que a única coisa melhor que a fibra de vidro é a fibra de carbono :) (se você conseguir encontrar), é mais leve e mais forte.

Alguns conselhos: como a prática tem mostrado, um lábio colado que não seja de fibra de vidro simplesmente se esfarela quando atingido como um biscoito, e a malha de reforço não ajuda :(, então certifique-se de procurar fibra de vidro ou fibra de carbono, caso contrário todo o seu trabalho irá por água abaixo o ralo após um pequeno impacto apliquei a cola com pincel, depois pode ser facilmente lavado com solvente, mas pode ser lavado mais barato e inodoro em água quente corrente. pode não ter tempo de usar tudo (usei as porções maiores de 200 ml para que a serragem de espuma não grude, toque mais vezes na torneira da cozinha para aliviar a eletricidade).

Aconselho colar pelo menos três camadas de fibra de vidro (no spoiler acabaram sendo 4 + duas camadas de meia-calça e malha). Naturalmente, não de uma só vez, mas em intervalos necessários para pelo menos uma pequena polimerização da resina. Aliás, a cola epóxi polimeriza e não seca. Além disso, esse processo acelera várias vezes em temperaturas mais altas (até 120 C, se não me engano), então o principal para isso é o tempo e a temperatura.

Depois de colar o spoiler, reencaminhei os fios nele, pois além da barra de parada, também queria luzes laterais. Aí pulei a operação de massa, mas em vão, demora muito para retirar as superfícies só com primer, e a camada resultante fica muito grossa. Bom, depois de sofrer quase um mês com o lixamento, comecei a pintar. Geralmente existem duas opções: entregá-lo a especialistas ou pintá-lo você mesmo. Claro que os especialistas farão melhor, mas como tudo é feito com as próprias mãos, porque não pintar. Comprei 3 latas de tinta spray preta e pintei.

O vidro da barra de parada foi feito de epóxi. Seria melhor, claro, encontrar uma haste de tamanho adequado feita de plexiglass ou plexiglass (algo transparente e filável), mas não consegui encontrar.

Carro antes e depois:

Os custos são os seguintes (para lábio, suporte de placa e spoiler) RUB:

Isopor - cabe em uma folha e ainda sobra =70.
Fibra de vidro - demorou cerca de 2 m por 55 rublos = 110.
Fixações e soldagem - sucata e oxigênio de amigos para cerveja = 20.
Camisas - queria jogá-las fora, minha mão não levantou = 0.
LEDs 12mm - 2x7=14.
Iluminação neon no spoiler = 300* .
Tinta - foram necessárias duas latas = 140.
Primer, 3 frascos de 65 = 195.
Cola epóxi - não tenho certeza, mas aproximadamente 2 kg (digamos 8 frascos de 60 cada) = 480.
Selante de espuma = 540*.
Fios - 2 metros = 10.
Pincéis chineses - 3 peças = 15.
Grade = 20.
Lixa = 100

Total de rublos de 2014, sem contar o selante de espuma e a barra de parada, então 1174. Fiz tudo isso por 3 (três) meses. Então, se você tem muito entusiasmo e paciência para o trem de carga, vá em frente :) Mas ainda vou fazer os para-choques traseiro e dianteiro (o lábio não muito bonito ficou, como dizem, a primeira panqueca é irregular), orelhas e talvez também um acabamento no capô, mas não vou pintar sozinho.

Hoje em dia, as lojas de automóveis oferecem uma variedade considerável de todos os tipos de spoilers. No entanto, muitas vezes aqueles que você gosta na aparência são parcialmente inadequados em tamanho. Ou aqueles que se encaixam perfeitamente ficam um pouco aquém em termos de características.

Se você encontrar problemas semelhantes, então, é claro, existe a opção de comprar um spoiler pronto e, se não houver comprimento suficiente, basta serrar o objeto e fazer um encaixe. O tempo necessário é mínimo, mas aqui o custo do material e da tinta se soma ao custo do próprio spoiler. E isso acaba sendo bastante caro.

Criar um spoiler do zero é lucrativo (o custo médio é de cerca de 25 a 35 dólares) e conveniente.
Para fazer você mesmo um spoiler de acordo com seu gosto e requisitos necessários, precisaremos:

Isopor;
- adesivo epóxi;
- Chapa de aço;
- camisas velhas de fibra de vidro ou seda;
- tinta da cor desejada.

Você pode pintar com um pincel ou.

Trabalhar com espuma de poliestireno é bastante simples, mas há uma ressalva. Após o corte, ficam muitos detritos, que ficam muito bem eletrificados e podem grudar no elemento de secagem nos momentos mais cruciais. Portanto, tente remover as migalhas imediatamente.

Cortamos uma folha de espuma plástica medindo 1x1 e 4,5 cm de espessura (os vendedores costumam dizer 5 cm) na diagonal. Corte a lâmina da asa. Portanto, a largura da folha de espuma será definitivamente suficiente para você. Em seguida, passamos para as fixações. É necessário cortar chapas de 1,5 mm de chapa de aço. Fazemos furos de 3 mm com distância de aproximadamente 2-3 cm. Para reduzir o peso e melhorar a aderência, dobramos com a letra L. Após essas manipulações, soldamos duas porcas de 6 mm na base. Agora você pode colá-los em blocos de espuma.

Colamos a lâmina da asa com cola epóxi e duas camadas de tecido. Então montamos a estrutura.

O lábio é feito da mesma maneira - não é muito difícil. Remova o pára-choque e vire-o. Em seguida, você precisa colar a peça em branco de espuma. Damos uma forma e embrulhamos em sacos plásticos. O ideal é encontrar meias femininas comuns de náilon, puxá-las sobre o molde e revesti-las com cola epóxi. Quando as duas camadas de meia-calça estiverem secas, você precisa puxar a peça de trabalho para fora da borda. Os sacos são necessários apenas para que o blank possa sair facilmente, já que a cola epóxi não gruda neles. Deixamos a estrutura por vários dias para que o epóxi polimerize completamente.

Depois pegamos o tecido e colamos novamente a borda por dentro. Para tornar a estrutura ainda mais durável, você pode comprar uma malha de reforço em uma loja de materiais de construção e colá-la. A seguir lixamos a estrutura, aplicamos primer e pintamos. Depois que a tinta secar completamente.

Conselho

1. A prática mostra que um lábio que não seja de fibra de vidro é bastante vulnerável a impactos. Portanto, se você tiver a oportunidade de adquirir fibra de vidro, ou melhor ainda, fibra de carbono, as estruturas serão muitas vezes mais resistentes a impactos e confiáveis.

2. Aplique cola apenas com pincel, é conveniente e seguro, e você pode calcular com clareza a quantidade de substância. A escova pode ser bem lavada com solvente ou água quente corrente.

3. Não prepare toda a cola de uma vez, existe a possibilidade de você não ter tempo de aproveitá-la. A maior porção de cada vez não deve ultrapassar 200 ml.

4. Se você não conseguiu remover as lascas de espuma a tempo, tente tocar com mais frequência na torneira da cozinha, isso removerá a eletricidade.

5. Se você usar fibra de vidro, para maior confiabilidade, cole pelo menos três camadas dela. Normalmente o spoiler termina com 4 camadas de fibra de vidro, 2 camadas de meia-calça e malha. Cada camada deve endurecer, permitir a polimerização da resina.

6. Se quiser acelerar o processo de polimerização, aumente a temperatura.

7. Se você levar em conta todas essas nuances e não se apressar em montar o lábio e o spoiler, poderá facilmente conseguir o que planejou da primeira vez.

– isto é praticamente uma questão de vida ou morte. Um spoiler “agressivo” pode adicionar o toque que falta ao exterior do carro ou, pelo contrário, estragar tudo. Portanto, é importante saber o que você deseja e ter uma ideia aproximada do que acontecerá após a instalação do spoiler.

• Uma folha de espuma plástica de 1x1 m, com aproximadamente 5 cm de espessura. Mais é possível, mas deve ser suficiente (a menos, é claro, que você vá fazer uma barra vertical em vez de um spoiler).


• Fibra de vidro (a quantidade deverá ser calculada de forma independente, com base no tamanho do spoiler. Serão 6 camadas de fibra de vidro)


• Resina epóxi


• Malha reforçada


• Pedaço de tecido em folha


• Massa e primer


• Sacos de plástico