FMGARCIA - SAMP
Bem vindo ao nosso Fórum, faça o seu registro gratuito.
Respeite as regras do fórum e do servidor.
Nosso servidor é *Role-Playing Game - RPG*.
Nosso lema é: *DIVERSÃO*.

IP: 54.39.145.16:7720

DISCORD: https://discord.gg/UsduDqw
YOUTUBE: https://www.youtube.com/user/HuemersonSUPER
FACEBOOK: https://www.facebook.com/Fmgsamprpgvr

In Game: Ao logar compre seu vip e aproveite as vantagens.
Todos os jogadores ganham Coins [Moedas Virtuais] no primeiro login, para comprar itens no menu vip ou adquirir org vip - / menuvip ou /pegarorg.

Participe do fórum, é rápido e fácil

FMGARCIA - SAMP
Bem vindo ao nosso Fórum, faça o seu registro gratuito.
Respeite as regras do fórum e do servidor.
Nosso servidor é *Role-Playing Game - RPG*.
Nosso lema é: *DIVERSÃO*.

IP: 54.39.145.16:7720

DISCORD: https://discord.gg/UsduDqw
YOUTUBE: https://www.youtube.com/user/HuemersonSUPER
FACEBOOK: https://www.facebook.com/Fmgsamprpgvr

In Game: Ao logar compre seu vip e aproveite as vantagens.
Todos os jogadores ganham Coins [Moedas Virtuais] no primeiro login, para comprar itens no menu vip ou adquirir org vip - / menuvip ou /pegarorg.
FMGARCIA - SAMP
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.

Obrigado, Convidado!

Bem-vindo ao FMGARCIA - SAMP!

abril 2024
DomSegTerQuaQuiSexSáb
 123456
78910111213
14151617181920
21222324252627
282930    

Calendário Calendário

Calculadora FMG
FMGarcia
Administradores

Votação
FMG - O MELHOR SERVIDOR RPG SAMP - RADIO ONLINE

HTML - Dicas interessantes

Ir para baixo

Olhinho HTML - Dicas interessantes

Mensagem 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:
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: &uparrow; ← </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
HuemersonFMG
Fundador - ADM
Fundador - ADM
Publicações
Publicações
Membro Vip
Membro Vip
Criador de Tópicos
Criador de Tópicos
Participação em tópicos
Participação em tópicos
Criador de Eventos
Criador de Eventos
Popular no fórum - Amigos
Popular no fórum - Amigos
Avaliação de MSG
Avaliação de MSG
Melhores avaliações de Amigos
Melhores avaliações de Amigos
Rei dos Grupos no Fórum
Rei dos Grupos no Fórum
Melhor RPG
Recebe este ao criar sua Ficha RPG no Perfil

Mensagens : 506
Pontos : 26560
Reputação : 0
Data de inscrição : 11/06/2018
Idade : 51
Localização : Brasil

FMGRPG
FMG:
HTML - Dicas interessantes Left_bar_bleue200/100HTML - Dicas interessantes Empty_bar_bleue  (200/100)

https://play.idevgames.co.uk/profile/Huemerson

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos