Foros aprenderaprogramar.com
Aprender a programar => C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más => Mensaje iniciado por: anarubia 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
<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
-
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!
-
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
-
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
<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>
-
Hola, he puesto en el archivo style.css
.li-profile-member-container{
width:250px;
}
pero no me modifica el ancho. Un saludo
-
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