Menu Fechar

Vamos colocar um ícone com texto e imagens livremente com CSS:: antes,:: depois

:: Antes de {Content "} ou:: depois de {Content"} é um seletor virtual muito útil quando você não tem controle direto sobre HTML (elemento plug-in Said. exe) e deseja alimentar atributos comuns a esses elementos.

Use as seguintes propriedades:: antes, e conteúdo "" para colocar o conteúdo que você deseja inserir.

    :: Antes e:: após o uso em CSS real

<div class="reply">Comentários</div>

Comentários

Se você quiser colocar algo na frente da resposta de nome de classe acima, você pode fazê-lo adicionando CSS a ele.

. Reply:: antes {
  Conteúdo: "Este é um"
  }
Comentários

Este conteúdo: se você quiser dar uma propriedade para o elemento, então você pode fazê-lo.

  . Reply:: antes {
  Conteúdo: "isto é";
  Font-weight: negrito;
  Font-style: itálico;
  }
Comentários

O texto, bem como o plano de fundo: URL ("endereço de imagem") no-repeat; Insira o endereço da imagem como, largura: 16px; Você também pode definir largura e altura para incluir imagens usando a altura: 16px; e assim por diante, ou usar ícones CSS, como o ícone de CSS awesome.

  . Reply:: antes {
  Conteúdo: "f044";
  Fonte: normal normal 16px normal/1 fontawesome;
  Margem direita: 5px;
  }
Comentários

(Note que os emoticons CSS na frente dos comentários no exemplo são realmente usados na janela de comentários do site Gkkmon.)

    :: Antes e:: após aplicações

Você pode usar esse recurso para personalizar seu site ou blog de várias maneiras. Você pode inserir um ícone na frente de determinados elementos, como aquele usado por Gkkmon.<li></li>Você também pode fazer a mesma lista.

A melhor parte de tudo é que você pode mudar partes do plug-ins que você não sabe ou o que elementos HTML que você não quer mudar (Gkkmon) que você está usando no site (o cão Honey-Mon) é um plugin para o WordPress jetpack (Jet Pack).

Depois de ter aplicado isso e descobriu o nome da classe, como clique direito → inspeção elemento, para substituir o site do seu próprio, vamos personalizá-lo para o seu gosto.

Deixe uma resposta

O seu endereço de email não será publicado.

Posted in All, Wordpress

이메일 구독 - Email Subs

최선을 다해 직접 만든 콘텐츠만 공유합니다.
We share the best content we have created.