Foro WordPress Ayuda entre usuarios

Acerca de este hilo

• Publicado hace 8 meses
• Por MarceFX
• Última respuesta de josep
• Este Hilo está sin resolver
• 1 Miembros suscritos al hilo
• RSS feed de este hilo

Tags

1. 

   MarceFX
   

   3.0
   Antiguedad: Dic 2010
   Mensajes: 15

   offline

   Agradecimientos:8

    

   
   Publicado hace 8 meses
   #

   Hola,

   Al final después de tanto plugin me he hartado y prefiero poner los botones uno a uno con su código. El problema está en qué no sé nada de CSS.

   Aquí podéis ver cómo quedan actualmente los botones en mi blog:

   http://www.marcefx.com/privacidad-en-facebook-como-ocultar-tu-muro-y-otras-funciones-a-un-contacto-concreto/
   (Ahora mismo he desactivado el botón Compartir de Facebook, pongo pantallazo de cómo queda)

   

   Mi idea es que el botón de Facebook "Compartir" se alineé con los demás y guarde la misma distancia. Con eso me conformaría, pero además me gustaría meter todos los botones en un recuadro con otro color de fondo, del ancho de la entrada y un poco más alto, donde poder poner "Comparte esta entrada".

   Os dejo el código que actualmente uso para poner los botones.

   - En el tema: single.php (debajo de php the_content)
   

   < script type="text/javascript" src="https://apis.google.com/js/plusone.js" >{lang: 'es'}< /script >< g:plusone size="medium" >< /g:plusone >
   
   < !-- Twitter -- >
   <a href="http://twitter.com/share">Tweet</a>< script type="text/javascript" src="http://platform.twitter.com/widgets.js" >< /script >
   < !-- Twitter -- >
   
   < !-- Facebook Compartir -- >
   <a href="http://www.facebook.com/sharer.php">Compartir</a>< script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript" >< /script >
   < !-- Facebook Compartir -- >
   
   < !-- Facebook Me gusta -- >
   < iframe src="http://www.facebook.com/plugins/like.php?href=< ?php the_permalink(); ? >&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:100px; height:20px" >< /iframe >
   < !-- Facebook Me gusta-- >
   
   < script type="text/javascript" src="http://widgets.tuenti.com/widgets.js" >< /script > <a>" target="_blank" ><img src="http://www.vorpaline.com/wp-content/uploads/2011/07/tuenti.jpg" /></a>
   
   < !-- Meneame -- >
   <a>" target="_blank" ><img src="http://localhost:8888/wp-content/themes/arras/images/meneame.png" /></a>
   < !-- Meneame -- >

   
   

   Muchas gracias
2. 

   josep
   

   5.0
   Antiguedad: Dic 2008
   Mensajes: 535

   offline

   Agradecimientos:35

    

   
   Publicado hace 8 meses
   #

   Prueba a poner esto en tu styles.css dentro del container del body

   .mis-botones {
   background-color:#EDEDED;
   border:1px solid #7091DE;
   margin:10px auto;
   padding:10px;
   position:relative;
   text-align:center;
   width:auto;
   -moz-border-radius:15px 35px 5px;
   -webkit-border-radius: 15px 35px 5px;
   -moz-box-shadow:0 0 5px #888888;
   -webkit-box-shadow:0 0 5px #888888;
   }

   
   

   NOTA: La 4 últimas líneas sirven para que se vean las esqinas redondeadas en Mozilla Firefox, si no te gustan elimínalas.

   y después, esto en la parte del index.php donde quieras que aparezcan los botones;

   < div class="mis-botones" >
   
   AQUI TU CODIGO
   
   < /div >

   
   

   Despues juega un poco con los colores para adaptarlo a tu gusto y/o sitio

   EDITO: Fíjate en los espacios que aparecen en el segundo código, en el div. No tiene que haber ninguno sino no funcionará.

   http://culturapdf.blogspot.com/
   Repositorio de PDF's