Editar plantilla html para ajustar mejor la cabecera plantilla

Pasote · #1 (**permalink**) 07/07/2013, 07:39

- Dirección del blog:
www.tuisla.tk

- Navegador web utilizado:
Firefox

- Describe con precisión lo que estabas haciendo en ese momento y proporciona una captura de pantalla si es posible:

En la cabecer del blogspot se observa que no logro que entre en una sola línea la leyenda :

SALVA TU PLAYA - PARQUE MARITIMO

el código que he visto al editar la plantilla es :

Código HTML:

Ver original<body>
    <div id='body-wrapper'>
      <div id='outer-wrapper'>
        <div id='wrap2'>
          <div id='header-wrapper'>
            <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
              <b:widget id='Header1' locked='true' title='SALVA TU PLAYA  -  PARQUE MARITIMO (cabecera)' type='Header'>
                <b:includable id='main'>
                  <b:if cond='data:useImage'>
                    <b:if cond='data:imagePlacement == &quot;REPLACE&quot;'>
                      <!--Show just the image, no text-->
                      <div id='header-inner'>
                        <a expr:href='data:blog.homepageUrl' style='display: block'>
                          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block;padding-left:0px;padding-top:0px;'/>
                        </a>
                      </div>
                      <b:else/>

Cómo puedo adaptarlo para que entre en una sola línea ?

Gracias

pzin · #2 (**permalink**) 07/07/2013, 09:09

No sé muy bien dónde podrás agregar código CSS, porque no sé cómo funciona Blogspot, pero si sabes donde, añadiendo algo así debería de servirte:

Código CSS:

Ver original#Header1 {
  white-space: nowrap;
}

Cuando publiques código, usa highlight o code para cuidarnos entre todos los ojitos.

Pasote · #3 (**permalink**) 07/07/2013, 10:05

la línea conflictiva parece ser

Código:

 <b:widget id='Header1' locked='true' title='SALVA TU PLAYA  -  PARQUE MARITIMO (cabecera)' type='Header'>

El asunto es que por lo visto también es un widget.

Cómo lo hago ? tengo muy poca experiencia.
Sí que se editar la plantilla, pero si me dicen que pongo exactamente en su lugar

Gracias

supportman · #4 (**permalink**) 07/07/2013, 10:42

Hola! en blogger hay un apartado que te permite modificar los estilos del blog (personalizar plantilla), o algo así, puedes mirar de cambiar el tamaño de letra a ver si lo pone en una linea, si no, en ese mismo apartado se permite incluir CSS propio, hay un cuadro de texto donde pegas lo que te ha dejado el compañero pzin y mira si funciona, a mi nunca me funcionó eso, pero puede que tu tengas más suerte.

Si eso no es suficiente, ves al editor html de la plantilla y al principio de todo tiene que aparece una etiqueta del tipo <style> pues pega ese código justo debajo de esa etiqueta. En blogger creo recordar que se ponía ahí el CSS, por que no tiene una hoja de estilos a parte.

Espero ser de ayuda.

Pasote · #5 (**permalink**) 07/07/2013, 12:51

Lo que podría hacer, si en la parte de código que puse no vale para modificar lo que tengo que modificar poner un pedazo más grande de código a ver si aparece. Porque de otra manera no creo sepa hacerlo sin conocimiento grandes de programación en CSS o similares.
O sea
1. Se editar la plantilla, modificarla y salvarla. Incluso puedo llevarla a un procesador como notepad++ o pspad.
2. Tengo que localizar el exacto código o punto exacto de inserción y así podría simplemente insertar, modificar, etc. la parte de código objetivo

Gracias

pzin · #6 (**permalink**) 07/07/2013, 13:10

Cita:

Iniciado por Pasote

Lo que podría hacer, si en la parte de código que puse no vale para modificar lo que tengo que modificar

Bueno, white-space se hereda, así que podrías poner algo como:

Código HTML:

Ver original<div id='header-wrapper' style='white-space: nowrap'>

Pero claro, todo el contenido, el texto, de tu cabecera tendrá el mismo comportamiento, que igual no deseas.

Pero lo ideal es localizar un fichero CSS o una etiqueta STYLE. Aunque te sirva, intenta al menos buscar estas cosas, porque al final te resultará más fácil hacer cualquier cambio.

Pasote · #7 (**permalink**) 08/07/2013, 19:34

Siento no tener el conocimiento para saber qué línea tengo que afectar.

pongo toda la plantilla a ver si así me pueden ayudar a encontrar la línea donde debo insertar o modificar el código adecuado . gracias

https://docs.google.com/file/d/0BwzLgotryUFSMnQwMDFkM1JnQTg/edit?usp=sharing

Pasote · #8 (**permalink**) 09/07/2013, 15:31

nadie se anima a echarme una mano ?

Gracias