Obrigado, Convidado!
Bem-vindo ao FMGARCIA - SAMP!
Tópicos mais visitados
Administradores
Top dos mais postadores
| HuemersonFMG |
| |||
| CleidiSilva21 |
| |||
| barbfix |
| |||
| Tranks_NorT |
| |||
| RenatoFMG |
| |||
| William |
| |||
| Vinícius_ Kawasaki |
| |||
| scorpio |
| |||
| alfredw10 |
|
FMG - O MELHOR SERVIDOR RPG SAMP - RADIO ONLINE
HTML - Dicas interessantes
Página 1 de 1
HTML - Dicas interessantes
por HuemersonFMG Qui 19 Jan 2023, 17:02
Os emojis são uma forma de expressar algum sentimento. Para colocar em alguma página web, geralmente fazemos download de uma imagem de um emoji, mas é possível inseri-los sem baixar estas imagens e isso é feito com código padrão da Unicode, podendo ser hexadecimal e decimal. Se for hexadecimal você sempre iniciará com &#x e para o decimal iniciará com &#.
Girar objetos - CSS:
Você pode usar a função rotate() definida como uma transformação que gira um elemento em torno de um ponto fixo no plano 2D, sem deformá-lo. Leva um parâmetro que define o ângulo de rotação. A unidade pode ser definida em graus (graus), gradiente (grad), radianos (rad) e voltas. O valor com o método rotate() irá girar um elemento no sentido horário.
Exemplo:
Site com exemplos de Símbolos:
FMG - HTML: Códigos de Símbolos -
Abaixo um exemplo de Página HTML, com Emojis, inclusive no Título.
Site de exemplo - Emojis
Botões para Redes Sociais - cloudflare
Girar objetos - CSS:
Você pode usar a função rotate() definida como uma transformação que gira um elemento em torno de um ponto fixo no plano 2D, sem deformá-lo. Leva um parâmetro que define o ângulo de rotação. A unidade pode ser definida em graus (graus), gradiente (grad), radianos (rad) e voltas. O valor com o método rotate() irá girar um elemento no sentido horário.
Exemplo:
- Código:
<!DOCTYPE html>
<html>
<head>
<style>
.rotate_image {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.rotate_buton {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
h1 {
color: green;
}
h1 {
color: rgb(13, 0, 128);
}
</style>
</head>
<body>
<h1>FMgarcia - Entretenimentos</h1>
<h2>
<span class="genmed"><a href="https://familiagarcia-samp.forumeiros.com/t390-jogos-do-forum
target="_blank">Diversão para a Família</a></span>
</h2>
<br>
<img class="rotate_image" src="https://i.servimg.com/u/f33/19/92/85/47/tm/fmglog11.gif" alt="FMGarcia gif">
<br>
<br>
<button class="rotate_buton">girar</button>
</body>
</html>
Site com exemplos de Símbolos:
FMG - HTML: Códigos de Símbolos -
Abaixo um exemplo de Página HTML, com Emojis, inclusive no Título.
Site de exemplo - Emojis
- Código:
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FMG || EmojiS e Simbolos :truck:</title>
</head>
<body>
<h1>Emoji e Simbolos</h1>
<h2>Simbolos</h2>
<p>:registered: marca registrada</p>
<p>:tm: outra forma de colocar marca registrada</p>
<p>:copyright: texto de copyright</p>
<p>Moedas:<br>
€ euro <br>
£ libra <br>
¥ Iene <br>
¢ centavo americano<
</p>
<p>seta: ↑ ← </p>
<h2>Emoji</h2>
<p>Esses são alguns emojis, para forma hexadecimal</p>
:sunglasses:
:heart_eyes:
<p>Mas também pode ser da forma decimal</p>
:stuck_out_tongue_winking_eye:
<p>Icones de Emojis</p>
:truck: - :carrot: - :football:
</body>
</html>
Botões para Redes Sociais - cloudflare
- Código:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.0/css/all.min.css">
<title>Document</title>
</head>
<body>
<div class="social-media">
<button class="btn btn-primary"><i class="fab fa-facebook"></i></button>
<button class="btn btn-secondary"><i class="fab fa-instagram"></i></button>
<button class="btn btn-tertiary"><i class="fab fa-twitter"></i></button>
<button class="btn btn-success"><i class="fab fa-linkedin"></i></button>
</div>
</body>
</html>
HuemersonFMG- Fundador - ADM
- PublicaçõesPublicaçõesMembro VipMembro VipCriador de TópicosCriador de TópicosParticipação em tópicosParticipação em tópicosCriador de EventosCriador de EventosPopular no fórum - AmigosPopular no fórum - AmigosAvaliação de MSGAvaliação de MSGMelhores avaliações de AmigosMelhores avaliações de AmigosRei dos Grupos no FórumRei dos Grupos no FórumMelhor RPGRecebe este ao criar sua Ficha RPG no Perfil
- Mensagens : 506
Pontos : 26578
Reputação : 0
Data de inscrição : 11/06/2018
Idade : 51
Localização : Brasil
FMGRPG
FMG:
(200/100) -
Tópicos semelhantes» Dicas da Microsoft - Criar um site simples usando HTML, CSS e JavaScript
» Dicas para Excel
» Códigos HTML - Hypertext Marking Language
» Acentos e Caracteres Especiais em HTML
» Dicas para MineCraft
» Dicas para Excel
» Códigos HTML - Hypertext Marking Language
» Acentos e Caracteres Especiais em HTML
» Dicas para MineCraft
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
» Esqueceu o número do seu telefone?
» Scripts SQL - Oracle
» Dicas para Excel
» Acentos e Caracteres Especiais em HTML
» Dez motivos para consumir mais café...
» Combinações de teclas do Windows
» PL/SQL - Extensão da linguagem SQL - Oracle
» Node.js é uma tecnologia assíncrona
» Pontos Cardeais
» 1º DE MAIO – DIA MUNDIAL DO TRABALHO
» ChatGPT - robô virtual (chatbot) que responde a perguntas variadas
» Simples Página de Login em HTML - Visual Studio Code
» HTML - Dicas interessantes
» https://phaser.io/ - para criar jogos HTML5