Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
[es-es] TXP4: CSS en formulario de comentarios
Saludos
Si se es partidario de controlar la apariencia de los botones ‘previsualizar’ y ‘enviar’ en los comentarios, basta con definir la clase .button en la hoja de estilo, por ejemplo:
<code>
.button {
margin : 0;
padding : 0;
background-color : #fff;
border : 1px solid #ccc;
height : 21px;
width : 95px;
font : normal 11px/15px tahoma, verdana, arial, sans-serif;
}
</code>
Para los campos nombre, correo y web no pudimos encontrar el procedimiento para pasar la clase al script, aunque descubrimos que el style es el quinto parámetro que usa la función. Así que abrimos ‘comments.php’ en la carpeta ‘publish’ del textpattern y localizamos la función ‘commentForm’.
Encontramos en la función el siguiente trozo de código:
<code>
$vals = array(
‘comment_name_input’ => $namewarn.input(‘text’,‘name’, $name, $isize,‘comment_name_input’,“2”),
‘comment_email_input’ => $emailwarn.input(‘text’,‘email’, $email,$isize,‘comment_email_input’,“3”),
‘comment_web_input’ => input(‘text’,‘web’, $web, $isize,‘comment_web_input’,“4”),
‘comment_message_input’ => $commentwarn.$textarea,
‘comment_remember’ => $checkbox,
‘comment_preview’ => input(‘submit’,‘preview’,gTxt(‘preview’),‘comment_preview’,‘button’),
‘comment_submit’ => $comment_submit_button
);
</code>
y lo sustituimos por:
<code>
$vals = array(
// ‘comment_name_input’ => $namewarn.input(‘text’,‘name’, $name, $isize,‘comment_name_input’,“2”),
‘comment_name_input’ => $namewarn.input(‘text’,‘name’, $name, $isize,‘caja’,‘comment_name_input’,“2”),
// ‘comment_email_input’ => $emailwarn.input(‘text’,‘email’, $email,$isize,‘comment_email_input’,“3”),
‘comment_email_input’ => $emailwarn.input(‘text’,‘email’, $email,$isize,‘caja’,‘comment_email_input’,“3”),
// ‘comment_web_input’ => input(‘text’,‘web’, $web, $isize,‘comment_web_input’,“4”),
‘comment_web_input’ => input(‘text’,‘web’, $web, $isize,‘caja’,‘comment_web_input’,“4”),
‘comment_message_input’ => $commentwarn.$textarea,
‘comment_remember’ => $checkbox,
‘comment_preview’ => input(‘submit’,‘preview’,gTxt(‘preview’),‘comment_preview’,‘button’),
‘comment_submit’ => $comment_submit_button
);
</code>
en el que aparecen barradas las líneas modificadas y se han incluido en su lugar nuevos valores que incluyen en quinto lugar el nombre de la clase, en nuestro caso, caja, que será preciso definir en la hoja de estilo, por ejemplo:
<code>
.caja {
margin : 0;
padding : 3px;
border : 1px solid #ccc;
background-color : #fff;
width:175px;
font : normal 11px/15px tahoma, verdana, arial, sans-serif;
}
</code>
Para el textarea tampoco tuvimos éxito pasando el parámetro, y repetimos el proceso anterior. Un poco antes del código arriba mencionado se encuentra la línea:
<code>
$textarea = ‘<textarea class=“txpCommentInputMessage” name=“message”’.$msgcols.$msgrows.$msgstyle.’ tabindex=“1”>’.htmlspecialchars($message).’</textarea>’;
</code>
que cambiamos por:
<code>
$textarea = ‘<textarea class=“caja2” name=“message”’.$msgcols.$msgrows.$msgstyle.’ tabindex=“1”>’.htmlspecialchars($message).’</textarea>’;
</code>
También definimos esta clase, caja2, en la hoja de estilo:
<code>
.caja2 {
margin : 0;
padding : 3px;
border : 1px solid #ccc;
background-color : #fff;
width:300px;
height : 100px;
font : normal 11px/15px tahoma, verdana, arial, sans-serif;
}
</code>
Guardamos ‘comments.php’ y lo subimos mediante FTP a su carpeta del textpattern.
Más o menos funciona, pero si alguien sabe como pasar la clase sin tocar ‘comments.php’, quedaríamos muy agradecidos.
el florido byte – textpattern 4.0
Offline