Darle un css específico al boton enviar de un tipo de contenido

[skat]

Hola,
veréis quería modificar el estilo del botón enviar de un solo tipo de contenido

¿cómo puedo hacerlo?

Muchas gracias

[NUCKLEAR]

Iniciado por skat

Hola,
veréis quería modificar el estilo del botón enviar de un solo tipo de contenido

¿cómo puedo hacerlo?

Muchas gracias

Con CSS.

[skat]

Sí, pero es que no se como darle un div o span específicos
como lo hago?

[comodoo]

Es un tema mas específico del foro de CSS, pero verás que el botón que quieres modificar estará dentro de otros contenedores DIV. Alguno de ellos tendrá la clase node-type-nombre_de_tu_contenido o algo parecido. Entonces deberás usar esta clase para ir descendiendo en los niveles para llegar hasta el botón enviar. Por ejemplo:

.node-type-tu_contenido .tuboton(color: blue)

Era algo así creo, de todas formas échale un vistazo, quizá pueda estar yo equivocado...

[skat]

Um, no me funcionó

alguna otra idea??

[MarioAraque]

Sabes usar firebug, o alguna herramienta de depuracion de navegadores? La de chrome esta bien, yo es que no uso ningun otro de esos dos para desarrollar.

Si sabes Drupal sabes que cada formulario y cada tipo de contenido estan en divs con clases o ids distintos uno de los otros.
Si sabes CSS entonces deduciras que con ids distintos podes hacer estilos personalizados no solo para tus botones, si no para cualquier otra cosa: textos, tipografias, tamaño de imagenes, etc etc.

Que debes hacer? Averiguar el id del formulario de tu tipo de contenido y maquetar el boton a tu gusto apartir de ahi.

Queres agregar span y divs a los botones? Debes crearte un modulo y usar el hook_form_alter para que, al boton submit, le agreges un suffix y un preffix.

Sinceramente no veo mucho esmero de tu parte, asi que prefiero ver si con lo que te dije antes podes solucionar tu problema, y luego ya veremos lo de implementar el modulo.

Saludos.

[skat]

que no soy un experto en materia está claro, pero hasta usar firebug y cía llego.
Vamos a ver el tema es que el siguiente: la id lo tengo claro, pero lo que no se como se hace, ese id se comparte para todo los botones, es modificar el botón enviar con css sólo para un tipo de contenido cuyo nombre máquina es pregunta.
¿alguien podría indicarme como debiera escribir teóricamente el código?

Gracias

[MarioAraque]

Si no nos pasas el codigo, dificil es.

Si no sos un experto en la materia porque mejor no aprender primero a usar ver como son las reglas CSS? Entiendo que esto es un foro y se puede poner lo que quieras pero no se trata de responder y listo, seguir adelante.....vos no queres aprender? o solo queres que funcione y listo?

Si tenes un tipo de contenido llamado pregunta, entonces tendras todo el formulario con una clase llamada "node-pregunta-form", comprobalo con el firebug.

Si efectivamente tengo razon (la prueba que acabo de hacer es con Drupal 7), entonces con esta linea tendrias todos los submits de ese formulario hecho:

Código CSS:

.node-pregunta-form input[type=submit]{
  background-color: red; /* Ejemplo */
}
 

Saludos.

[skat]

Mario, muchísimas gracias por tu colaboración!

Lo he probado pero tampoco funciona. Esto es lo que marca firebug en el html:

<input type="submit" class="form-submit" value="Enviar" id="edit-submit" name="op">

y la clase que la clase que le afecta que está en style.css es: .form submit {valores}

Quizás esta información sea de utilidad. Nuevamente, muchas gracias!

[NUCKLEAR]

Es bastante simple, cada formulario tiene un id:

Código CSS:

form#FORMID input.form-submit{
   ......
}
 

[skat]

Gracias Nucklear! pero tampoco va...

[pzin]

skat, no tengo ni idea de Drupal. Pero si te dicen que especifiques una clase con el nombre contenido tal que .node-pregunta-form input[type=submit] y tú haces .form submit ya el problema no es que funcione o no, es que tienes que prestar atención a lo que se te dice. .form submit no va a funcionar porque estás dándole propiedades a un elemento submit que no existe en HTML que sea hijo de un elemento con clase .form.

Supongo que la respuesta de NUCKLEAR también será buena, pero algo harás mal.

En un foro no valen las respuestas "no funciona, siguiente". Deberías intentar entender qué haces mal o al menos decir qué es lo que has hecho si no entiendes qué haces mal.

[NUCKLEAR]

Me parece que antes de querer correr necesitas aprender a andar. Por que no lees un poco los fundamentos de CSS por que se llama estilo en cascada.
http://librosweb.es/
Sobre todo como ayudar a que te ayuden.

[skat]

Insisto, no funciona y soy el primer interesado en que funcione

[MarioAraque]

Sos el primer interesado en que funcione pero parece que sos el ultimo interesado en querer trabajar para que funcione...

Te pido unas cosas:

El formulario de creacion del Nodo "Pregunta", que class tiene? , o el id, cual es?
Cual es el codigo CSS que has puesto vos hasta ahora?

Queres que te ayudemos pero vos no ayudas mucho con la informacion que das.

Saludos.

[skat]

el tema es que con
.node-form #edit-submit { }

Es como consigo que funcione, el tema es que eso afecta a todos los botones de envío de todos los tipos de contenido.
El nombre máquina del tipo de contenido es "pregunta"
Además hay una etiqueta que envuelve todo y es:

<form action="/node/add/pregunta" accept-charset="UTF-8" method="post" id="node-form">

Quizás eso pueda ayudar, pero que se han probado al menos 30 códigos diferentes eso lo aseguro
Gracias nuevamente y

[MarioAraque]

Ok ahora veo!

El tag "body" tiene alguna clase que te sirva de identificador? Porque si no va a ser dificil personalizar el formulario.

[skat]

Hola Mario,
pues tiene un id, pero es común para el resto de tipos de contenido. No sé, a mi no me parece fácil acertar con el código css a poner.... no será que no se puede con simple css?? habrá que montar un módulo que indique que para ese tipo de contenido el botón lleve un id en concreto?
Si, es así, la verdad es que espero que esto lo tengan solucionado en Drupal 7 porque parace bastante básico
Gracias nuevamente y un saludo

[pzin]

Como ves cuando explicas más detalladamente el problema surgen otras preguntas y posiblemente algunas soluciones.

Prueba con esto.

Código CSS:

form[action="/node/add/pregunta"] input[type=submit] {
 
}
 

[MarioAraque]

No habia pensado en la solucion de Bonez, eso te deberia servir.

Saludos.

[skat]

Muchísimas gracias a todos!
Bonez, si que funciona pero lo que haces con ese código es que te modifica todos los botones que están en esa url, por ejemplo también el del buscar que está en un bloque. Si especifico más, por ejemplo:

form[action="/node/add/pregunta"] input[type=submit name=op value=enviar] { }

Deja de funcionar. No se, tampoco quiero ser pesado, en cualquier caso gracias

[MarioAraque]

Código CSS:

form[action="/node/add/pregunta"] .node-form input[type=submit] {
 
}
 

Te sirve?

[skat]

Mario, muchísimas gracias! así sí, modifica los dos botones, el de enviar y previsualizar, pero me da igual
Muchas gracias!

[MarioAraque]

No me des las gracias, lo que mas quisiera es que tengas mas ganas de aprender las cosas y luego sacar adelante un proyecto.

Desde lo mas profundo de mi corazon, no entiendo como podes tener una agencia de marketing sin tener personal capacitado para hacer una linea de CSS.

Igual se que no haras caso a lo que te diga, pero bueno...

Saludos.