Show posts

This section allows you to view all posts made by this member. Note that you can only see posts made in areas you currently have access to.

Messages - DiegoC

#1
Tips and Tutorials / Botones Compartir, Like y +1
August 11, 2013, 09:06:24 PM

Cualquier cambio que hagas a partir de este Post es bajo su responsabilidad






Abrimos nuetro index css de nuestro  tema [Themes > Tu Tema > Css > Index.css ]


.anmrltlt {
    background: -moz-linear-gradient(center top , #59C2FF 0%, #35B1EF 100%) repeat scroll 0 0 #4899DB;
    border: 1px solid #3399CC;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    font-family: tahoma;
    font-size: 12px;
    font-weight: bold;
    margin-left: -4px;
    margin-top: -44px;
    padding: 5px;
    position: absolute;
    text-shadow: 0 0 0.2em #2679D5;
    width: 353px;
}


.cmprdn {
    background-image: -moz-linear-gradient(center top , #FFFFFF 0%, #F0F0F0 100%);
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 11px rgba(0, 0, 0, 0.23);
    height: 100px;
    margin-bottom: 30px;
    margin-left: 20px;
    margin-top: 50px;
    padding: 10px;
    width: 198px;
}



Pegamos al final del todo


Abrimos nuestro index.template [Themes > Tu tema > Index.template.php] si no ecuentran esta en [Themes > Default > Index.template.php]

Buscamos  y pegamos despues del primera etiqueta  echo

<body>';
}

function template_body_above()
{
global $context, $settings, $options, $scripturl, $txt, $modSettings;

echo '


PEGAMOS:

<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_ES/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, \'script\', \'facebook-jssdk\'));</script>



Eso es para poder facebok en su  Display


Seguimos


Nos vamos a Nuestro Display.Template.php [Themes > Tu Tema > Display.Template.php]

Buscamos


      // Show the member's signature?



Pegamos despues



echo'

<div id="dny" class="cmprdn"><div style="width:195px" class="anmrltlt">COMPARTE ESTE TEMA</div>



<div style="height:63px; width:50px; float:left" class="eagz">

<div style="text-indent: 0px; margin: 0px; padding: 0px; background: none repeat scroll 0% 0% transparent; border-style: none; float: none; line-height: normal; font-size: 1px; vertical-align: baseline; display: inline-block; width: 50px; height: 60px;" id="___plusone_0"><iframe width="100%" scrolling="no" frameborder="0" hspace="0" marginheight="0" marginwidth="0" style="position: static; top: 0px; width: 50px; margin: 0px; border-style: none; left: 0px; visibility: visible; height: 60px;" tabindex="0" vspace="0" id="I0_1368703895908" name="I0_1368703895908" src="https://plusone.google.com/_/ 1/fastbutton?bsv&amp;count=true&amp;size=tall&amp;hl=en-US&amp;origin=http://gamerznice.com.nu&amp;url=http://gamerznice.com.nu/&amp;gsrc=3p&amp;jsh=m;/_/scs/apps-static/_/js/k=oz.gapi.es.zjrUxDt_1h4.O/m=__features__/am=IQ/rt=j/d=1/rs=AItRSTM7Fb_ffANxLmw_eIE2U_JOvuLikg#_methods=onPlusOne,_ready,_close,_open,_resizeMe,_renderstart,oncircled&amp;id=I0_1368703895908&amp;parent=http://gamerznice.com.nu&amp;rpctoken=56263830" allowtransparency="true" data-gapiattached="true" title=" 1"></iframe></div>

</div>

<div style="float: left;margin-left: 10px;">
<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a>
<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript">
</script>
</div>



<iframe scrolling="no" frameborder="0" allowtransparency="true" src="//www.facebook.com/plugins/like.php?href=http://www.facebook.com/ZonaElegante&amp;send=false&amp;layout=box_count&amp;width=450&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=tahoma&amp;height=90" style="margin-left:5px;height:63px; width:70px; float:left"></iframe>

<a href="',  $scripturl . '?action=bookmarks;sa=add;id_topic=' . $context['current_topic'] . ';' . $context['session_var'] . '=' . $context['session_id'],'"><img src="', $settings['images_url'], '/addfavorites.png" alt="" title="Añadir a Favoritos" border="0" class="modifybutton" /></a>


</div>';


creditos - BY DEMON GAMERZNICE
#2
Imagen Final.







Antes de comenzar hagan respaldo de sus  archivos a editar [Los cambios que se realizen a partir de este  post es  bajo responsabilidad suya.]


Nos diriginos a nuestro index.css [Themes > Tu tema > css > index.css]


Pegamos al final del todo



.slide_likebox {
float:right;
width:288px;
height:345px;
background: url([url]https://lh6.googleusercontent.com/-VW_GzzYnZJ0/TkiZQFcBc2I/AAAAAAAABmg/fa9_qWV8Cu4/fb_bg.png[/url]) no-repeat !important;
display:block;
right:-250px;
padding:0;
position:fixed;
top: 130px;
z-index:1002;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
div.likeboxwrap {
margin-top:2px;
margin-left:-5px;
width:238px;
height:325px;
background-color:#fff;
overflow:hidden;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
div.likeboxwrap iframe {margin:-1px}




Abrimos nuestro Index.template.php
[Theme > tu tema > Index.template.php]

Buscamos


</head>


Pegamos despues



<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js">
</script>

<script type="text/javascript">
//<![CDATA[
jQuery.noConflict();
jQuery(function (){
jQuery(".slide_likebox").hover(function(){
jQuery(".slide_likebox").stop(true, false).animate({right:"0"},"medium");
},function(){
jQuery(".slide_likebox").stop(true, false).animate({right:"-250"},"medium");
},500);
return false;
});
//]]>
</script>




Seguimos editando nuestro Index :)


Buscamos


<body>';
}

function template_body_above()
{
global $context, $settings, $options, $scripturl, $txt, $modSettings;

echo '


Pegamos despues de  echo '



<div class="slide_likebox">
    <div style="color: rgb(255, 255, 255); padding: 8px 5px 0pt 50px;">
        <div class=\'likeboxwrap\'>
            <span><iframe src=
            "http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/zonaelegante/330904800341799&amp;show_faces=true&amp;header=false&amp;stream=false&amp;width=350&amp;height=350&amp;colorscheme=light&amp;border_color=#AAAAAA#"
            scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:248px; height:300px;background-color:transparent;"></iframe></span>
        </div>
    </div>
</div>




F5 a  su pagina y tendrán su  like Box




Cambiamos

http://www.facebook.com/pages/zonaelegante/330904800341799

Por el LINK de su página de facebook.

EJ:
<div class="slide_likebox">
    <div style="color: rgb(255, 255, 255); padding: 8px 5px 0pt 50px;">
        <div class=\'likeboxwrap\'>
            <span><iframe src=
            "http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/EL-LINK-DE-MI-PAGINA-DE-FACEBOOK&amp;show_faces=true&amp;header=false&amp;stream=false&amp;width=350&amp;height=350&amp;colorscheme=light&amp;border_color=#AAAAAA#"
            scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:248px; height:300px;background-color:transparent;"></iframe></span>
        </div>
    </div>
</div>

[/size]
#3
Bueno, ya que muchos se preguntarán:


¿Para que es el SSI?, ¿Como se Usa?.

Aquí les traigo una miniguía, es muy fácil de usar el SSI.

  • Primero:
¿Quieres saber como Logearte en tú foro desde tu web en sí o tu blog?


Ejemplo:
Si tu foro está en: http://MiDominio.com/foro

Nos podremos logear desde: http://MiDominio.com/blog o http://MiDominio.com/

Para ello haremos lo siguiente:
-Vamos al Index de tu Blog o de tu web (Necesita ser .php) y Antes de todo el contenido agregamos lo siguente:
<link rel="stylesheet" type="text/css" href="http://MIDOMINIO.COM/RUTADEMIFORO/Themes/default/css/index.css">
<?php require("RutaDeMiForo/SSI.php"); ?>

Editar Midominio.com y Rutademiforo por los tuyos.

Ahora y podremos incrustar el box de login en nuestra web.

En la parte donde queremos incrustarlo pondremos lo siguente:
<?php ssi_login(); ?>

Nos quedará algo como esto:



¿Y Cuando el Usuario se Loguea, Que Pasa?

- Te Redirije a tu foro. pero pondremos un minibox para que cuando el Usuario vuelva a tu Blog pueda estar pendiente de lo que le envían en el foro.




  • Segundo

En la misma parte donde pusimos el Código del Login (<?php ssi_login(); ?>), abajo, Pondremos lo Siguiente:
<?php ssi_welcome(); ?>


Cuando el usuario ya se haya Logueado y Vuelva a tu Blog, le aparecerá Algo como esto:

PD: El Idioma varia segun el que tengas en tu foro.

  • Tercero

Ahora pondremos el Boton de "Salir" Para que el Usuario no tenga que devolverse al foro para Desloguearse.

Abajo del Anterior Código (<?php ssi_welcome(); ?>), Pondremos lo siguente:
<?php ssi_logout(); ?>

Si lo hicimos todo bien, ahora aparecerá el boton de Salir así:


El SSI que tiene SMF Tiene Muchas Funciones.
Aquí encontraran las otras funciones de SSI:
http://smftricks.com/ssi_examples.php





Más Adelante les enseñare mas a fondo a usarlo, saludos ::).
#4
Chit Chat / Buenas :)
August 07, 2013, 10:36:50 PM
Que bueno que SMFHispano haya vuelto, hoy vengo a presentarme con ustedes para compartirles mis conocimientos y aprender de los suyos, sigan aportando al foro, saludos.