Código para @AlarmClock

Traduzido do inglês

Code for @AlarmClock

7

9

ISTO MUDA AS PALAVRAS DA BARRA DE PESQUISA

<style>

#search-input {

font-family: 'American Typewriter'; !important;

font-size: 1rem !important;

font-weight: normal;

caret-color: #000;

transition: color 600ms ease, caret-color 600ms ease;

}

/* torna o texto original do placeholder invisível*/

#search-input::placeholder {

opacity: 0;

}

/* O NOVO TEXTO DO PLACEHOLDER */

.search-input:after {

content: "Desejo de afeto? Clica em mim!";

font-family: 'American Typewriter';

font-size: 1rem;

font-weight: normal;

position: absolute;

max-width: 68%; /* imperceptível a menos que esteja num dispositivo menor */

top: 50%;

transform: translateY(-50%);

white-space: nowrap;

overflow: hidden;

text-overflow: ellipsis; /* adiciona reticências em vez de um corte abrupto quando o texto é muito longo */

pointer-events: none;

transition: color 600ms ease, opacity 300ms ease; /* se não quiseres que o texto do placeholder surja/desapareça suavemente, remove a transição de opacity aqui */

}

/* oculta o texto digitado por padrão */

#search-input,

.css-bar9lc:focus-within .search-input:after,

.search-input:has(#search-input:not(:placeholder-shown)):after {

opacity: 0;

}

/* torna o texto digitado visível quando a barra de pesquisa tem texto ou é clicada */

.css-bar9lc:focus-within #search-input,

.search-input:has(#search-input:not(:placeholder-shown)) #search-input {

opacity: 1;

}

.search-input {

position: relative;

overflow: hidden;

border-radius: 2px;

transition: background-color 600ms ease;

}

</style>


ISTO MUDA A LARGURA E A ALTURA DA TUA FOTO DE PERFIL

<style>

.css-18bnokj {

Width: 500px;

height: 500px;

</style>

Criado 11 de jun. de 2025

Atualizado 11 de jun. de 2025

Publicado 11 de jun. de 2025

  • Sem limites
proxy permitido

Chats publicados