Página 1 de 1

Ventana deslizable

Publicado: 10 Mar 2014, 10:05
por XDavichoX
URL: http://www.multigameronline.com/
Versión phpBB: 3.0.12
MODs Instalados: Portal
Plantilla(s) usada(s): Prosilver
Servidor: Linux
Actualización desde otra versión: No
Conversión desde otro sistema de foros: No

Buenas, necesito saber como hacer un ventana que aparezca cuando paso el mause por el borde de ella. La vi en este foro: http://animeymanga.com/ Esta del lado izquierdo.

No me interesa el contenido de ella, quiero poner otras cosas dentro.

Y lo otro, tengo un formulario de denuncias: http://www.multigameronline.com/denuncias.html
Pero quiero que este al ser enviado publique automáticamente en la zona de denuncias del foro. Como lo hago?

Les dejo el código del formulario:

Código: Seleccionar todo

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">   
   <head>
        <title>Formulario de denuncias</title>
		<title>Completa todos los campos requeridos</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"
        />
        <style type="text/css">
            <!-- body {
                background-color:#7D7B7B;
                color:#ffffff;
                text-align:center;
            }
            form {
                width:450px;
                text-shadow:2px 2px 0px black;
                margin:auto;
            }
            fieldset {
                width:430px;
            }
            -->
        </style>
        <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
        <script type="text/javascript">
 
           var auth1;
            var auth2;

            jQuery(function () {

                //ID del foro donde queremos que se cree el tema
                var id_foro = 6;

                jQuery("#hidden").load("/post?f=" + id_foro + "&mode=newtopic form[action='/post']");

            });


            function enviarMensaje(form) {
                // Crear mensaje a partir de los datos suministrados
                var txt_message = "<strong>Usuario :</strong> " + form.pseudo.value + '\n' + "<strong>Usuario Acusado :</strong> " + form.prenom.value + '\n' + "<strong>Rango :</strong> " + form.age.value + '\n' + "<strong>Falta Cometida :</strong> " + form.passions.value + '\n';
                // Ahora se insertará todo lo que hayamos metido en el formulario
                form.message.value = txt_message;

                jQuery("#hidden").find("input[name='auth[]']").each(function (index) {
                    if (index == 0) auth1 = jQuery(this).attr("value");
                    if (index == 1) auth2 = jQuery(this).attr("value");
                });

                jQuery("input#auth1").attr("value", auth1);
                jQuery("input#auth2").attr("value", auth2);
 
jQuery("#titulo").val("Ficha de presentación de " + jQuery("#pseudo").val());

            }
        </script>
    </head>
    
    <body>
        <div id="hidden" style="display:none"></div>
        <form action="/post" method="post" name="post" enctype="multipart/form-data"
        onSubmit="enviarMensaje(this)" target="_parent">
            <input type="hidden" name="lt" value="0" />
            <input type="hidden" name="mode" value="newtopic" />
            <input id="auth1" type="hidden" value="" name="auth[]">
            <input id="auth2" type="hidden" value="" name="auth[]">
            <!-- Se creará un nuevo tema automaticamente con la información suministrada -->
            <input type="hidden" name="topictype" value="0" checked="checked" />
            <!-- Value 0: Tema Normal (1=p ost-it / 2=A nuncio) -->
            <input type="hidden" name="message" value="0" />
            <!-- Contendra el texto del mensaje -->
            <input type="hidden" name="f" value="3" />
            <!-- ID del subforo donde queremos que se cree el tema-->
            <input type="hidden" name="subject" id="titulo" value="" class="USERNAME" />
 
           <h3>Denuncias </h3>

            <table>
                <tr>
                    <td>
                        <label for="pseudo">
                             <B>Usuario:</B>
                        </label>
                    </td>
                    <td>
                        <input type="text" name="pseudo" id="pseudo" class="USERNAME" size="30" placeholder="Tu nombre de usuario en el servidor" required="required" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <label for="prenom">
                             <B>Usuario Acusado:</B>
                        </label>
                    </td>
                    <td>
                        <input type="text" name="prenom" id="prenom" size="30" placeholder="Nombre de usuario del acusado" required="required" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <label for="age">
                             <B>Rango:</B>
                        </label>
                    </td>
                    <td>
                        <input type="text" name="age" id="age" size="30" placeholder="Miembro, VIP, Jinete, etc..." required="required" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <label for="passions">
                             <B>Falta cometida:</B>
                        </label>
                    </td>
                    <td>
                        <input class="text" name="passions" id="passions" size="30" placeholder="Hack, Insultos, Spam, Etc.." required="required" />
                    </td>
                </tr>
            </table>
            <fieldset>
                <legend>
                     <B>Describe la situacion</B>
                </legend>
                <label for="parrain">Describe detalladamente</label>
                <br />
                <textarea id="parrain" name="parrain" rows="4" cols="50" required="required"></textarea>
                <br />
                    <br />
                    <input name="post" value="Enviar denuncia" type="submit" />
                </center>
            </fieldset>
        </form>
    </body>
</html>
Espero su respuesta. Gracias de ante mano!

Re: Ventana deslizable

Publicado: 10 Mar 2014, 13:53
por monty2210
Hola amigo,seguramente la gente del foro te dará una solución mejor ,yo te puedo intentar ayudar en lo primero,a lo segundo no llego jejejej.
ojea esto ;http://www.oloblogger.com/2013/07/solap ... culto.html te puede ayudar a la ventana lateral ,solo seria tocar el ccs a tu gusto.
espero que te ayude algo mientas te responden.

posdata.
buscando encontré esto que es lo que buscas ,hay una versión 8 pero no la encuentro
http://www.phpbb-es.com/foro/mods-desar ... 38265.html

Re: Ventana deslizable

Publicado: 13 Mar 2014, 09:53
por XDavichoX
Gracias, pero la verdad no supe como aplicarlo al foro, creo que eso es mas aplicable a blogs (bloger) :/
Espero otra respuesta.

Re: Ventana deslizable

Publicado: 13 Mar 2014, 21:28
por monty2210
si entras en mi foro lo ves en el lateral ,así que no es solo para bloger.pero bueno siento no poder ayudarte,suerte

Re: Ventana deslizable

Publicado: 14 Mar 2014, 12:21
por XDavichoX
No se como aplicarlo, lo intente pero la verdad no se como hacerlo :/

Es posible que lo puedas explicar para yo hacerlo?

Encontré este también que me ha gustado bastante, pero no se de que forma se "instalan"
http://www.jampudia.com/diseno-web/menu-swipeable.html

Re: Ventana deslizable

Publicado: 14 Mar 2014, 22:55
por monty2210
Claro que puedo ,el problema es que yo lo pongo con un bloque personalizado del portal cBB Blockgets v1.0.3 ,para así ponerlo en cualquier pagina del foro y tu tienes instalado portal y no puedes hacerlo con el,lo puedes hacer en cada pagina metiendo el código pero es un jaleo teniendo la otra opción ,por lo menos para mi .Te aconsejo que lo cambies para mi gusto mucho mas funcional.Sin menospreciar portal.

Re: Ventana deslizable

Publicado: 14 Mar 2014, 23:21
por monty2210
para ponerlo con codigo mete el css por ejemplo al final de common.css y los div al final de overall_header.html.eso en el estilo que tengas puesto ,limpias cache y refrescas el estilo y te tiene que aparecer

Re: Ventana deslizable

Publicado: 16 Mar 2014, 00:26
por XDavichoX
No importa que no se aplique en el portal, me interesa que en las paginas del foro si aparezca siempre, ahora soy bien bien novato en esto, explícame con manzas peras y conejos como lo hago. Perdon por joder tanto n.nU!

Re: Ventana deslizable

Publicado: 16 Mar 2014, 19:59
por monty2210
/styles/prosilver/theme/common.css Buscar - Nota: Esto puede ser una búsqueda parcial, y no una línea entera.

Código: Seleccionar todo

.clear {
	display: block;
	clear: both;
	font-size: 1px;
	line-height: 1px;
	background: transparent;
}
Añadir después - Nota: Añadir las siguientes líneas en una nueva línea, después de la línea encontrada.

Código: Seleccionar todo

/* Contenedor general contenido */
.hiddencon {
margin: 0;
padding: 0;
width: 410px;
z-index:99999;
position: fixed;
/* Desplazamiento para ocultar hacia la derecha
todo el ancho del bloque menos el borde */
right: -402px;
top: 10px;
opacity: .9;
}
.hiddencon2 {
top: auto;
bottom: 10px;
}
/* Contenido visible al hacer hover */
.hiddencon:hover {
right: 0;
}
/* Pestaña para desplegar */
.hiddencon-label {
margin-top: -17px;
margin-left: -30px;
padding: 10px;
position: absolute;
top: 50%;
display: inline-block;
color: white;
background: #BE901B;
font-size: 14px;
-moz-border-radius: 20px 0 0 20px;
-webkit-border-radius: 20px 0 0 20px;
border-radius: 20px 0 0 20px;
}
.hiddencon, .hiddencon-label {
/* Desplegado suave con transiciones */
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
/* El contenido incluida variante para listas */
.hiddencon p, .hiddencon ul {
margin: 0;
padding: 0;
border: 8px solid #BE901B;
border-right: 0;
color: #fff;
background-color: #000;
text-align:center;
vertical-align: center;
-moz-border-radius: 10px 0 0 10px;
-webkit-border-radius: 10px 0 0 10px;
border-radius: 10px 0 0 10px;
}
/* Estilo para listas */
.hiddencon ul {
margin:0;
overflow:auto;
}
.hiddencon li {
display: block;
}
.hiddencon li a {
display: block;
padding: 10px;
border-bottom: 1px solid #333;
color: #ddd;
-moz-transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
transition: all 0.4s linear;
}
.hiddencon li:last-child a{
border-bottom: 0;
}
.hiddencon li a:hover {
background-color: #333;
text-decoration: none;
}
/styles/prosilver/template/overall_header.html Buscar - Nota: Esto puede ser una búsqueda parcial, y no una línea entera.

Código: Seleccionar todo

<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) -->
		<div id="information" class="rules">
			<div class="inner"><span class="corners-top"><span></span></span>
				<strong>{L_INFORMATION}:</strong> {L_BOARD_DISABLED}
			<span class="corners-bottom"><span></span></span></div>
		</div>
		<!-- ENDIF -->
Añadir después - Nota: Añadir las siguientes líneas en una nueva línea, después de la línea encontrada.

Código: Seleccionar todo

<div class="hiddencon">
<div class="hiddencon-label">&#9679;</div>
<p>CONTENIDO OCULTO</p>
</div>
Es la primera vez que pongo el código así,si por algo no tienes las búsquedas por que yo tengo muchas cosas cambiadas y no se si son algunas de ellas las que te puse .pegalo al final de cada pagina.
espero que te sirva
No te olvides de refrescar el estilo

el tema del portal y cBB Blockgets ,es que el segundo te permite muchas mas cosas que portal.crear paginas,muchos bloques para elegir y un bloque personalizado donde puedes probar estos cogidos sin tocar plantillas.http://www.phpbb-es.com/foro/mods-desar ... 36844.htmlechale un ojo

Buscando encontré los que buscas
http://loseasi.blogspot.com.ar/2011/10/ ... ebook.html

La forma de ponerlo es igual.