Quiero crear un botón de color activo (no una imagen) dentro de una publicación específica

Hola. No sé programar. Quiero crear un botón de color activo (no una imagen) dentro de una publicación específica. ¿Qué código se debe escribir en la ventana del editor de publicaciones?
Esto es lo que quiero :point_down:


Mi intento de codificación en la ventana del editor de publicaciones :point_down: :see_no_evil:

Ayuda, por favor. Muestren el código correcto, por favor :pray: :pray: :pray:

Echa un vistazo a esto:

3 Me gusta

Según entiendo, no podré agregar el código del botón a la ventana del editor, ya que de todos modos no funcionará.
Según entiendo, no podré agregar el código del botón a la ventana del editor y no podré establecer el fondo de una publicación en particular, ya que de todos modos no funcionará. ¿Y necesito agregar primero algún código a la lista blanca de HTML?

Disculpa si entendí algo mal :pray:, no soy un especialista en codificación y no hablo bien inglés. Ahora estoy usando el traductor de Google.

Quizás una imagen valga más que mil palabras :slight_smile:

[data-theme-button] a {
        display: inline-block;
        padding: 20px 50px;
        background: #24E927;
        border-radius: 5px;
        border: 3px solid #004E7D;
        color: #004E7D;
}

Si quieres centrar el botón:

[data-theme-button] {
    display: flex;
    justify-content: center;
    a {
        padding: 20px 50px;
        background: #24E927;
        border-radius: 5px;
        border: 3px solid #004E7D;
        color: #004E7D;
    }
}

1 me gusta

Genial, esto es increíble :exploding_head:. Muchas gracias :+1: :+1: :+1:

Parece que entendí la lógica de cómo crear diferentes opciones de botones.
Mañana compartiré contigo mis experimentos con el código.

Mientras tanto, quiero hacer una pregunta más: ¿qué comando servirá para alinear el botón al borde derecho de la publicación?

Gracias de nuevo :raised_hands:

¿Es posible codificar el tamaño y el grosor del texto en CSS?

[data-theme-button] {
    display: flex;
    justify-content: end;
    a {
        padding: 20px 50px;
        background: #24E927;
        border-radius: 5px;
        border: 3px solid #004E7D;
        color: #004E7D;
    }
}

Sí: usa los siguientes atributos:

font-size y font-weight

Con los valores deseados.

Documentación:


:information_source: Actualicé mi código CSS en mis mensajes para que sea más limpio (usando atributos flexbox en lugar de margen para alinear el botón).

2 Me gusta

Muchas gracias. Tu respuesta es muy importante para mí. Estoy intentando estudiar.

1 me gusta

Solo para que conste, si bien está bien hacer alguna que otra pregunta sobre cómo ajustar tu sitio aquí y allá, estrictamente hablando, las preguntas básicas de CSS y HTML generalmente se responden mejor en un foro dedicado a ello.

3 Me gusta

Cuando intenté actualizar el código según tu ejemplo, obtuve un error.

Pero cuando eliminé el segundo carácter “}”, el error desapareció

¿Lo hice bien?

Hola. Entendí correctamente “foro dedicado”, que no tiene nada que ver con discourse. O discourse tiene un foro separado para discutir problemas de CSS y HTML. (No estoy seguro si mi navegador traduce correctamente)

Pido disculpas por mi insolencia :pray: ¿Podrías mostrarme esto con mi ejemplo de CSS? :pray:

P.D. Junto con el discurso, comencé a explorar el mundo de la codificación :sweat_smile:

Sí, lo siento, cometí un error al copiar y pegar mi código. :+1:

Dice que preguntar sobre cosas generales de CSS que no están directamente relacionadas con Discourse (como usar CSS para cambiar el tamaño o el grosor del texto) no debe discutirse en meta.discourse.org, sino en otro lugar donde puedas aprender y hacer preguntas sobre CSS.

Si tienes una pregunta precisa sobre cómo usar CSS para hacer algo específico en Discourse, entonces meta.discourse.org es apropiado.

Te sugiero que aprendas los conceptos básicos de CSS. Escribe “tutorial de CSS” en tu idioma en tu motor de búsqueda favorito e intenta obtener algunos conocimientos de aquí para empezar. Te ayudará enormemente más adelante a personalizar el estilo de tu foro de Discourse.

2 Me gusta

¡Hola, gracias, ahora está claro!
Me aseguraré de usar los enlaces que proporcionaste :+1: