Foros del Web » Creando para Internet » HTML »

XML cambiar fondo en versión móbil

Estas en el tema de XML cambiar fondo en versión móbil en el foro de HTML en Foros del Web. Buenos días a todo el mundo! Soy nueva en esto de los blogs y estoy adaptando una plantilla que descargué. En mi vida había tenido ...
  #1 (permalink)  
Antiguo 26/04/2013, 00:59
 
Fecha de Ingreso: octubre-2010
Ubicación: Costa Brava
Mensajes: 58
Antigüedad: 7 años, 9 meses
Puntos: 2
Pregunta XML cambiar fondo en versión móbil

Buenos días a todo el mundo!

Soy nueva en esto de los blogs y estoy adaptando una plantilla que descargué. En mi vida había tenido que tocar XML y me vuelvo loca.

Aunque con la versión web del blog no he tenido problemas, llevo dos días dando vueltas al mismo trozo de código para poder poner un fondo de color al cabezal de la versión móbil. He probado a modificar todos los background que he podido pero nada.

Os pongo el trozo de código donde hace las diferentes opciones para el móbil, a ver si alguien que lo tenga más por mano me puede decir el punto exacto a modificar.

Perdón por la ignorancia.

Código XML:
Ver original
  1. <b:if cond='data:useImage'>
  2.     <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
  3.            
  4.       <!--
  5.      Show image as background to text. You can't really calculate the width
  6.      reliably in JS because margins are not taken into account by any of
  7.      clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
  8.      width if the user is using shrink to fit.
  9.      This results in a margin-width's worth of pixels being cropped. If the
  10.      user is not using shrink to fit then we expand the header.
  11.      -->
  12.       <b:if cond='data:mobile'>
  13.         <div id='header-wrapper'>
  14.             <div class='titlewrapper' style='background: transparent;'>
  15.               <h1 class='title' style='background: transparent; border-width: 0px'>
  16.                 <b:include name='title'/>
  17.               </h1>
  18.             </div>
  19.             <b:include name='description'/>
  20.           </div>
  21.         <b:else/>
  22.           <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                        + &quot;background-position: &quot;                        + data:backgroundPositionStyleStr + &quot;; &quot;                        + data:widthStyleStr                        + &quot;min-height: &quot; + data:height                        + &quot;_height: &quot; + data:height                        + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
  23.             <div class='titlewrapper' style='background: #015F93;'>
  24.               <h1 class='title' style='background: transparent; border-width: 0px'>
  25.                 <b:include name='title'/>
  26.               </h1>
  27.             </div>
  28.             <b:include name='description'/>
  29.           </div>
  30.         </b:if>
  31.     <b:else/>
  32.       <!--Show the image only-->
  33.       <div id='header-inner'>
  34.         <a expr:href='data:blog.homepageUrl' style='display: block'>
  35.           <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'/>
  36.         </a>
  37.         <!--Show the description-->
  38.         <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
  39.           <b:include name='description'/>
  40.         </b:if>
  41.       </div>
  42.     </b:if>
  43.   <b:else/>
  44.     <!--No header image -->
  45.     <div id='header-inner'>
  46.       <div class='titlewrapper'>
  47.         <h1 class='title'>
  48.           <b:include name='title'/>
  49.         </h1>
  50.       </div>
  51.       <b:include name='description'/>
  52.     </div>
  53.   </b:if>
  54. </b:includable>
  55.            <b:includable id='description'>
  56.   <div class='descriptionwrapper'>
  57.     <p class='description'><span><data:description/></span></p>
  58.   </div>
  59. </b:includable>
  60.            <b:includable id='title'>
  61.   <b:if cond='data:blog.url == data:blog.homepageUrl'>
  62.     <data:title/>
  63.   <b:else/>
  64.     <a expr:href='data:blog.homepageUrl'><data:title/></a>
  65.   </b:if>
  66. </b:includable>
  67.          </b:widget>
  68.        </b:section>
  69. <b:section class='top-social-profiles' id='top-social-profiles' showaddelement='no'>
  70.   <b:widget id='HTML111' locked='true' title='Social Icons' type='HTML'>
  71.     <b:includable id='main'>
  72.   <!-- only display title if it's non-empty -->
  73.   <b:if cond='data:title != &quot;&quot;'>
  74.     <h2 class='title'><data:title/></h2>
  75.   </b:if>


Muchísimas gracias por adelantado!
  #2 (permalink)  
Antiguo 26/04/2013, 02:58
Avatar de Triby
Mod on free time
 
Fecha de Ingreso: agosto-2008
Ubicación: $MX->Gto['León'];
Mensajes: 9.850
Antigüedad: 9 años, 11 meses
Puntos: 2144
Respuesta: XML cambiar fondo en versión móbil

Creo que sería aquí:

Cita:
<div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot; + &quot;background-position: &quot; + data:backgroundPositionStyleStr + &quot;; &quot; + data:widthStyleStr + &quot;min-height: &quot; + data:height + &quot;_height: &quot; + data:height + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
__________________
- León, Guanajuato
- GV-Foto
  #3 (permalink)  
Antiguo 29/04/2013, 11:01
 
Fecha de Ingreso: octubre-2010
Ubicación: Costa Brava
Mensajes: 58
Antigüedad: 7 años, 9 meses
Puntos: 2
Respuesta: XML cambiar fondo en versión móbil

Muchas gracias!

Voy a probar

Etiquetas: xml
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:44.