Página 1 de 1

Poner botones sociales en el overall_header.  Tema Solucionado

Publicado: 29 Jun 2013, 05:48
por DanielRG
URL: http://www.puresimulators.com/
Versión phpBB: 3.0.11
MODs Instalados: Tanks for post, board3, mchat, Advertisement Management.
Plantilla(s) usada(s): Prosilver
Servidor: Linux, de pago.
Actualización desde otra versión: No
Conversión desde otro sistema de foros: No
URL del MOD:: No es ningun mod.

El problema que tengo es que se ve raro los botones y no soy capaz de situarlos en el sitio correcto.

Una imagen vale más que mil palabras:

Imagen

Me gustarías dejarlos completamente fijos encima de lo de buscar o debajo, pero no logro ponerlos, y también que cuando estén en esa posición no cambien al hacer pequeña la ventana del navegador o cuando se visualiza desde pantallas más pequeñas o más grandes...

Muchas gracias por adelantado.

PD: Me he confundido al postearlo en la sección de soporte para mods, si alguien lo puede mover sería genial.

Re: Poner botones sociales en el overall_header.

Publicado: 29 Jun 2013, 15:37
por ElSanguinario
hola podría reemplazar esto:

Código: Seleccionar todo

#social_buttons {
    float: right;
}
por esto:

Código: Seleccionar todo

#social_buttons {
    float: right;
    margin-right: -180px;
    margin-top: 28px;
}
aunque recomiendo que achique un poco los botones.. ;)

Re: Poner botones sociales en el overall_header.

Publicado: 29 Jun 2013, 15:58
por DanielRG
Yo es que no lo puse así, si no que lo tengo así:

<div id="social_bar">
<div id="social_buttons">
<a href="https://www.facebook.com/puresimulators"><img style="border-radius:4px 4px 4px 4px;" alt="Sigue a puresimulators en Facebook" title="Sigue a puresimulators en Facebook" width="44px" height="44px" src="http://www.puresimulators.com/styles/pr ... k.png"></a>
<a href="http://www.twitter.com/puresimulators"><img style="border-radius:4px 4px 4px 4px;" alt="Sigue a puresimulators en Twitter" title="Sigue a puresimulators en Twitter" width="44px" height="44px" src="http://www.puresimulators.com/styles/pr ... r.png"></a>
<a href="https://www.facebook.com/puresimulators"><img style="border-radius:4px 4px 4px 4px;" alt="Sigue a puresimulators en Facebook" title="Sigue a puresimulators en Google+" width="44px" height="44px" src="http://www.puresimulators.com/styles/pr ... e.png"></a>
<a href="http://www.youtube.com/user/DanielRG1987"><img alt="Subcribete al canal de YouTube" title="Subcribete al canal de YouTube" width="44px" height="44px" src="http://www.puresimulators.com/styles/pr ... e.png"></a>
</div>
</div>

Tendría que modificarlo de otra forma? o añado el código ese directamente debajo de:

<div id="social_buttons">

Les dejo mi overall_header:

http://www56.zippyshare.com/v/21996519/file.html

Muchas gracias por la pronta respuesta :)

Re: Poner botones sociales en el overall_header.

Publicado: 29 Jun 2013, 16:13
por ElSanguinario
bueno para no complicarte la vida. lo dejo en html:
reemplaza esto:

Código: Seleccionar todo

<div id="social_bar">
					<div id="social_buttons">
						<a href="https://www.facebook.com/puresimulators"><img style="border-radius:4px 4px 4px 4px;" alt="Sigue a puresimulators en Facebook" title="Sigue a puresimulators en Facebook" width="44px" height="44px" src="http://www.puresimulators.com/styles/prosilver/theme/images/facebook.png"></a>
						<a href="http://www.twitter.com/puresimulators"><img style="border-radius:4px 4px 4px 4px;" alt="Sigue a puresimulators en Twitter" title="Sigue a puresimulators en Twitter" width="44px" height="44px" src="http://www.puresimulators.com/styles/prosilver/theme/images/twitter.png"></a>
						<a href="https://www.facebook.com/puresimulators"><img style="border-radius:4px 4px 4px 4px;" alt="Sigue a puresimulators en Facebook" title="Sigue a puresimulators en Google+" width="44px" height="44px" src="http://www.puresimulators.com/styles/prosilver/theme/images/google.png"></a>
						<a href="http://www.youtube.com/user/DanielRG1987"><img alt="Subcribete al canal de YouTube" title="Subcribete al canal de YouTube" width="44px" height="44px" src="http://www.puresimulators.com/styles/prosilver/theme/images/youtube.png"></a>
					</div>
				</div>
por esto:

Código: Seleccionar todo

<div id="social_bar" style="margin-top: 28px !important;">
					<div id="social_buttons" style="margin-right: -180px !important;">
						<a href="https://www.facebook.com/puresimulators"><img style="border-radius:4px 4px 4px 4px;" alt="Sigue a puresimulators en Facebook" title="Sigue a puresimulators en Facebook" width="44px" height="44px" src="http://www.puresimulators.com/styles/prosilver/theme/images/facebook.png"></a>
						<a href="http://www.twitter.com/puresimulators"><img style="border-radius:4px 4px 4px 4px;" alt="Sigue a puresimulators en Twitter" title="Sigue a puresimulators en Twitter" width="44px" height="44px" src="http://www.puresimulators.com/styles/prosilver/theme/images/twitter.png"></a>
						<a href="https://www.facebook.com/puresimulators"><img style="border-radius:4px 4px 4px 4px;" alt="Sigue a puresimulators en Facebook" title="Sigue a puresimulators en Google+" width="44px" height="44px" src="http://www.puresimulators.com/styles/prosilver/theme/images/google.png"></a>
						<a href="http://www.youtube.com/user/DanielRG1987"><img alt="Subcribete al canal de YouTube" title="Subcribete al canal de YouTube" width="44px" height="44px" src="http://www.puresimulators.com/styles/prosilver/theme/images/youtube.png"></a>
					</div>
				</div>


--------------------------------
edito debido a un bug que al copiar y pegar se copia la url de la página no podrás editar bien. o eso creo :jaja:
te dejo el overal_header.html en un .rar ;)

Re: Poner botones sociales en el overall_header.

Publicado: 29 Jun 2013, 16:38
por DanielRG
Me sigue pasando lo mismo, no es capaz de quedarse quieto en la posición de debajo del cajón de búsqueda, sale siempre abajo después de lo azul y a la izquierda en vez de a la derecha.

Navegador abierto al máximo:
Imagen

Navegador minimizado:
Imagen

Yo lo quiero dejar fijo siempre justo debajo de lo de buscar, o encima pero pegado al margen derecho, algo así:

Imagen

Otra cosa es que no me deja copiar el texto de aquí de la web, me sale esto cuando copio y pego después:

- See more at: http://www.phpbb-es.com/foro/soporte-mo ... NkzUp.dpuf

Creo que es debido a que modifiqué el titulo una vez enviado por que se soluciono y aproveche para cambiar mi pregunta por otra, para no hacer varios hilos y dejar esté desaprovechado, ya que nada más lo envié se me solucionó y lo aproveche.

Un Saludo y muchas gracias por la ayuda que me estás prestando :wink:

Re: Poner botones sociales en el overall_header.

Publicado: 29 Jun 2013, 17:38
por DanielRG
No había visto la edición, ElSanguinario Muchísimas Gracias compañero, estaba desesperado, Gracias a ti y a esta gran comunidad por la ayuda rápida que dais, sois envidiables. :)

Un Saludo y de nuevo Muchísimas Gracias por tú valioso tiempo que has dedicado en ayudarme, podéis dar el tema por solucionado, a quedado precioso. 8-)

PD: Si te gustan los simuladores para pc, te invito a mi foro donde encontrarás buena gente y buen rollo, estáis todos invitados... :wink:

Re: Poner botones sociales en el overall_header.

Publicado: 29 Jun 2013, 19:06
por ElSanguinario
perfecto de nada hermano el tema lo debes marcar tú como solucionado. en el primer mensaje junto a el downmenu.
o bien pido a un MOD o ADM que lo marque. un saludo ;)