¿Como poner el login de mi foro así?

quico 20 Dec, 2010, 11:31 am

URL del foro: http://www.myforo.tk/
Versión del foro: 1.6
Actualización: Ninguna

hola,
llevo varios dias haciendo y personalizando mi foro, y he visto en este foro un loggin que me gusto mucho, aqui una foto:
[Imagen: cats.jpg]

Si os abeis dado cuenta, el login sale encima de la web al pulsar iniciar sesión, pues yo lo que quiero es que al pulsar login en mi web salga eso, aqui una imagen de mi web
[Imagen: catsiri.jpg]

bueno, espero buestra ayuda.
También me gustaria que me digeseis como cambiar login por acceder, y register por registro ya que en la plantilla pone butun_login, buton_register.
Y si tambien me pudierais decir como poner el register como el registro ya seria algo grande. Grax de antemano Big Grin

Última modificación: 20 Dec, 2010, 5:06 pm por Cluster.

nentab 20 Dec, 2010, 11:41 am

Eso que pides sería usando cajas flotantes, por google hay un montón de prefabricados que ya te viene todo hecho, solo tendrías que ponerle el login, que puedes copiar de la plantilla portal por ejemplo.

quico 20 Dec, 2010, 1:55 pm

me podrias pasar la caja flotante para ponerlo en mi foro, esque la he estado buscando por google y no la encuentro.

nentab 20 Dec, 2010, 2:13 pm

Pues no buscarás muy bien... Yo acabo de buscar ahora mismo y ya me salieron resultados :S

http://www.dhtmlgoodies.com/scripts/moda...ssage.html

http://www.ladowindows.com/2009/05/13/ex...en-jquery/

http://d2o0t5hpnwv4c1.cloudfront.net/041...index.html

Última modificación: 20 Dec, 2010, 2:15 pm por Cluster.

quico 20 Dec, 2010, 2:30 pm

y como integro eso en mi blog???? me podrias pasar los codigos directamente plis, esque aun soy un poco nuevo en el mybb

Ya tengo el codigo de la ventana:

Código:
<style type="text/css">

#topbar{

position:absolute;

border: 1px solid white;

padding: 5px;

background-color: black;

width: 387px;

visibility: hidden;

z-index: 400;

}

<!--  #fadeinbox{ position:absolute; width: 450px; left: 0; top: -400px; border: 1px solid black; background-color: #ffffff; padding: 4px; z-index: 100; visibility:hidden; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; filter: alpha(opacity=80); opacity:0.8; -moz-border-radius: 5px;-webkit-border-radius: 5px;border: 1px solid #000;padding: 10px; } //-->

</style>

<script type="text/javascript"> <!--

var displaymode="always"

var enablefade="yes"

var autohidebox=["yes", 70]

var showonscroll="yes" //Should box remain visible even when user scrolls page? ("yes"/"no)

var IEfadelength=1 //fade in duration for IE, in seconds

var Mozfadedegree=0.05 //fade in degree for NS6+ (number between 0 and 1. Recommended max: 0.2)

////////No need to edit beyond here///////////

if (parseInt(displaymode)!=NaN)

var random_num=Math.floor(Math.random()*displaymode)

function displayfadeinbox(){

var ie=document.all && !window.opera

var dom=document.getElementById

iebody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body

objref=(dom)? document.getElementById("fadeinbox") : document.all.fadeinbox

var scroll_top=(ie)? iebody.scrollTop : window.pageYOffset

var docwidth=(ie)? iebody.clientWidth : window.innerWidth

docheight=(ie)? iebody.clientHeight: window.innerHeight

var objwidth=objref.offsetWidth

objheight=objref.offsetHeight

objref.style.left=docwidth/2-objwidth/2+"px"

objref.style.top=scroll_top+docheight/2-objheight/2+"px"

if (showonscroll=="yes")

showonscrollvar=setInterval("staticfadebox()", 50)

if (enablefade=="yes" && objref.filters){

objref.filters[0].duration=IEfadelength

objref.filters[0].Apply()

objref.filters[0].Play()

}

objref.style.visibility="visible"

if (objref.style.MozOpacity){

if (enablefade=="yes")

mozfadevar=setInterval("mozfadefx()", 90)

else{

objref.style.MozOpacity=1

controlledhidebox()

}

}

else

controlledhidebox()

}

function mozfadefx(){

if (parseFloat(objref.style.MozOpacity)<1)

objref.style.MozOpacity=parseFloat(objref.style.MozOpacity)+Mozfadedegree

else{

clearInterval(mozfadevar)

controlledhidebox()

}

}

function staticfadebox(){

var ie=document.all && !window.opera

var scroll_top=(ie)? iebody.scrollTop : window.pageYOffset

objref.style.top=scroll_top+docheight/2-objheight/2+"px"

}

function hidefadebox(){

objref.style.visibility="hidden"

if (typeof showonscrollvar!="undefined")

clearInterval(showonscrollvar)

}

function controlledhidebox(){

if (autohidebox[0]=="off"){

var delayvar=(enablefade=="yes" && objref.filters)? (autohidebox[1]+objref.filters[0].duration)*1000 : autohidebox[1]*1000

setTimeout("hidefadebox()", delayvar)

}

}

function initfunction(){

setTimeout("displayfadeinbox()", 100)

}

function get_cookie(Name) {

var search = Name + "="

var returnvalue = ""

if (document.cookie.length > 0) {

offset = document.cookie.indexOf(search)

if (offset != -1) {

offset += search.length

end = document.cookie.indexOf(";", offset)

if (end == -1)

end = document.cookie.length;

returnvalue=unescape(document.cookie.substring(offset, end))

}

}

return returnvalue;

}

if (displaymode=="oncepersession" && get_cookie("fadedin")=="" || displaymode=="always" || parseInt(displaymode)!=NaN && random_num==0){

if (window.addEventListener)

window.addEventListener("load", initfunction, false)

else if (window.attachEvent)

window.attachEvent("onload", initfunction)

else if (document.getElementById)

window.onload=initfunction

document.cookie="fadedin=yes"

}

//--> </script>

<div id="fadeinbox" style="filter:progid:DXImageTransform.Microsoft.RandomDissolve(duration=1) progid:DXImageTransform.Microsoft.Shadow(color=blue,direction=200) ; -moz-opacity:0">

    <table width="100%" align="center">

        <tr>

            <td width="100%" valign="middle" align="center" colspan="2">

<fieldset>

  ¡Bienvenido a ByQuico!

</fieldset>            </td>

        </tr>

        <tr><td> </td></tr>

        <tr>

            <td width="100%" valign="middle" align="center" colspan="2">

<fieldset><legend align="center">Iniciar sesi&oacute;n</legend>

    <form action="member.php" method="post">

    <table width="100%" align="center">

        <tr>

            <td align="center"><strong>Nombre de usuario:</strong></td>

            <td align="center"><strong>Contrase&ntilde;a:</strong></td>

        </tr>

        <tr>

            <td align="center"><input type="text" class="textbox" name="username" size="25" maxlength="30" style="width: 150px;" /></td>

            <td align="center"><input type="password" class="textbox" name="password" size="25" style="width: 150px;" /></td>

        </tr>

        <tr>

            <td align="center" class="smallfont" nowrap="nowrap"><label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" />&iquest;Guardar?</label></td>

            <td align="center"><input type="submit" class="button" name="submit" value="Iniciar sesi&oacute;n" /></td>

        </tr>

    </table>

</fieldset>

    <input type="hidden" name="action" value="do_login" />

    <input type="hidden" name="url" value="" />

    </form>

<br/>            </td>

        </tr>

        <tr>

          <td valign="middle" align="center" colspan="2"><fieldset><legend align="center">Registrarse</legend>

<a href="member.php?action=register" title="Registrate en la Comunidad"><font color="#0000FF">Registrate En ByQuico!</font></a>

          </fieldset> </td>

      </tr>

    </table>

    <div align="center"><a href="#" onClick="hidefadebox();return false"><font color="#FF0000">Cerrar</font></a></div>

</div>

pero ahora como hago que al pulsar login salga esta ventana?

Última modificación: 20 Dec, 2010, 2:59 pm por Z-Blue.

nentab 20 Dec, 2010, 3:03 pm

Es que eso depende de qué caja flotante se use. Pero mira el código fuente de las páginas que te pase que traen demos y se ve muy fácil.

quico 20 Dec, 2010, 3:48 pm

yo por mucho que pruebo no me sale, lña caja seria como el ejemplo 1 del primer link, no habria forma de que me explicases como hacerlo paso por paso o de que te dejara alguna plantilla y si no es molestia que me incrustaras tu el codigo?

nentab 20 Dec, 2010, 3:58 pm

(20 Dec, 2010, 3:48 pm)quico escribió: yo por mucho que pruebo no me sale, lña caja seria como el ejemplo 1 del primer link, no habria forma de que me explicases como hacerlo paso por paso o de que te dejara alguna plantilla y si no es molestia que me incrustaras tu el codigo?

Ok, luego lo reviso y trato de ponerte cómo.

quico 20 Dec, 2010, 4:18 pm

ya esta, a partir de tus links he investigado un poco y ya lo he conseguido, mañana ya con mas tiempo lo pondre en la web, porque lo he probado en localhost y funciona de 10

nentab 20 Dec, 2010, 5:06 pm

#10

(20 Dec, 2010, 4:18 pm)quico escribió: ya esta, a partir de tus links he investigado un poco y ya lo he conseguido, mañana ya con mas tiempo lo pondre en la web, porque lo he probado en localhost y funciona de 10

Me alegra oir que te haya servido. Big Grin

[Error] ¿Como poner el login de mi foro así?