[Modificacion] Cuadro de bienvenida a guests

Paansho 10 May, 2010, 4:37 pm

bueno ^^ , este codigo lo estaba viendo commo aserlo y porfin pude mi primer aporte ^^
Bueno enpezemos es mui facil

van a plantillas / tu theme / header_welcome_guest
vas al final y agregas este codigo

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 Music Zone!

</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 Music Zone</font></a>

          </fieldset> </td>

      </tr> 

    </table> 

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

</div>

ahi editas los textos ^^
y si algo salio mal me avisan S:
y aca una img adjunta de como keda

Edito : puse mal el codigo ahora si E:

Chava 10 May, 2010, 5:40 pm

ami se me hace muy molesto, a todos lados te sigue y tienes que estarlo cerrando a cada rato

Paansho 10 May, 2010, 5:42 pm

(10 May, 2010, 5:40 pm)Chava escribió: ami se me hace muy molesto, a todos lados te sigue y tienes que estarlo cerrando a cada rato

jeje pero sirve ^^ , pues a mi me sirve xlomenos

ready 11 May, 2010, 1:35 pm

Muy bueno teddy Wink

nomas que prefiero el otro plug xdd ya
que lo hace mas llamativos a los visitantes, y los visitantes prefieren
colores e imagenes "bonitas" y no un toque profesional ._. talvez
para un foro con tema principal mas enfocado a Geek, informatica en general, etc.
Esa es mi humilde opinion. Saludos!

ZioGuE 11 May, 2010, 2:14 pm

Talves estaria mejor (para mi) si fuera ma spequeño y solo estubiera:
usuario: contraseña:
Registrate

ooOSinFreeOoo 23 Jun, 2010, 5:19 pm

ea no entiendo plantillas ? theme xD?, ske recien e creado mi foro, sera x eso xp?

ZioGuE 23 Jun, 2010, 6:10 pm

Hola amigos hay alguna forma de ponerlo solo en comentarios?

Cluster 23 Jun, 2010, 6:40 pm

explicate man

Gypaete 15 Jul, 2010, 8:13 am

Hello ,xD me sale esto ,voy a editar template , y no sale lo que tú dices :van a plantillas / tu theme / header_welcome_guest
le doy a Header Templates y luego a header_welcomeblock_guest y hago lo que tú dices y sale esto ,lo de la imagen adjunta xD Ayúdame ,que me interesa este mod xD

Paansho 16 Jul, 2010, 12:55 pm

#10

(15 Jul, 2010, 8:13 am)Otaku_Col escribió: Hello ,xD me sale esto ,voy a editar template , y no sale lo que tú dices :van a plantillas / tu theme / header_welcome_guest
le doy a Header Templates y luego a header_welcomeblock_guest y hago lo que tú dices y sale esto ,lo de la imagen adjunta xD Ayúdame ,que me interesa este mod xD

dejame tu header_welcome_guest y te lo paso listo ;D