¿Como crear estilos CSS aleatorios?

Citar

Escrito el 15 Nov 2008 07:06 pm

Tengo unos diseños en CSS cada uno en una carpeta distinta pero todos en la /css quisiera que cada vez que actualize mi pagina cambie de estilo, son 9.

Por miguelsirna

315 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email Web

Hacker & Programmer

@miguelsirna

Citar

Escrito el 15 Nov 2008 08:32 pm

MMmm, más que css necesitarás de PHP, básicamente. Tendrás que generar el nombre del css aleatoriamente con PHP

Por The Fricky!

Presidente

6168 de clabLevel

3 tutoriales
8 articulos

Genero:Masculino Bastard Operators From Hell Héroes

Envíale un mensaje privado Web

Piccola Venezia...

@the_fricky

Citar

Escrito el 15 Nov 2008 09:36 pm

lo se quieres decir que cambie el nombre del css aleatoriamente pues por eso mismo necesito el code.

Por miguelsirna

315 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email Web

Hacker & Programmer

@miguelsirna

Citar

Escrito el 15 Nov 2008 09:52 pm

Entonces usa el buscador. "Css aleatorio" es un buen modo de comenzar.

Por The Fricky!

Presidente

6168 de clabLevel

3 tutoriales
8 articulos

Genero:Masculino Bastard Operators From Hell Héroes

Envíale un mensaje privado Web

Piccola Venezia...

@the_fricky

Citar

Escrito el 15 Nov 2008 11:48 pm

ya lo he buscado pero me sale aleatorio colos imagen de fondo pero no el archivo css y menos en distintas carpetas.

Por miguelsirna

315 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email Web

Hacker & Programmer

@miguelsirna

Citar

Escrito el 16 Nov 2008 03:19 am

A lo mejor te serviría algo como:

Código HTML :

 <link type="text/css" rel="stylesheet" href="<?php echo $variable_aleatoria ?>/archivo.css" />

Experimenta un poco y encontraras una manera de hacerlo.

Por Odin

Claber

639 de clabLevel

2 tutoriales

Genero:Masculino Premio_Secretos

Envíale un mensaje privado Web

El valle de las hamacas

@odinjv

Citar

Escrito el 16 Nov 2008 06:12 pm

Por miguelsirna

315 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email Web

Hacker & Programmer

@miguelsirna

Citar

Escrito el 16 Nov 2008 07:14 pm

Es super simple... Mira te recomiendo hacer lo siguiente. (Manera simple)

Código PHP :

<?php
$css=Array("barbarian","caldeum","darkcultists","faq","gnarledwalker","khazra","tristram","tristramcathedral","undead","witchdoctor","world");
$aleatorio=css[rand(0,10);];
?>

Pones ese código al inicio de la pagina, y luego pones:

Código HTML :

<link type="text/css" rel="stylesheet" href= <?php echo ."skins/".$aleatorio."/skin.css" ?> />

De esta manera debería cargar uno de los 11 skins de manera aleatoria.
Ojala funcione...

Por JaLeRu

Claber

1913 de clabLevel

7 tutoriales

Genero:Masculino

Envíale un mensaje privado Email Web

Existo

@JaLeRu

Citar

Escrito el 16 Nov 2008 07:16 pm

Me equivoque....
Donde sale

Código PHP :

[rand(0,10);];

Cámbialo a

Código PHP :

[rand(0,10)];

Por JaLeRu

Claber

1913 de clabLevel

7 tutoriales

Genero:Masculino

Envíale un mensaje privado Email Web

Existo

@JaLeRu

Citar

Escrito el 16 Nov 2008 08:26 pm

Ya lo puse pero me salio un error creo que es por algo que no entendi en:

Código :

$aleatorio=css[rand(0,10)];

y

Código :

"skins/".$aleatorio."/skin.css" ?> />

La parte de aleatorio que se necesita cambiar...

Por miguelsirna

315 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email Web

Hacker & Programmer

@miguelsirna

Citar

Escrito el 16 Nov 2008 08:31 pm

El codigo me quedo de esta manera:

Código :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<?php 
$css=Array("barbarian","caldeum","darkcultists","faq","gnarledwalker","khazra","tristram","tristramcathedral","undead","witchdoctor","world"); 
$aleatorio=css[rand(0,10)]; 
?>
<html>
    
    <head>
<!-- auto-included resources: --><!-- end auto-included resources: -->

        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
        <title>MU CONTINENT of LEGEND ~ Noticias</title>
        <meta http-equiv="ROBOTS" content="INDEX,FOLLOW" />
        <meta name="ROBOTS" content="INDEX,FOLLOW" /> 
        <meta name="REVISIT-AFTER" content="2 days" />
    
        <meta name="LANGUAGE" content="EN" />

        <meta name="AUDIENCE" content="ALL" />
        <link href="/css/index.css?1218596429" type="text/css" rel="stylesheet" />
        <script src="/script/AC_RunActiveContent.js" type="text/javascript"></script>
        <script src="/script/common.js" type="text/javascript"></script>
        <script src="/script/hydravision.js" type="text/javascript"></script>
        <link type="text/css" rel="stylesheet" href= <?php echo ."skins/".$aleatorio."/skin.css" ?> />

Asi esta en mi archivo php en la parte final el Codigo del CSS y en la parte de arriba donde nombran las carpetas de los CSS

Por miguelsirna

315 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email Web

Hacker & Programmer

@miguelsirna

Citar

Escrito el 17 Nov 2008 01:00 am

Te explico mi código. (NO lo e revisado)
Donde sale $css=Array....
Es un Array con los nombres de cada carpeta..
Luego donde sale
$aleatorio=css... El error esta en que debería ser
$aleatorio=$css.... (Falta un [b]$), lo que hace esta parte es que elije un numero aleatorio de 0 a 10, si es cero tomara la primera carpeta del Array CSS, si sale 1 tomara la segunda... Etc...

Luego donde sale.
echo "skins/".$aleatorio"."skin.css"
Se refiere a que imprimirá
"skins/" más el nombre de la carpeta seleccionada aleatoriamente + "/skins.css"
Osea, si en el aleatorio da por ejemplo la carpeta "Ruby"
formaría
skins/Ruby/skins.css

¿Entiendes ahora?
El punto en PHP representa un "MAS" , un signo de moneda $ significa una variable...

Por JaLeRu

Claber

1913 de clabLevel

7 tutoriales

Genero:Masculino

Envíale un mensaje privado Email Web

Existo

@JaLeRu

Citar

Escrito el 17 Nov 2008 01:05 am

Dejemos entonces...

Código PHP :

<?php 
$css=Array("barbarian","caldeum","darkcultists","faq","gnarledwalker","khazra","tristram","tristramcathedral","undead","witchdoctor","world"); 
$aleatorio=$css[rand(0,10)]; 
?>

Código HTML :

 <link type="text/css" rel="stylesheet" href= <?php echo "skins/".$aleatorio."/skin.css" ?> />

O prueba también con una ruta absoluta.

Código HTML :

 <link type="text/css" rel="stylesheet" href= <?php echo "http://www.tuweb.com"."/skins/".$aleatorio."/skin.css" ?> />

Donde tendrías que cambiar tuweb.com por la tu dirección, o localhost en tu caso...
(Acabo de notar que antes había un punto mal puesto antes de "skins/", eso también puede haber producido errores.

Por JaLeRu

Claber

1913 de clabLevel

7 tutoriales

Genero:Masculino

Envíale un mensaje privado Email Web

Existo

@JaLeRu

Citar

Escrito el 17 Nov 2008 02:38 am

Si me funciono este codigo:

Código :

<link type="text/css" rel="stylesheet" href= <?php echo "skins/".$aleatorio."/skin.css" ?> />

Solo que en:

<?php echo "skins/ te falto poner un / antes de skins

Ahora me acabo de dar cuenta que este codigo tiene influencia con este:

Código :

<script type="text/javascript">
    AC_FL_RunContent( 
      'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0',
      'width','100%',
      'height','400',
      'src','/flash/navigation',
      'quality','best',
      'pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash',
      'wmode','opaque',
      'allowScriptAccess','always',
      'bgcolor','#000000',
      'menu', 'false',
      'flashvars', 'varFlash=mediactx===/flash/***navxmlurl===/xml/flash_en.xml***headerheight===400***headerbg===/skins/undead/images/top.jpg***bookborder===true***bgsound===/flash/audio/***playsndcookie===false***sndcookiename===bgsound***lang===en***glow===true***fontpath===/flash/***cainpath===/flash/***sfxpath===/flash/audio/***imagespath===/images/***videopath===/flash/video/***controlspath===/flash/***startpage===0',
      'movie','/flash/navigation',
      'base','/flash/',
      'id', 'navbar'
   ); //end AC code
    </script></div>

Uno que estaba mas abajo que raro... parece ser un flash y como se puede ver la imagen css esta aca:

Código :

'flashvars', 'varFlash=mediactx===/flash/***navxmlurl===/xml/flash_en.xml***headerheight===400***headerbg===/skins/undead/images/top.jpg

Comenzando la parte larga del final del codigo y para ser mas claros despues de headerbg, resulta que en la pagina madre de donde he visto sale que al apretar F5 esta imagen y la del archivo CSS, cambian igualmente osea la de abajo no cambia a uno y la de arriba a otro sino que las dos cambian al mismo estilo... ¿Como las conecto de ese modo?

Por miguelsirna

315 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email Web

Hacker & Programmer

@miguelsirna

Citar

Escrito el 17 Nov 2008 10:44 pm

No te entendí, y respecto al codigo que posteaste primero, es el codigo que usar flash Cs2 para poner archivos Swf dentro del html.

Por JaLeRu

Claber

1913 de clabLevel

7 tutoriales

Genero:Masculino

Envíale un mensaje privado Email Web

Existo

@JaLeRu

Citar

Escrito el 17 Nov 2008 11:01 pm

Exactamente si se que es un codigo Flash-HTML y justo en este codigo se posa la 2 imagen aleatoria:

Código :

'flashvars', 'varFlash=mediactx===/flash/***navxmlurl===/xml/flash_en.xml***headerheight===400***headerbg===/skins/undead/images/top.jpg

Como ven ai dice /Skins/undead/images/top

quiere decir que es del Style CSS Undead esto quiere decir que debe de verse justo cuando se abra el archivo skin.css de undead

Aqui una imagen de muestra:

Lo verde es del skin.css y lo Rojo es del Codigo Flash-HTML esto debe de convinar de tal forma que se vea asi:

Y cada vez que se aprete f5 convine con el skin.css que se ha generado.

Por miguelsirna

315 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email Web

Hacker & Programmer

@miguelsirna

Citar

Escrito el 18 Nov 2008 07:52 pm

Código :

'flashvars', 'varFlash=mediactx===/flash/***navxmlurl===/xml/flash_en.xml***headerheight===400***headerbg===/skins/<?php echo $aleatorio ?>/images/top.jpg

Talvez con eso entonces...

Por JaLeRu

Claber

1913 de clabLevel

7 tutoriales

Genero:Masculino

Envíale un mensaje privado Email Web

Existo

@JaLeRu

Citar

Escrito el 18 Nov 2008 09:48 pm

Me quedo hermoso =) Gracias a todos
muchisimas gracias =]

Por miguelsirna

315 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email Web

Hacker & Programmer

@miguelsirna

Citar

Escrito el 18 Nov 2008 10:46 pm

De nada... Un placer.

Que bueno que por fin haya funcionado.

Por JaLeRu

Claber

1913 de clabLevel

7 tutoriales

Genero:Masculino

Envíale un mensaje privado Email Web

Existo

@JaLeRu

Citar

Escrito el 08 Abr 2009 12:11 am

Hola a todos, muy interesante el post, aunque me temo que con tanta respuesta no termino de aclararme.

En mi caso, tengo una carpeta con 3 estilos diferentes, y me gustaría que se cargasen aleatoriamente cada vez que un usuario entre en la página.

misitio/css/estilo1.css
misitio/css/estilo3.css
misitio/css/estilo3.css

Os agradecería mucho si alguien pudiese hecharme un cable y explicarme brevemente qué tengo que hacer en mi caso.

Muchas gracias por vuestro tiempo, y un saludo.

Por Phase2x

1 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 08 Abr 2009 01:00 am

En la parte de arriba coloca:

Código :

<?php 
$css=Array("estilo1","estilo2","estilo3"); 
$aleatorio=$css[rand(0,2)]; 
?>

y en la parte del código CSS coloca:

Código :

<link type="text/css" rel="stylesheet" href= <?php echo "misitio/css/".$aleatorio.".css" ?> />

Me avisas si te funciono.

Por miguelsirna

315 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email Web

Hacker & Programmer

@miguelsirna

Citar

Escrito el 08 Abr 2009 04:52 pm

Hola Chiguel,

Gracias por tu rapidez, pero ya he encontrado un pequeño script .js que me fuciona muy bien:

Código :



function chooseStyle() {
  var css = new Array('estilo1','estilo2');
  var i = Math.floor(Math.random()*css.length);
  var style = "css/"+css[i]+".css";
  
  return style;
}

document.write('<link rel="stylesheet" href="'+chooseStyle()+'" type="text/css">');
</script>

Sobre tu propuesta, la verdad es que no me funciona, aunque puede que sea por la dirección de las carpetas. Gracias de todos modos.

Un saludo.

Por Phase2x

1 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 08 Abr 2009 04:54 pm

Revisando mi post anterior, me he dado cuenta de que en el script se me ha olvidado una linea.

Hay que añadir la etiqueta <script> antes de todo.

Un saludo.

Por Phase2x

1 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 08 Abr 2009 09:22 pm

Me parece un buen atajo

Por miguelsirna

315 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email Web

Hacker & Programmer

@miguelsirna

¿Como crear estilos CSS aleatorios?

Escribe una respuesta rapida