Autor Tema: modificar código javascript de linkedin  (Leído 5199 veces)

anarubia

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 36
    • Ver Perfil
modificar código javascript de linkedin
« en: 27 de Noviembre 2014, 18:17 »
Hola me podeis ayudar a modificar el código de linkedin, quiero cambiar el ancho a 250 px. El código es
Código: [Seleccionar]
<script src="//platform.linkedin.com/in.js" type="text/javascript"></script>
<script type="IN/MemberProfile" data-id="https://www.linkedin.com/in/xxx1" data-format="inline" data-related="false" ></script>

Al inspeccionar elemento me dice que tiene un ancho de 350 px

.li-profile-container {
background: #ededed;
display: block;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size: 13px;
width: 350px;
padding: 5px;
zoom: 1;
}
¿Como puedo modificar el ancho del container a 250px?. Gracias de antemano
« Última modificación: 28 de Noviembre 2014, 08:11 por Alex Rodríguez »

César Krall

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2078
  • No vales por lo que dices, sino por lo que haces
    • Ver Perfil
    • aprenderaprogramar.com
Re:modificar código javascript
« Respuesta #1 en: 27 de Noviembre 2014, 22:48 »
Hola, en relación con la duda tienes que localizar el archivo css desde donde se controlará el ancho y realizar el cambio en dicho archivo. Sin embargo, si el ancho del elemento no es accesible debido a que el código se carga directamente desde linkedin tendrías que recurrir a algún truco para forzar que se adapte al ancho que tú quieres. ¿Tienes una url donde se pueda ver cómo está ahora y cómo quieres que quede?

Saludos!
Responsable de departamento de producción aprenderaprogramar.com

anarubia

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 36
    • Ver Perfil
Re:modificar código javascript de linkedin
« Respuesta #2 en: 01 de Diciembre 2014, 14:59 »
hola, gracias por contestar. Donde lo tengo insertado es en mi blog www.anacastrolopez.es, barra lateral derecha (mi perfil de linkedIn). He añadido el atributo data-with=250 px pero solo me lo ha reducido a 300 px , ¿ que código tengo que añadir para forzar el ancho y dar color al background? . gracias de antemano

César Krall

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2078
  • No vales por lo que dices, sino por lo que haces
    • Ver Perfil
    • aprenderaprogramar.com
Re:modificar código javascript de linkedin
« Respuesta #3 en: 01 de Diciembre 2014, 17:39 »
Hola, se ve que tienes un contenedor externo de color gris, y luego el contenedor de linkedin en color blanco. En el contenedor externo tienes fijado en línea un width de 286 px.

Modificando ese width puedes dejar el ancho que desees.

Parece que lo tienes en wordpress, tendrías que localizar dónde se fija el ancho de 286 px y modificarlo al valor que desees.

Aquí te dejo el fragmento de código donde aparece el width: 286px

Código: [Seleccionar]

<div class="li-profile-container member-profile" style="width:286px">

<div class="li-profile-card vcard">

<div class="ie-filter-fix">

<div class="member-info">

<h1>
<a href="http://es.linkedin.com/pub/ana-castro-l%C3%B3pez/86/147/a31?trk=cws-ppw-member-0-0" target="_blank" class="url"><span id="name" class="n fn">
<span class="given-name">Ana</span>
<span class="family-name">Castro López</span></span></a>
</h1>
<p>
<span class="locality">Vigo y alrededores, España</span>
</p>
<div class="widget-actions">
<p><a href="http://es.linkedin.com/pub/ana-castro-l%C3%B3pez/86/147/a31?trk=cws-ppw-member-0-0" target="_blank" class="btn-ternary">Ver perfil</a></p>
</div>
</div>
<div class="member-photo">
<img src="https://media.licdn.com/mpr/mpr/shrink_60_60/p/1/005/026/366/14f46c9.jpg" class="photo" alt="Ana Castro López" height="60" width="60">
<span class="mark"></span>
</div>
</div>
</div>
</div>

Responsable de departamento de producción aprenderaprogramar.com

anarubia

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 36
    • Ver Perfil
Re:modificar código javascript de linkedin
« Respuesta #4 en: 04 de Diciembre 2014, 18:36 »
Hola, he puesto en el archivo style.css
.li-profile-member-container{
width:250px;
}
pero no me modifica el ancho. Un saludo

Ogramar

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2662
    • Ver Perfil
Re:modificar código javascript de linkedin
« Respuesta #5 en: 04 de Diciembre 2014, 21:20 »
Hola, he mirado la web y al analizarla aparece:

element.style {
    width: 286px;
}

Es decir, que el ancho no parece que esté establecido a través de css, sino directamente donde está (o donde se genera) el código HTML. Tendrías que buscar ese archivo, ya que el estilo en línea tiene prevalencia sobre el estilo establecido a través de un archivo css.

Salu2

 

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".