Mover copyright y ampliar footer

[sasu8]

Hola! De momento el footer de mi foro está como en la siguiente imagen, y lo que está marcado en rojo es lo que me gustaría centrar.



Sumado a esto me gustaría poder agregar un espacio para poner sponsors (por lo que busqué no hay mods como para algo similar). Hice un edit en photoshop de como me gustaría que quede esa parte:



Agradecería muchísimo su colaboración. Saludos!

[-Rock Lee-]

¿Quieres agregar manualmente o quieres automatizarlo? ¿Estatico o en movimiento? para poder lograr lo de las imagenes tienes editar el index.template.php cerca del class="wrapper" agregas las imagenes directo y desde el css lo podes modificar, solo se requiere un conomiento basico/medio de HTML, CSS y PHP. Ahora el tema del copyright tenes editar el index.min.css del diseño en ".righter" tenes que comentar el float:right y el text-align cambiar el right por center quedandote algo asi "text-align: center;".


Saludos!

[sasu8]

¿Quieres agregar manualmente o quieres automatizarlo? ¿Estatico o en movimiento? para poder lograr lo de las imagenes tienes editar el index.template.php cerca del class="wrapper" agregas las imagenes directo y desde el css lo podes modificar, solo se requiere un conomiento basico/medio de HTML, CSS y PHP. Ahora el tema del copyright tenes editar el index.min.css del diseño en ".righter" tenes que comentar el float:right y el text-align cambiar el right por center quedandote algo asi "text-align: center;".


Saludos!

Hola! Me gustaría si podrías ser más específico acerca de automatizar y cómo sería si estuviese en movimiento. En el index.template hay varias partes que dicen wrapper pero por obviedad y descarte debe ser el que está en la parte de footer pero no sabría exactamente donde colocar el código y desconozco exactamente la sintaxis que debería utilizar. Entiendo de html pero de css y php solo sé leer el código.

Respecto a lo del index.min.css, ya hice lo que dijiste pero el texto sigue estando donde siempre. Tal vez ese no sea el archivo que esté utilizando el theme.

[Danielㅤ]

Refresca la página para que se apliquen los cambios.


SaLuDoS!

[sasu8]

Refresca la página para que se apliquen los cambios.


SaLuDoS!

No sé que contestar a esto...

[-Rock Lee-]

Hola! Me gustaría si podrías ser más específico acerca de automatizar y cómo sería si estuviese en movimiento. En el index.template hay varias partes que dicen wrapper pero por obviedad y descarte debe ser el que está en la parte de footer pero no sabría exactamente donde colocar el código y desconozco exactamente la sintaxis que debería utilizar. Entiendo de html pero de css y php solo sé leer el código.

Respecto a lo del index.min.css, ya hice lo que dijiste pero el texto sigue estando donde siempre. Tal vez ese no sea el archivo que esté utilizando el theme.

Si queres un panel administrativo para las imagenes o no te molesta agregarlos manualmente al codigo de cada imagen a eso me referia, deja saque algo de tiempo y arme un codigo medio rapido. En cuando a lo del css tenes que borrar el cache del navegador, y refrescar a veces tarda algo en aplicar los cambios sino miralo en modo incognito.


Saludos!

Agrego: Tenes que buscar en el index.template.php del diseño la siguiente linea:

Code Select Expand

// Show the "Powered by" and "Valid" logos, as well as the copyright. Remember, the copyright must be somewhere!
echo '
<footer>';


y dejarlo de la siguiente manera:

Code Select Expand

// Show the "Powered by" and "Valid" logos, as well as the copyright. Remember, the copyright must be somewhere!
echo '
<div class="sponsor" style="text-align:center;">
<img src="mi_imagen_1.jpg">
<img src="mi_imagen_2.jpg">
<img src="mi_imagen_3.jpg">
</div>
<footer>';


ahora al final del index.css tenes que agregar:

Code Select Expand

.sponsor{
width:10%;
height:auto;
border-radius: 100%;
}

recuerdo borrar el cache y recargar la pagina, deberia quedar bien sino mañana luego de dormir algo lo miro...

[sasu8]

Hola! Me gustaría si podrías ser más específico acerca de automatizar y cómo sería si estuviese en movimiento. En el index.template hay varias partes que dicen wrapper pero por obviedad y descarte debe ser el que está en la parte de footer pero no sabría exactamente donde colocar el código y desconozco exactamente la sintaxis que debería utilizar. Entiendo de html pero de css y php solo sé leer el código.

Respecto a lo del index.min.css, ya hice lo que dijiste pero el texto sigue estando donde siempre. Tal vez ese no sea el archivo que esté utilizando el theme.

Si queres un panel administrativo para las imagenes o no te molesta agregarlos manualmente al codigo de cada imagen a eso me referia, deja saque algo de tiempo y arme un codigo medio rapido. En cuando a lo del css tenes que borrar el cache del navegador, y refrescar a veces tarda algo en aplicar los cambios sino miralo en modo incognito.


Saludos!

Agrego: Tenes que buscar en el index.template.php del diseño la siguiente linea:

Code Select Expand

// Show the "Powered by" and "Valid" logos, as well as the copyright. Remember, the copyright must be somewhere!
echo '
<footer>';


y dejarlo de la siguiente manera:

Code Select Expand

// Show the "Powered by" and "Valid" logos, as well as the copyright. Remember, the copyright must be somewhere!
echo '
<div class="sponsor" style="text-align:center;">
<img src="mi_imagen_1.jpg">
<img src="mi_imagen_2.jpg">
<img src="mi_imagen_3.jpg">
</div>
<footer>';


ahora al final del index.css tenes que agregar:

Code Select Expand

.sponsor{
width:10%;
height:auto;
border-radius: 100%;
}

recuerdo borrar el cache y recargar la pagina, deberia quedar bien sino mañana luego de dormir algo lo miro...

Hola! Recién puedo contestarte. Al poner exactamente como describiste ahí, la parte de abajo queda así:



Tratando de arreglarlo con el html de width y height queda así:



Queda un espacio bastante extenso entre la parte con fondo negro del copyright y donde está el sponsor. A lo sumo quedaría mejor si las imágenes de sponsor están dentro de ese mismo cuadro con fondo negro.

EDIT: Ya pude! Pueden chequear como quedó al entrar a la página. Dejo el código de donde puse la imagen para el que necesite:

Code Select Expand

echo'
<div class="clear"></div>
<div class="frame">
<div class="sponsor" style="text-align:center;">
<h1 style="text-align: center;">SPONSORS</h1>
<p>&nbsp;</p>

<img src="sponsors/meriart.png" alt="Meriart Studio" width="100" height="100">
</div>
<div class="wrapper">
<div class="righter">
<ul class="reset">
<li class="copyright">', smf_theme_copyright(), '</li>
</ul>';


[Danielㅤ]

Hola buenos días, antes que nada me alegro mucho de que haya quedado como querías y quiero agradecerte por haber dejado la solución, eso ayudará seguramente a otras personas, muchas gracias por ayudar.


Saludos

[-Rock Lee-]

Genial entonces que pudieres resolverlo y dejarlo como deseas, lo marco como resuelvo.


Saludos!