Pular para o conteúdo principal

Tutorial Customizar Disfarçar ou Mudar a Aparência de um Site Acessado


Muitos são os motivos que levam os usuários a desejarem a possibilidade de modificar a aparência e tematizar
o site que acessa, seja para conseguir um melhor contraste para a leitura, ou por  não gostarem das cores do site,
e até mesmo para disfarçar o Facebook, Youtube...

Agora esse forma de customisação é totalmente possível utilizando css3 e um plugin comum para
firefox e google chrome

Aviso aos leigos:
- A mudança é claro fica a nível do seu navegador, não precisa se preocupar que o site original continuará intacto as mudanças apenas você é quem faz.

Siga o tutorial para mudar a aparência de qualquer site:

  1. Para mudar a aparência de um site utilizando o plugin acesse e instale, em um dos navegadores abaixo o Stylish:
    versões Stylish  para  Firefox ou Stylish para Chrome.
  2. Pronto, agora é só instalar, va nas configurações  e adicione os seus estilos css:


Exemplo de código do stylish:

Para o firefox para mudar a aparência de todos os sites acessados que possuem o domínio "com"


  1. No firefox acesse no menu superior "FERRAMENTAS/Complementos"
  2. Nos complementos acesse "Estilo de Usuário"
  3. E add o código abaixo acessando "Escrever Novo Estilo"
  4. Agora é só colocar o nome EX:"Blackout" e uma marca EX:"com"







/***********************|   INÍCIO DO CÓDIGO   |***********************************/
 @namespace url(http://www.w3.org/1999/xhtml);
 @-moz-document domain("com") {
     html {
     background: #000 !important;
    }
    body {
     background: #222222 !important;
     width: 1024px !important;
     margin: 0 auto !important;
    }
    div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
     background: #222222 !important;
     color: #BBBBBB !important;
     background-image: none !important;
    }
     a {
     color: #0072BC !important;
     text-decoration: none !important;
     text-shadow: 1px 1px #000000 !important;
    }
    a:hover {
     color: #889900 !important;
     text-decoration: none !important;
     text-shadow: 1px 1px #000000 !important;
    }
     h1, h2, h3, h4, h5, h6 {
     color: #ffffff !important;
     text-decoration: none !important;
     text-shadow: 1px 1px #000000 !important;
    }
    img {
     opacity: 0.1 !important;
    }
    img:hover {
    display:block !important;
    -moz-transition: opacity 0.4s ease-in 0s !important;
    opacity: 1 !important;
    }
    a:hover img {
    display:block !important;
    opacity: 1 !important;
    -moz-transition: opacity 0.4s ease-in 0s !important;
    }
     span {
    color: #559911 !important;
    }
    li {
    color:  #AA2222 !important;
    }
}
/***********************|   FIM DO CÓDIGO   |***********************************/
Aviso: Se você não souber nada de css pode encontrar outros estilos prontos na internet:
Estilos para Stylist
http://userstyles.org/categories/site

Postar um comentário

Postagens mais visitadas deste blog

I love ♥ You no Twitter Tabelas | Emoticons | Caracteres € Simbolos Visuåis ☻

♥☺☼ Usando caracteres especiais famoso no twittter, sabemos que uma imagem fala mais que 1000 palavras, e estes símbolos são de grande valia no twitter, já que com um twitter normal só podemos escrever 140 caracteres.



Digo normal porque tem um complemento para firefox chamado shortText.com informado pelo InfoDicas.com em que você pode colocar muito mais do q isso, é possível até mandar uma carta se você precisar.


Voltando ao assunto, temos abaixo a tabela dos quase "emotions" mais usados no twitter: para usar é só copiar e colar
Coração = ♥Espada = ♠Smile 1 = ☺ sorrindoSmiller 2 = ☻em negativoMusica = ♫Som = ♪Bom dia = ☼ solMina = ♀Macho = ♂Ouro = ◊três pontinhos econômico = …crucifixo = †vai e volta = « »Grana = $Certo = √Seta 1= ➤Seta 2 = ➜E não poderia faltar o simbolo do @dicadedica, o triângulo =∆ Agora você pode conhecer a lista completa e usar sua criatividade para enfeitar, enfatizar ou encurtar as suas twittadas.
Link direto para tabela completa e para instala…

Lista de ALIMENTOS INTEGRAIS Ricos em nutrientes e fibras

O processo de refinamento leva a considerável perda de nutrientes, restando praticamente só o amido (carboidrato). Para que tal amido possa ser absorvido, torna-se necessário á presença de vitaminas e minerais. Estas vitaminas, quando não fornecidas pelo alimento (que é o caso dos alimentos refinados) faz com que o próprio organismo se encarregue de fabricá-las. Levando o paciente a um quadro de empobrecimento vitamínico e mineral que proporciona o desequilíbrio do funcionamento do nosso corpo causando (cansaço físico, cansaço mental, eventualmente ocasionando gripes e resfriados constantes, gastrite, dores nos ombros, artrite...).

A alimentação moderna é composta de alimentos refinados, com conservantes, corantes, estabilizantes, aromatizantes e, além disso, são deficientes em fibras, vitaminas e minerais. Por isso, precisamos consumir alimentos integrais saudáveis como:

Alimentos integrais são aqueles que não passaram pelo processo de refinamento, são ricos em nutrientes como as fi…

Todas as Mutretas de GTA San Andreas

Seguinte pessoal, eu como um fanático por games, me sinto na obrigação de ajudar aqueles que não são tão habilidosos (hehehe... zoeira), portanto trago uma lista completa de mutretas para o clássico GTA San Andreas:

Mutretas: Restauração de veiculos/dinheiro/armas: R1, R2, L1, X, esquerda, baixo, direita, cima, esquerda, baixo, direita, cima.
Armamento enquanto dirige: cima, cima, quadrado, L2, direita, X, R1, baixo, R2, bola.
Suicídio: Direita, L2, baixo, R1, esquerda, esquerda, R1, L1, L2, L1

Super Salto: Cima, cima, triângulo, triângulo, cima, cima, esquerda, direita, quadrado, R2, R2

Vida Infinita: baixo, X, direita, esquerda, direita, R1, direita, baixo, cima, triângulo.

Magro: Triângulo, cima, cima, esquerda, direita, quadrado, O, direita

Musculoso: Triângulo, cima, cima, esquerda, direita, quadrado, O, esquerda

Gordo: Triângulo, cima, cima, esquerda, direita, quadrado, O, baixo.

Respeito máximo: L1, R1, triangulo, baixo, R2, X, L1, cima, L2, L2, L1, L1.

Fôlego Infinito: Baixo, esquerda, L…

CoinURL