Página 1 de 1

Slide_menu

Publicado: 24 May 2013, 17:38
por Tiger75

Autores:
Luckyluciano (Lucky)
Tigerman75 (Tiger)
Con esta sencilla mods're va a añadir una muy buena y útil menú 'lado del usuario para mostrar:

SliderMenu-RC_1.0.6.zip
(915.45 KiB) Descargado 295 veces
1.0.5.zip
1.0.5
(913.18 KiB) Descargado 286 veces
SliderMenu.R.C.1.0.4.zip
(911.82 KiB) Descargado 260 veces
Update_1.0.3_1.0.4.zip
(937.48 KiB) Descargado 256 veces

para más información visita el siguiente enlace

Slider Menu 1.0.4 Info
Características:
Chance 'para encender y apagar de ACP
Compatible con AutoMod
Ver mensajes sin respuesta
mensajes nuevos
Los mensajes no leídos
Mensajes
Ver tus mensajes
Panel de Control del Moderador
Panel de Control del Administrador
mensaje privado
Fecha y hora de la última visita
Avatar de Usuario (Visualizzabbile en todas las páginas del foro)
Marcar todos los mensajes como ya 'camas

Navegadores compatibles:
Internet Explorer
Firefox
cromo
ópera
safari
Encontrará las instrucciones para instalar el archivo install.xml
Compatible con automd
Estilos compatibles.
prosilver/subsilver2

http://www.phpbb-es.com/foro/go.php?htt ... SLIDE1.png

http://www.phpbb-es.com/foro/go.php?htt ... SLIDE2.png

http://www.phpbb-es.com/foro/go.php?htt ... SLIDE3.png

http://www.phpbb-es.com/foro/go.php?htt ... SLIDE4.png

http://www.phpbb-es.com/foro/go.php?htt ... SLIDE5.png



traducir en google!

Re: Slide_menu

Publicado: 24 May 2013, 18:44
por Tiger75

Hola, se puede agregar una función para el panel de estar del lado izquierdo o del lado derecho?

abrir:

styles/prosilver/theme/slidermenu.css:

encontrar

Código: Seleccionar todo

* html #xlsidebar {
position: absolute;
}

* html #xlsidebar li.header, * html #xlsidebar li.header dl, * html #xlsidebar li.header dl dt {
height: 18px;
}

#xlsidebar {
-moz-box-shadow:5px 5px 9px #333333;
-webkit-box-shadow:5px 5px 9px #333333;
box-shadow:5px 5px 9px #333333;
background-color: #0e98dd;
border: 3px solid #000000;
font-size: 1.0em;
left: -185px;
padding-bottom: 5px;
padding-top: 5px;
position: fixed;
top: 10px;
-webkit-border-radius: 5px; /* Safari, Chrome */
-moz-border-radius: 5px; /* Firefox */
border-radius: 5px; /* CSS3 */
width: 190px;
z-index: 2010;
}

#xlsidebar li.header {
padding: 0 5px;
}

#xlsidebar ul {
font-size: 1.0em;
list-style-type: none;
margin: 0;
padding: 0;
width: 180px; /* Main Menu Item widths */
}

#xlsidebar ul li {
padding: 1px;
position: relative;
}

/* Top level menu links style */
#xlsidebar ul li a {
border: 1px solid #C9D2D8;
display: block;
overflow: auto; /*force hasLayout in IE7 */
padding: 4px;
margin: 4px;
text-decoration: none;
-webkit-border-radius: 5px; /* Safari, Chrome */
-moz-border-radius: 5px; /* Firefox */
border-radius: 5px; /* CSS3 */
}

/*Sub level menu items */
#xlsidebar ul li ul {
position: absolute;
top: 0;
visibility: hidden;
width: 200px; /*Sub Menu Items width */
z-index: 2020;
}

#xlsidebar:hover, #xlsidebar.iehover {
left: -5px;
}

/*#xlsidebar a.subfolderstyle {
background: url('{T_THEME_PATH}/images/arrow_user_right.gif') no-repeat 97% 50%;
}
*/
.bgli {
background-color: #0e98dd;
border: 1px solid #C9D2D8;
-webkit-border-radius: 5px; /* Safari, Chrome */
-moz-border-radius: 5px; /* Firefox */
border-radius: 5px; /* CSS3 */
}

/* Holly Hack for IE \*/
* html #xlsidebar ul li { float: left; height: 1%; }
* html #xlsidebar ul li a { height: 1%; }
/* End */  
sustituir por:

Código: Seleccionar todo

 * html #xlsidebar {
position: absolute;
}

* html #xlsidebar li.header, * html #xlsidebar li.header dl, * html #xlsidebar li.header dl dt {
height: 18px;
}

#xlsidebar {
-moz-box-shadow:5px 9px 9px #333333;
-webkit-box-shadow:5px 5px 9px #333333;
box-shadow:5px 5px 9px #333333;
background-color: #0e98dd;
border: 10px solid #0e98dd;
font-size: 1.0em;
right: -185px;
padding-bottom: 5px;
padding-top: 5px;
position: fixed;
top: 10px;
-webkit-border-radius: 5px; /* Safari, Chrome */
-moz-border-radius: 5px; /* Firefox */
border-radius: 5px; /* CSS3 */
width: 175px;
z-index: 2010;
}

#xlsidebar li.header {
padding: 5 0px;
}

#xlsidebar ul {
font-size: 1.0em;
list-style-type: none;
margin: 0;
padding: 0;
width: 180px; /* Main Menu Item widths */
}

#xlsidebar ul li {
padding: 1px;
position: relative;
}

/* Top level menu links style */
#xlsidebar ul li a {
border: 1px solid #C9D2D8;
display: block;
overflow: auto; /*force hasLayout in IE7 */
padding: 4px;
margin: 4px;
text-decoration: none;
-webkit-border-radius: 5px; /* Safari, Chrome */
-moz-border-radius: 5px; /* Firefox */
border-radius: 5px; /* CSS3 */
}

/*Sub level menu items */
#xlsidebar ul li ul {
position: absolute;
top: 0;
visibility: hidden;
width: 200px; /*Sub Menu Items width */
z-index: 2020;
}

#xlsidebar:hover, #xlsidebar.iehover {
right: -5px;
}

/*#xlsidebar a.subfolderstyle {
background: url('{T_THEME_PATH}/images/arrow_user_right.gif') no-repeat 97% 50%;
}
*/
.bgli {
background-color: #0e98dd;
border: 1px solid #C9D2D8;
-webkit-border-radius: 5px; /* Safari, Chrome */
-moz-border-radius: 5px; /* Firefox */
border-radius: 5px; /* CSS3 */
}

/* Holly Hack for IE \*/
* html #xlsidebar ul li { float: right; height: 1%; }
* html #xlsidebar ul li a { height: 1%; }
/* End */ 
Subsilver2:
abrir:
styles/subsilver2/stylesheet.css:


encontrar

Código: Seleccionar todo

/*Slidermenu by Tigerman75 and LuckyLuciano*/
#xlsidebar {
-moz-box-shadow:5px 5px 9px #333333;
-webkit-box-shadow:5px 5px 9px #333333;
box-shadow:5px 5px 9px #333333;
background-color: #DDDDDD;
border: 3px solid #000000;
font-size: 1.0em;
left: -185px;
padding-bottom: 5px;
padding-top: 5px;
position: fixed;
top: 10px;
-webkit-border-radius: 5px; /* Safari, Chrome */
-moz-border-radius: 5px; /* Firefox */
border-radius: 5px; /* CSS3 */
width: 190px;
z-index: 2010;
}

#xlsidebar li.header {
padding: 0 5px;
}

#xlsidebar ul {
font-size: 1.0em;
list-style-type: none;
margin: 0;
padding: 0;
width: 180px; /* Main Menu Item widths */
}

#xlsidebar ul li {
padding: 1px;
position: relative;
}

/* Top level menu links style */
#xlsidebar ul li a {
border: 1px solid #C9D2D8;
display: block;
overflow: auto; /*force hasLayout in IE7 */
padding: 4px;
margin: 4px;
text-decoration: none;
-webkit-border-radius: 5px; /* Safari, Chrome */
-moz-border-radius: 5px; /* Firefox */
border-radius: 5px; /* CSS3 */
}

/*Sub level menu items */
#xlsidebar ul li ul {
position: absolute;
top: 0;
visibility: hidden;
width: 200px; /*Sub Menu Items width */
z-index: 2020;
}

#xlsidebar:hover, #xlsidebar.iehover {
left: -5px;
}

/*#xlsidebar a.subfolderstyle {
background: url('{T_THEME_PATH}/images/arrow_user_right.gif') no-repeat 97% 50%;
}
*/
.bgli {
background-color: #0e98dd;
border: 1px solid #C9D2D8;
-webkit-border-radius: 5px; /* Safari, Chrome */
-moz-border-radius: 5px; /* Firefox */
border-radius: 5px; /* CSS3 */
}

/* Holly Hack for IE \*/
* html #xlsidebar ul li { float: left; height: 1%; }
* html #xlsidebar ul li a { height: 1%; }
/* End */  
sustituir por:

Código: Seleccionar todo

/*Slidermenu by Tigerman75 and LuckyLuciano*/
* html #xlsidebar {
position: absolute;
}

* html #xlsidebar li.header, * html #xlsidebar li.header dl, * html #xlsidebar li.header dl dt {
height: 18px;
}

#xlsidebar {
-moz-box-shadow:5px 5px 9px #333333;
-webkit-box-shadow:5px 5px 9px #333333;
box-shadow:5px 5px 9px #333333;
background-color: #DDDDDD;
border: 10px solid #DDDDDD;
font-size: 1.0em;
right: -185px;
padding-bottom: 5px;
padding-top: 5px;
position: fixed;
top: 10px;
-webkit-border-radius: 5px; /* Safari, Chrome */
-moz-border-radius: 5px; /* Firefox */
border-radius: 5px; /* CSS3 */
width: 175px;
z-index: 2010;
}

#xlsidebar li.header {
padding: 5 0px;
}

#xlsidebar ul {
font-size: 1.0em;
list-style-type: none;
margin: 0;
padding: 0;
width: 180px; /* Main Menu Item widths */
}

#xlsidebar ul li {
padding: 1px;
position: relative;
}

/* Top level menu links style */
#xlsidebar ul li a {
border: 1px solid #C9D2D8;
display: block;
overflow: auto; /*force hasLayout in IE7 */
padding: 4px;
margin: 4px;
text-decoration: none;
-webkit-border-radius: 5px; /* Safari, Chrome */
-moz-border-radius: 5px; /* Firefox */
border-radius: 5px; /* CSS3 */
}

/*Sub level menu items */
#xlsidebar ul li ul {
position: absolute;
top: 0;
visibility: hidden;
width: 200px; /*Sub Menu Items width */
z-index: 2020;
}

#xlsidebar:hover, #xlsidebar.iehover {
right: -5px;
}

/*#xlsidebar a.subfolderstyle {
background: url('{T_THEME_PATH}/images/arrow_user_right.gif') no-repeat 97% 50%;
}
*/
.bgli {
background-color: #0e98dd;
border: 1px solid #C9D2D8;
-webkit-border-radius: 5px; /* Safari, Chrome */
-moz-border-radius: 5px; /* Firefox */
border-radius: 5px; /* CSS3 */
}

/* Holly Hack for IE \*/
* html #xlsidebar ul li { float: right; height: 1%; }
* html #xlsidebar ul li a { height: 1%; }
/* End */   
Actualizar tema y purga la caché.

Re: Slide_menu

Publicado: 24 May 2013, 19:13
por ThE KuKa
Gracias Tiger por compartirlo aquí también. :wink:

Re: Slide_menu

Publicado: 24 May 2013, 19:44
por Tiger75
De nada, para mí y "un placer contribuir a esta maravillosa comunidad ' :) :wink:

Re: Slide_menu

Publicado: 26 May 2013, 16:23
por Tiger75
Update Mod version 1.0.3:

Añadir css para subsilver2
Añadir optar por colocar el menú de la izquierda o la derecha a través de ACP
Añadir slidermenu_install.php.

Véase el primer puesto. :hai:

Re: Slide_menu

Publicado: 28 May 2013, 18:27
por Tiger75
Hola Chicos, se publica la nueva versión (1.0.4), por su parte, la revisión de las instrucciones de la mod, no me gusta la idea de tener que eliminar el código nativo en la plantilla prosilver y subsilver2, por lo que 'he decidido presentar una parte del cambio que se va a 'también se agrega en la nueva versión que será "liberada más tarde.


Prosilver:

abrir:styles/prosilver/template/ index_body.html:

búsqueda

Código: Seleccionar todo

<!-- INCLUDE overall_header.html -->
añadir después

Código: Seleccionar todo

<!-- IF not S_MENUSLIDER_ENABLE and not (S_MENUSLIDER_ENABLE_SX or S_MENUSLIDER_ENABLE_DX ) -->
<p class="{S_CONTENT_FLOW_END}<!-- IF S_USER_LOGGED_IN --> rightside<!-- ENDIF -->"><!-- IF S_USER_LOGGED_IN -->{LAST_VISIT_DATE}<!-- ELSE -->{CURRENT_TIME}<!-- ENDIF --></p>
<!-- IF U_MCP --><p>{CURRENT_TIME} <br />[&nbsp;<a href="{U_MCP}">{L_MCP}</a>&nbsp;]</p><!-- ELSEIF S_USER_LOGGED_IN --><p>{CURRENT_TIME}</p><!-- ENDIF -->

<!-- IF S_DISPLAY_SEARCH or (S_USER_LOGGED_IN and not S_IS_BOT) -->
<ul class="linklist">
   <!-- IF S_DISPLAY_SEARCH -->
      <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a><!-- IF S_LOAD_UNREADS --> &bull; <a href="{U_SEARCH_UNREAD}">{L_SEARCH_UNREAD}</a><!-- ENDIF --><!-- IF S_USER_LOGGED_IN --> &bull; <a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><!-- ENDIF --> &bull; <a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a></li>
   <!-- ENDIF -->
   <!-- IF not S_IS_BOT and U_MARK_FORUMS --><li class="rightside"><a href="{U_MARK_FORUMS}" accesskey="m">{L_MARK_FORUMS_READ}</a></li><!-- ENDIF -->
</ul>
<!-- ENDIF -->
<!-- ENDIF -->
Subsilver2:

abrir :styles/subsilver2/template/overall_header.html:
búsqueda

Código: Seleccionar todo

</div>

<div id="wrapcentre">
añadir, antes de

Código: Seleccionar todo

<!-- IF not S_MENUSLIDER_ENABLE and not (S_MENUSLIDER_ENABLE_SX or S_MENUSLIDER_ENABLE_DX ) -->
<div id="datebar">
		<table width="100%" cellspacing="0">
		<tr>
			<td class="gensmall"><!-- IF S_USER_LOGGED_IN -->{LAST_VISIT_DATE}<!-- ENDIF --></td>
			<td class="gensmall" align="{S_CONTENT_FLOW_END}">{CURRENT_TIME}<br /></td>
		</tr>
		</table>
	</div>
<!-- ENDIF -->  
búsqueda

Código: Seleccionar todo

 <br style="clear: both;" /> 
añadir, antes de

Código: Seleccionar todo

<!-- IF not S_MENUSLIDER_ENABLE and not (S_MENUSLIDER_ENABLE_SX or S_MENUSLIDER_ENABLE_DX ) -->
<!-- IF S_DISPLAY_SEARCH -->
	<p class="searchbar">
		<span style="float: {S_CONTENT_FLOW_BEGIN};"><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> | <a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a></span>
		<!-- IF S_USER_LOGGED_IN or S_LOAD_UNREADS -->
		<span style="float: {S_CONTENT_FLOW_END};"><!-- IF S_LOAD_UNREADS --><a href="{U_SEARCH_UNREAD}">{L_SEARCH_UNREAD}</a><!-- IF S_USER_LOGGED_IN --> | <!-- ENDIF --><!-- ENDIF --><!-- IF S_USER_LOGGED_IN --><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a> | <a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><!-- ENDIF --></span>
		<!-- ENDIF -->
	</p>
	<!-- ENDIF -->
<!-- ENDIF -->	  

corregir el error siguiente

Refresque su plantilla . ;
prosilver/subsilver2
overall_header.html
buscar:

Código: Seleccionar todo

<!-- IF S_MENUSLIDER_ENABLE_DX and S_MENUSLIDER_ENABLE_DX -->
<!-- INCLUDE slider_menudx.html -->
<!-- ENDIF -->
reemplazar

Código: Seleccionar todo

<!-- IF S_MENUSLIDER_ENABLE and S_MENUSLIDER_ENABLE_DX -->
<!-- INCLUDE slider_menudx.html -->
<!-- ENDIF --> 

de trabajo en la próxima versión con la adición de la opción Añadir panel de control de usuario swicht por user pref activar o desactivar slider_menu.
Nombre de usuario (id_and color) en el menú de la pantalla
userrank (nombre, e imagen) en el menú de la pantalla

lo siento por la traducción :oops:

Re: Slide_menu

Publicado: 16 Jun 2013, 16:19
por Tiger75

mod actualizado a la versión 1.0.4 vistazo al primer artículo de este tema


Re: Slide_menu

Publicado: 17 Jun 2013, 21:02
por Tiger75

mod actualizado a la versión 1.0.5 vistazo al primer artículo de este tema

- See more at: http://www.phpbb-es.com/foro/mods-desar ... ml#p222244

Re: Slide_menu

Publicado: 23 Jun 2013, 00:45
por Tiger75

mod actualizado a la versión 1.0.6 vistazo al primer artículo de este tema

- See more at: http://www.phpbb-es.com/foro/mods-desar ... ml#p222244

Re: Slide_menu

Publicado: 25 Jul 2013, 13:41
por Naveed123
Phpbb done well Ver tus mensajes
Panel de Control del Moderador
Panel de Control del Administrador :desert: