• 0
  • 6 RepliesReplies
  • 12060 ReadTimes Read
  • 11 PointsPoints

Topic: Agregar fondo aleatorio (Rotativo)

Usuario: cH4rLy
Rango: Nuevo Usuario
Mensajes: 3
Points: 21
Mi web: http://optimus-rp.com
Perfil: View Profile
Agregar fondo aleatorio (Rotativo)
October 12, 2013 - 04:42 04:42
Bueno entonces empecemos, en el siguiente post de ayuda, te explicare como colocar tu fondo aleatorio, osea, que rote cada actualización de pagina en nuestro foro. No soy un profesional en esto pero quiero compartir lo que aprendo.

1. Buscamos la carpeta llamada 'images' en la carpeta de nuestro theme, y dentro de ella creamos una carpeta llamada 'custom' , en caso de tenerla, dejarla allí.

2. Ya una vez que tengamos la carpeta 'custom' creada , crearemos una sub-carpeta (dentro de 'custom') con el nombre de 'bg'

3. Ahora que tenemos la carpeta 'bg' creada (\TU-FOTO\Themes\TU-THEME\images\custom\bg), introducimos dentro de ella el archivo 'rotate.php' (Esta adjunto en el post)

4. Una vez que ya tengamos el archivo 'rotate.php' en la carpeta 'bg', ahora agregaremos las imágenes que querremos que se carguen en el background, agregamos las imágenes con el nombre 1, 2, 3, y así dependiendo de cuantas imágenes queramos, el orden es aleatorio, y el tipo de imagen puede ser .gif, .jpeg, .jpg y .png, no importa cual sea.

5. Una vez ya tengamos en la carpeta 'bg' los archivos 'rotate.php' y las imagenes, ahora vamos a abrir nuestro 'index.css' (o como se llame la hoja de estilo de su foro) de nuestro theme (\TU-FOTO\Themes\TU-THEME\css)

Buscamos:

Code: [Select]
body
{

ya una vez alli, dentro de esa etiqueta 'body', dentro del corchete '{'

buscamos:

Code: [Select]
background:
Una vez lo encontremos procedemos a modificar con la ruta de nuestro 'rotate.php'

nos debería de quedar así:

Code: [Select]
background: #fff url(../images/custom/bg/rotate.php);
Y para que nuestro fondo no se repita y se ajuste a la pantalla del visitante

debería de quedar así:

Code: [Select]
background: #ff url(../images/custom/bg/rotate.php) 50% 0 repeat-x fixed;
Ya con esto nos debería de quedar funcionando perfecto. Bueno ya se que algunos themes tiene distintas sus hojas de estilo, entonces cualquier duda o pregunta, o cualquier cosa que no encuentren o entiendan, por favor escribirme.
You do not have permission to give points
point 11 Points

Users who gave points in this topic » Papá distante (3 Pts) » 4kstore (3 Pts) » nodensdorian (3 Pts) » Azul (2 Pts) 

Usuario: Papá distante
Rango: Moderador Global
Mensajes: 3504
Points: 168
Perfil: View Profile
Pais:
de
Re:[Tutorial] Agregar fondo aleatorio (Rotativo)
Reply #1 October 12, 2013 - 10:28 10:28
Buen aporte, en su época lo utilicé !

Usuario: cH4rLy
Rango: Nuevo Usuario
Mensajes: 3
Points: 21
Mi web: http://optimus-rp.com
Perfil: View Profile
Re:[Tutorial] Agregar fondo aleatorio (Rotativo)
Reply #2 October 12, 2013 - 12:13 12:13
Gracias amigo!  ;)

Usuario: 4kstore
Rango: Moderador Global
Mensajes: 4916
Points: 8111
Mi web: http://www.smfsimple.com
Perfil: View Profile
Pais:
ar
Re:[Tutorial] Agregar fondo aleatorio (Rotativo)
Reply #3 October 12, 2013 - 02:18 14:18
Excelente tutorial, gracias por compartir.
Saludos

Usuario: paellas
Rango: Recién Llegado
Mensajes: 52
Points: 0
Mi web: http://www.hackcrazyps3.com
Perfil: View Profile
Pais:
es
Re:[Tutorial] Agregar fondo aleatorio (Rotativo)
Reply #4 October 16, 2013 - 08:19 08:19
Que grande,facilito y muy visual.Permitidme que os deje la url para que veais como quedo en mi foro.(Sin animo de Spam).Me gusta mucho como queda.

www.hackcrazyps3.com

no avatar
Usuario: Artags
Rango: Nuevo Usuario
Mensajes: 21
Points: 2
Mi web: www.etsamarchitags.com
Perfil: View Profile
Pais:
es
Re:Agregar fondo aleatorio (Rotativo)
Reply #5 July 25, 2014 - 12:33 12:33
por casualidad no sabrá alguien cómo funciona el código para controlar un poco el fondo rotatorio. lo que me gustaría es que coja un fondo aleatorio para el foro cada día, en vez de cada vez que recargas la página o haces clic en algún sitio.

me parece un poco mareoso que a cada clic cambie el fondo, pero uno al día me parece que quedaría super elegante.

un saludo!

no avatar
Usuario: santaclown
Rango: Recién Llegado
Mensajes: 1
Points: 0
Mi web: http://foropeke.tk/index.php
Perfil: View Profile
Pais:
es
Re:Agregar fondo aleatorio (Rotativo)
Reply #6 June 21, 2015 - 04:00 16:00
Perdona, soy newbie se notara xD donde esta el link?¿?

 

TAGS



top

Smfsimple.com es un sitio destinado a brindar un servicio de soporte y herramientas para foros realizados con el sistema de foros gratuito simplemachines.org. Contamos con un selecto equipo de desarrolladores y conocedores del sistema, sus foros estaran en buenas manos.
This site is not affiliated with or endorsed by Simple Machines