Foros del Web » Soporte técnico » Ayuda General »

Como puedo cambiar el tamaño de un vídeo en tumblr

Estas en el tema de Como puedo cambiar el tamaño de un vídeo en tumblr en el foro de Ayuda General en Foros del Web. Hola chicos, estoy ayudando a modificar un theme de tumblr, el contenido de la plantilla tenia un ancho de unos 600px, y lo requieren a ...
  #1 (permalink)  
Antiguo 14/09/2013, 14:06
Avatar de Marthita23  
Fecha de Ingreso: enero-2003
Ubicación: Edo Mexico
Mensajes: 485
Antigüedad: 21 años, 11 meses
Puntos: 17
Pregunta Como puedo cambiar el tamaño de un vídeo en tumblr

Hola chicos, estoy ayudando a modificar un theme de tumblr, el contenido de la plantilla tenia un ancho de unos 600px, y lo requieren a 750px

He podido modificar el tamaño de los post y de las imagenes, como pueden ver en la imagen anexa se ve el menú, un post de texto, un video de Emma Watson y una imagen, como pueden ver el post de texto y la imagen ya estan con el tamaño requerido, pero no he podido cambiar el tamaño del vídeo a 750px, aunque al insertarlo le doy el tamaño que es al publicarlo se reduce a 500px.

Como puedo hacer que tome el tamaño requerido.

Ya intente modificar esto...

Código:
{block:Video}
{Video-500}
<p>{Caption}</p>
{/block:Video}
Por esto...

Código:
{block:Video}
{Video-750}
<p>{Caption}</p>
{/block:Video}
Pero solo me desaparece el vídeo.

El este es parte del codigo, faltan algunas cosas por ajustar, pero lo que me interesa por ahora es el ancho de los vídeos, me podrían ayudar por favor.

Código:
  <head>
 
    <title>{Title}</title>
    <link rel="icon" href="{Favicon}"/>
    <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
    <meta name="viewport" content="width=750"/> <!-- iPhone -->
    <meta name="description" content="{Description}"/>

        <!-- DEFAULT COLORS -->
        <meta name="color:Background" content="#fff"/>
        <meta name="color:Title Color" content="#333"/>
        <meta name="color:Link Color" content="#333"/>
        <meta name="color:Quote Color" content="#666"/>
        <meta name="color:Link Hover Color" content="#666"/>
        <meta name="color:Post TItle" content="#666"/>

    <style type="text/css">
        * { margin: 0; padding: 0; }
        body { color: {color:Text}; font-family: 'Inconsolata', arial, georgia; font-size: 18px; text-align:justify;  background: {color:Background}; text-shadow:0 0 0 #FFFFFF;}
        pre { font-size: 10px; }
        a { color:{color:Link Color}; text-decoration: none; padding: 1px 2px; font-weight:normal; }
        a:hover { color: {color:Link Hover Color}; background: none; }
        h1 { color:{color:Post Title};font-family: 'Playfair Display SC', georgia, Helvetica; font-weight: normal; margin-bottom:20px;}
        h2 { color:{color:Post Title}; font-family: 'Playfair Display SC', georgia, Helvetica; font-weight: normal; margin-bottom:20px; font-size:30px; text-align: center; line-height:32px; }
        h3 { color:{color:Post Title}; font-weight: normal !important; margin-bottom:0px; }
        h4 { color:{color:Post Title}; font-weight: normal; margin-bottom:0px; }
        img { background: {color:Background} !important; border: 0px solid #999; padding: 0px; margin: 0px; width: 750px; }
        img a { text-decoration: none !important; background: {color:Background} !important; margin: 0px; }

        .photo a, .disqus a { text-decoration: none !important; background: {color:Background} !important; }
        .header { margin: 10px 0 0 0; }
        .header h1 {line-height:56px; font-size:56px; font-weight:500; letter-spacing:-2px; text-transform:uppercase; text-align:center;}
        .header h1 a { font-weight:normal; }
        .header h2 {font-size:18px; font-weight:200; letter-spacing:1px; line-height:22px; text-align:center; }
        input { border: 1px solid #999; width: 80px; }
        .wrapper { width: 750px; margin: auto; }
        .main { margin: 50px 0px; }
        .datetime { font-size: 12px; line-height: 150%; color: #555; padding: 0 25px 45px 0; text-align: right; }
        .datetime a { color: #555; font-weight:bold; }
        .navleft { font-size: 12px; position: relative; float: left; }
        .navright { font-size: 12px; position: relative; float: right; }
        .navcenter { font-family: 'Carrois Gothic', sans-serif; font-size: 14px; text-align:center; text-transform: uppercase;}
        .footer { margin-bottom:10px; font-size: 14px; line-height: 14px; text-align:center; color: #333; }        
        .post { padding-bottom: 10px;} 
        .post p { margin:14px 0 14px 0; }
        .post ul{ list-style:circle; margin:10px 10px 10px 35px; }
        .post ol{ list-style:decimal; margin:10px 10px 10px 35px; }
        .post blockquote { color:#444; border-left:5px solid #ccc; margin:25px 30px 15px 10px; padding-left:20px;}        
        .short_quote { margin: 0px; font-family: 'Playfair Display SC', georgia, Helvetica; font-style:italic; padding: 0px; font-size:30px; line-height: 100%; color: {color:Quote Color}; } 
        .long_quote { margin: 0px; padding: 0px; font-size:24px; line-height: 130%; color: {color:Quote Color}; } 
        .caption { margin-bottom:10px; font-size:22px; line-height:26px; }
        a .notes { text-decoration: none !important; background: none; } 
        .notes a { text-decoration: none !important; background: none; } 
        img .notes { margin: 0px; padding: 3px 3px 0px 3px; border: 1px solid #999; } 
        .notes img { margin: 0px; padding: 3px 3px 0px 3px; border: none } 
        ol.notes { padding: 0px; margin: 25px 0px; list-style-type: none; border-bottom: solid 1px #ccc; }
        ol.notes li.note { border-top: solid 1px #ccc; padding: 10px; }
        ol.notes li.note img.avatar { vertical-align: -4px; margin-right: 10px; width: 16px; height: 16px; }
        ol.notes li.note span.action { font-weight: bold; }
        ol.notes li.note .answer_content { font-weight: normal; }
        ol.notes li.note blockquote { border-color: #eee; padding: 4px 10px; margin: 10px 0px 0px 25px; }
        ol.notes li.note blockquote a {  text-decoration: none; }
        .disqus { font-family: Georgia, 'Times New Roman', Times !important; size: 16px; line-height:150% !important; color:#333 !important; }

  form#search {
    border:0
    margin: 8px 8px 8px 8px;
  }
  
    form#search input.button {
      display: none;
    }
    
    form#search input.text {
      width: 160px;
      background: url(http://static.tumblr.com/thpaaos/3JQklzbvh/search.png) no-repeat;
      border:1px solid #dddddd;
      margin: 0 0 12px 0;
      padding: 0 0 0 16px;
    }

.regular_post_body img {
max-width: 100%;
}

        {CustomCSS}
        
    </style>
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  </head>
  <body>
    <div class="wrapper">
      <div class="header">
        <h1><a href="/">{Title}</a></h1>
        <h2>{Description}</h2>
      </div>
      <div class="post">
        <div class="navcenter">
          <form action="/search" method="get">
            <a href="/">inicio</a>&nbsp;&nbsp;<a href="/archive/">archive</a>&nbsp;&nbsp;<a href="/mobile">mobile</a>&nbsp;&nbsp;<a href="{RSS}">rss</a>
          </form>
        </div>
      </div>
      <div class="main">
        {block:SearchPage}
        <div class="post">
          <div class="datetime">
            {SearchResultCount} result(s)
          </div>
          searched for <em>{SearchQuery}</em>
        </div>
        {/block:SearchPage}
        
        {block:Posts}
        <div class="post">
        {block:Regular}
          {block:Title}<h2><a href="{Permalink}" class="permalink">{Title}</a></h2>{/block:Title}
          <p style="regular_post_body">{Body}</p>
        {/block:Regular}

        {block:Photo}
          <span class="photo">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" title="{PhotoAlt}">{LinkCloseTag}</span>
          <p class="caption">{Caption}</p>
         {/block:Photo}

        {block:Quote}
          <p><span class="{Length}_quote">{Quote}</span></p>
          {block:Source}<p>&mdash;&nbsp;{Source}</p>{/block:Source}
        {/block:Quote}

        {block:Video}
          {Video-500}
          <p>{Caption}</p>
        {/block:Video}

        {block:Audio}
          {AudioPlayerGrey}
          <p>{Caption}</p>
        {/block:Audio}

        {block:Link}
          <h2><a href="{URL}" {Target}>{Name}</a>&nbsp;&rarr;</h2>
          {block:Description}<p>{Description}</p>{/block:Description}
        {/block:Link}

        {block:Conversation}
          {block:Title}<h2>{Title}</h2>{/block:Title}
          <p>
          {block:Lines}
          {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br />
          {/block:Lines}
          </p>
        {/block:Conversation}
        
            <div class="datetime">
           {/block:Tags}{/block:HasTags}
            {block:Pagination}
            {block:NoteCount} | 
            <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} <br />
            {/block:Pagination}
            {block:SearchPage} | 
             {block:NoteCount}& 
            <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} <br />
            {/block:SearchPage}
            {block:PermalinkPage} || 
            <a href="/">home</a><br />
            {/block:PermalinkPage}
          </div>
        </div>
        {/block:Posts}
        

        {block:PermalinkPage}
        {block:PostNotes}
        <div class="post">
          <h3>Notes: </h3>
          <p>{PostNotes}</p>
        </div>
        {/block:PostNotes}
Espero que me puedan ayudar, les mando saludos

Adiós.

Etiquetas: theme, tumblr, video
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 23:45.