[Error]  Ayuda con Iconos Sociales
* URL del foro: http://paratodos.ih1.com.ar * Versión del foro: 1.6.5 * Actualización: no Que tal Amigos? como les va? Aqui de nuevo con un par d...


Que tal Amigos? como les va?

Aqui de nuevo con un par de dudas, a ver si me pueden ayudar Smile

Bueno, me atrevi a modificar una de mis plantillas, el header para ser exactos, y probando pude incluir los iconos sociales o links para las paginas sociales de mi foro. Todo esta bien, salvo lo siguiente: Los iconos sociales de fb, twitter y +1 aparecen y funcionan al cien, solo que yo necesito dos cosas: 1) que aparezcan alineados a la derecha 2) que aparezca un texto en la barra de arriba de los iconos sociales.

estos son los codigos que adheri al header:

Facebook

Código PHP:
<div id="fb-root"></div>
<
script>(function(dsid) {
  var 
jsfjs d.getElementsByTagName(s)[0];
  if (
d.getElementById(id)) return;
  
js d.createElement(s); js.id id;
  
js.src "//connect.facebook.net/es_LA/all.js#xfbml=1";
  
fjs.parentNode.insertBefore(jsfjs);
}(
document'script''facebook-jssdk'));</script>

<
div class="fb-like" data-href="http://www.paratodos.ih1.com.ar" data-send="false" data-layout="button_count" data-width="450" data-show-faces="true"></div

Ademas con el boton de Facebook, tengo otro problemita, y es que me aparece muy pegado a la barra de abajo, como hago para separarlo igual que los otros dos? en la cap dejo señalado Smile

Twitter

Código PHP:
<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.paratodos.ih1.com.ar" data-text="Visita el mejor Foro de Chiquimula!" data-lang="es">Twittear</a>
<
script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script

y Google+

Código PHP:
<!-- Coloca esta etiqueta donde quieras que se muestre el botón +1. -->
<
g:plusone size="medium" href="https://profiles.google.com/u/0/101959516525399411659"></g:plusone>

<!-- 
Coloca esta petición de presentación donde creas oportuno. -->
<
script type="text/javascript">
  
window.___gcfg = {lang'es'};

  (function() {
    var 
po document.createElement('script'); po.type 'text/javascript'po.async true;
    
po.src 'https://apis.google.com/js/plusone.js';
    var 
document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(pos);
  })();
</
script

No se si lo hice bien y si coloque todos los codigos donde son, pero si necesito cambiarlos me dicen. Todos los codigos los coloque al final del header.

les dejo caps para que me entiendan mejor

desde ya les doy las gracias

saludos!

Les dejo las caps!


no han visto mi tema???

ohhh.

necesito otra ayudita. los iconos sociales se muestran en todos los lados del foro, cuando uno entra a ver un tema tambien se ven... como hago para que se vean solo en el home de la pagina?

gracias de nuevo

saludos!
No deben ir en la plantilla header ya que siempre se mostrarían, deben ir en la plantilla de acuerdo a lo que quieres hacer o donde los quieres mostrar, ya sea mostrar temas o mostrar mensajes o mostrar los foros. Saludos...
Pude ponerlo en header pero este contara votos solo para la web, si deseas ponerlo en cada post o en los temas, tendrías que hacer lo que dice Dark Neo.
(27 Dec, 2011, 12:26 am)Dark Neo escribió: No deben ir en la plantilla header ya que siempre se mostrarían, deben ir en la plantilla de acuerdo a lo que quieres hacer o donde los quieres mostrar, ya sea mostrar temas o mostrar mensajes o mostrar los foros. Saludos...

si es exactamente lo que quiero, y ademas moverlos a la derecha del foro

(27 Dec, 2011, 6:59 am)saydead escribió: Pude ponerlo en header pero este contara votos solo para la web, si deseas ponerlo en cada post o en los temas, tendrías que hacer lo que dice Dark Neo.

si yo solo quiero que aparezcan en la pagina home del foro, me entienden?
Hubiese contestado antes pero tenía otras cosas que hacer y se me complico un poco el código, igual aquí esta. Big Grin

Ve a tu set de plantillas/Índice - Plantillas/index y busca:
Código:
{$header}

Agrega después:
Código:
<div style="float: right; width: auto; height: auto; padding-bottom: 2px;">
<div class="float_right" style="margin-top: 3px; margin-right: -27px; padding: 0 10px 0 0; margin-left: -33px;"><g:plusone size="medium" href="https://profiles.google.com/u/0/101959516525399411659"></g:plusone></div>
<div style="float: left;" style="padding-right: -20px;"><table><tr>
<td><div class="fb-like" data-href="http://www.paratodos.ih1.com.ar" data-send="false" data-layout="button_count" data-width="100" data-show-faces="true" style="padding-right: 1px;"></div></td>
<td><div><a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.paratodos.ih1.com.ar" data-text="Visita el mejor Foro de Chiquimula!" data-lang="es">Twittear</a></div></td>
</tr></table></div>
</div>

<script type="text/javascript">
  window.___gcfg = {lang: 'es'};

  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
Como siempre al dia. Gracias por la info yo me imagino que asi podrá realizar ya los cambios, yo aun voy aprendiendo de algunas cosas por eso no quiero adentrarme para cometer algun error, xD. Mejor espero a que nos digan ustedes que ya saben bien moverse por MyBB que cosa y asi vamos aprendiendo,
(28 Dec, 2011, 3:14 pm)Survivor21 escribió: Hubiese contestado antes pero tenía otras cosas que hacer y se me complico un poco el código, igual aquí esta. Big Grin

Ve a tu set de plantillas/Índice - Plantillas/index y busca:
Código:
{$header}

Agrega después:
Código:
<div style="float: right; width: auto; height: auto; padding-bottom: 2px;">
<div class="float_right" style="margin-top: 3px; margin-right: -27px; padding: 0 10px 0 0; margin-left: -33px;"><g:plusone size="medium" href="https://profiles.google.com/u/0/101959516525399411659"></g:plusone></div>
<div style="float: left;" style="padding-right: -20px;"><table><tr>
<td><div class="fb-like" data-href="http://www.paratodos.ih1.com.ar" data-send="false" data-layout="button_count" data-width="100" data-show-faces="true" style="padding-right: 1px;"></div></td>
<td><div><a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.paratodos.ih1.com.ar" data-text="Visita el mejor Foro de Chiquimula!" data-lang="es">Twittear</a></div></td>
</tr></table></div>
</div>

<script type="text/javascript">
  window.___gcfg = {lang: 'es'};

  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

exelente!!!!

+rep!!!

algun dia quiero ser como ustedes y poder descifrar estos codigos jajajajaja
saludos y gracias por la ayuda!
(28 Dec, 2011, 4:41 pm)Dark Neo escribió: Como siempre al dia. Gracias por la info yo me imagino que asi podrá realizar ya los cambios, yo aun voy aprendiendo de algunas cosas por eso no quiero adentrarme para cometer algun error, xD. Mejor espero a que nos digan ustedes que ya saben bien moverse por MyBB que cosa y asi vamos aprendiendo,

yo no se nada amigo Huh jajaja por eso les pido ayuda a los mejores osea ustedes!!!

gracias por la ayuda!

saludos!
Última modificación: 28 Dec, 2011, 8:51 pm por bolotovb2022.