phpBB España Oficial

phpBB España Oficial, Soporte Internacional Oficial del sistema de foros phpBB en Español, extensiones, estilos, traducciones, guías, tutoriales, videos, redes sociales, webmaster.
https://www.phpbb-es.com/foro/

Adaptar correctamente phpBB Arcade con SE Gamer Light

https://www.phpbb-es.com/foro/viewtopic.php?t=38709

Página 1 de 1

Adaptar correctamente phpBB Arcade con SE Gamer Light

Publicado: 05 Sep 2013, 10:50
por jorup16
Hola, yo nuevamente con una consulta, tengo instalado en mi foro el phpBB Arcade en su última versión (2.0.RC5-PL2) y pues todo me funciona correctamente con el MOD, así que mi problema en si es que el MOD al parecer no se adaptó bien a mi estilo o bien yo me equivoqué en algún lado, aunque me puse a revisar y creo que todo está bien según las instrucciones.

Aunque en dos archivos no encuentro las líneas exactas y no tengo idea donde deba de hacer la edición.
Buttons.css
Colours.css

Vamos con el primero, el Buttons.css que exactamente dice:
Buscar - Nota: Esto puede ser una búsqueda parcial, y no una línea entera.

Código: Seleccionar todo

/* Icon images
---------------------------------------- */
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

.icon-arcade, .icon-arcade-challenge,
Y este es mi archivo buttons.css
http://pastebin.com/1UYfFFMu

Ahora vamos con el Colours.css que en las instrucciones dice:
Buscar - Nota: Esto puede ser una búsqueda parcial, y no una línea entera.

Código: Seleccionar todo

.icon-ucp						{ background-image: url("{T_THEME_PATH}/images/icon_ucp.gif"); }
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

.icon-arcade					{ background-image: url("{T_THEME_PATH}/images/icon_arcade.gif"); }
.icon-arcade-challenge			{ background-image: url("{T_THEME_PATH}/images/icon_arcade_challenge.gif"); }
Y mi colours.css es este:
http://pastebin.com/vHX2nKRm

Pues bien, eso sería lo primero, ahora la parte que más me interesa que es la siguiente. Luego de jugar el usuario puede enviar un comentario, pues el problema está en que el cuadro de emoticones no se adapta a la caja de respuesta, dejo una imagen ilustrativa.

Imagen

Como podrán haber visto los emoticones aparecen en la parte de arriba y no a la par de la caja de respuesta lo que hace que se vea ese espacio vacío que no sirve para nada y rompe la estética del foro.

¿Alguna solución?
Datos de Soporte | Mostrar
URL: http://fifa-xgamers.com/
Versión phpBB: 3.0.11
MODs Instalados: 1) cBB Chat 1.0.0
2) Advanced BBCode Box 3.0.12
3) NV Advanced Last Topic Titles 1.3.3
4) Red Blinking PM 1.0.9
5) Prime Link 1.3.0
6) Categorize Announcements and Stickies 1.0.2
7) AOS Who Visited a Topic 1.0.2.2
8 ) Tapatalk 3.9.0
9) Instant Post Redirect 1.0.2
10) Full Quick Reply 2.2.0
11) Browser and OS icons 3.0.2
12) Forum Archive II 1.1.4
13) Index Tabbed 2.0.0
14) Prime Quick Login 1.2.6
15) Who has downloaded a attachment for phpBB3 1.0.0
16) Multi Smile 1.0.1
17) AOS Notification 0.0.8
18 ) cBB QuickMod v1.0.2
19) GYM sitemaps & RSS 2.0.4
20) Manage attachments ACP module for phpBB3 1.2.0
21) Who Views Who 1.0.2
22) NV recent topics 1.0.5
23) phpBB SEO Ultimate SEO URL 0.7.0
24) phpBB SEO Optimal Titles 1.0.8
25) Topic SEO description and keywords mod 1.0.6
26) phpBB SEO Zero Duplicate V 0.6.8
27) phpBB Arcade 2.0.RC5-PL2
Plantilla(s) usada(s): SE Gamer Light
Servidor: Linux, de pago (Hostgator)
Actualización desde otra versión: Si desde 3.0.9
Conversión desde otro sistema de foros: No
URL del MOD:: http://www.phpbb-es.com/foro/mods-desar ... 30830.html
Muchas gracias, de antemano. :sweat:

Re: Adaptar correctamente phpBB Arcade con SE Gamer Light

Publicado: 05 Sep 2013, 15:26
por micontre
haber te digo lo de el css y luego mirare que pasa con el editor
el autor ha visto conveniente eliminar codigos para adaptar el estilo a su gusto. Abrir archivo buttons.css este codigo lo tendras que probar y eliminar si se ve mal los iconos añadodos Buscar - Nota: Esto puede ser una búsqueda parcial, y no una línea entera.

Código: Seleccionar todo

a.fontsize:hover {
	background-position: 0 -20px;
	text-decoration: none;
}
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

/* Icon images
---------------------------------------- */
.icon-arcade, .icon-arcade-challenge{
	background-position: 0 50%;
	background-repeat: no-repeat;
	background-image: none;
	padding: 1px 0 0 17px;
}
Abrir archivo colours.css Buscar - Nota: Esto puede ser una búsqueda parcial, y no una línea entera.

Código: Seleccionar todo

/* Icon images
---------------------------------------- */
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

.icon-arcade					{ background-image: url("{T_THEME_PATH}/images/icon_arcade.gif"); }
.icon-arcade-challenge			{ background-image: url("{T_THEME_PATH}/images/icon_arcade_challenge.gif"); }

Re: Adaptar correctamente phpBB Arcade con SE Gamer Light

Publicado: 05 Sep 2013, 17:11
por jorup16
Pues ahora ya me salen los pequeños íconos y antes no, ya he editado ambos .css


Imagen

:clap:

Re: Adaptar correctamente phpBB Arcade con SE Gamer Light  Tema Solucionado

Publicado: 05 Sep 2013, 23:34
por micontre
pues vamos a por lo de el editor. eso te ocurre por los botones de advanced bbcode box pero tiene arreglo Abrir archivo root /styles/prosilver/template/arcade/score_body.htlm
Buscar - Nota: Esto puede ser una búsqueda parcial, y no una línea entera.

Código: Seleccionar todo

<!-- IF S_SMILIES_ALLOWED and (.smiley or S_SHOW_SMILEY_LINK) -->
						<div id="smiley-box" style="text-align: center;">
								<!-- IF .smiley -->
								<strong>{L_SMILIES}</strong>
								<div class="arcade-smiley-box">
								<!-- BEGIN smiley -->
									<a href="#" onclick="insert_text('{smiley.A_SMILEY_CODE}', true); return false;"><img src="{smiley.SMILEY_IMG}" width="{smiley.SMILEY_WIDTH}" height="{smiley.SMILEY_HEIGHT}" alt="{smiley.SMILEY_CODE}" title="{smiley.SMILEY_DESC}" /></a>
								<!-- END smiley -->
								</div>
								<!-- ENDIF -->

								<!-- IF S_SHOW_SMILEY_LINK -->
									<br /><a href="{U_SMILIES}" onclick="popup(this.href, {POPUP_WIDTH}, {POPUP_HEIGHT}, '_phpbbsmilies'); return false;">{L_MORE_SMILIES}</a>
								<!-- ENDIF -->
							<hr />

							{BBCODE_STATUS}<br />
								<!-- IF S_BBCODE_ALLOWED -->
									{IMG_STATUS}<br />
									{FLASH_STATUS}<br />
									{URL_STATUS}<br />
								<!-- ENDIF -->
							{SMILIES_STATUS}
						</div>
					<!-- ENDIF -->

					<div <!-- IF S_SMILIES_ALLOWED and (.smiley or S_SHOW_SMILEY_LINK) -->id="message-box"<!-- ENDIF -->>
						<!-- INCLUDE posting_buttons.html -->
Reemplazar por - Nota: Reemplazar las líneas a encontrar por las siguientes líneas.

Código: Seleccionar todo

 <!-- INCLUDE posting_buttons.html -->
                <div id="smiley-box">
					<!-- IF S_SMILIES_ALLOWED and (.smiley or S_SHOW_SMILEY_LINK) -->
						
								<!-- IF .smiley -->
								<strong>{L_SMILIES}</strong>
								<div class="arcade-smiley-box">
								<!-- BEGIN smiley -->
									<a href="#" onclick="insert_text('{smiley.A_SMILEY_CODE}', true); return false;"><img src="{smiley.SMILEY_IMG}" width="{smiley.SMILEY_WIDTH}" height="{smiley.SMILEY_HEIGHT}" alt="{smiley.SMILEY_CODE}" title="{smiley.SMILEY_DESC}" /></a>
								<!-- END smiley -->
								</div>
								<!-- ENDIF -->

								<!-- IF S_SHOW_SMILEY_LINK -->
									<br /><a href="{U_SMILIES}" onclick="popup(this.href, {POPUP_WIDTH}, {POPUP_HEIGHT}, '_phpbbsmilies'); return false;">{L_MORE_SMILIES}</a>
								<!-- ENDIF -->
							<hr />

							{BBCODE_STATUS}<br />
								<!-- IF S_BBCODE_ALLOWED -->
									{IMG_STATUS}<br />
									{FLASH_STATUS}<br />
									{URL_STATUS}<br />
								<!-- ENDIF -->
							{SMILIES_STATUS}
						</div>
					<!-- ENDIF -->

					<div <!-- IF S_SMILIES_ALLOWED and (.smiley or S_SHOW_SMILEY_LINK) -->id="message-box"<!-- ENDIF -->>
igual tienes la carpta arcadesolamente en prosilver, si solamente se te ve asi en SE_Gamer sube esa carpeta a el estilo para que solamente se cambie en ese (unque al ser por los botones de los bbcodes supongo que ocurrira igual con los demas estilos)

Re: Adaptar correctamente phpBB Arcade con SE Gamer Light

Publicado: 06 Sep 2013, 03:14
por jorup16
Excelente tu ayuda, como siempre, @micontre para mi todo ha quedado bien, aunque hay algo más, que de pronto he visto y he comparado con el foro del MOD y veo que yo lo tengo diferente.

Yo lo tengo así:
Imagen

Y lo quisiera así:
Imagen

Si te das cuenta todo va por líneas y en lo mío se ve algo amontonado. :sweat:

Re: Adaptar correctamente phpBB Arcade con SE Gamer Light

Publicado: 06 Sep 2013, 14:56
por micontre
lo que ves en la pagina de el autor esta a actualizado a la version RC6 habra que esperar a que la liveralice . si no me equivoco es uno de los cambios que viene.
¿que resolución de pantalla tienes?

Re: Adaptar correctamente phpBB Arcade con SE Gamer Light

Publicado: 06 Sep 2013, 21:03
por jorup16
1024 x 768 aunque puede aumentar la resolución jaja pero me gusta esa. ¿será por eso que se ve así? :?

Re: Adaptar correctamente phpBB Arcade con SE Gamer Light

Publicado: 06 Sep 2013, 21:17
por micontre
pues si, aparte de verse aumentado el tamaño de las letras,con la traduccion al español se hace mas grande el espacio requerido para que salga en una sola linea los ingleses utilizan palabras mu y cortas :P

Re: Adaptar correctamente phpBB Arcade con SE Gamer Light

Publicado: 07 Sep 2013, 01:46
por jorup16
Muy bien, muchas gracias por tu ayuda, siempre es muy valiosa, tendré que abrir algunos otros temas jaja espero no aburrirte con ello. Saludos.
Todos los horarios son UTC+02:00
Página 1 de 1

Desarrollado por phpBB® Forum Software © phpBB Limited

Traducción al español por phpBB España