gramirezcarrero · January 23, 2013 04:03 · Jan 23, 2013
diff --git a/index.html b/index.html
@@ -0,0 +1,4 @@
+<div id="container">
+
+
+</div>
diff --git a/script.js b/script.js
@@ -0,0 +1,58 @@
+$(document).ready(function(){
+
+$("#container").append("<div class='he'>hello</div>");
+
+  $(".he").append(" <div class='img'></div>");
+
+    _arrI = ["<img src='http://icons.iconarchive.com/icons/eponas-deeway/colobrush/256/heart-2-icon.png'>","<img src='http://icons.iconarchive.com/icons/mirella-gabriele/valentine/256/Heart-black-icon.png'>", "<img src='http://icons.iconarchive.com/icons/archigraphs/christmas/256/Candy-House-icon.png'>","<img src='http://icons.iconarchive.com/icons/icondrawer/gifts/256/dog-icon.png'>","<img src='http://icons.iconarchive.com/icons/afterglow/forum-faces-2/128/Forum-Flirt-icon.png'>","<img src='http://icons.iconarchive.com/icons/deleket/purple-monsters/256/Alien-happy-icon.png'>","<img src='http://icons.iconarchive.com/icons/iconshock/tiny-animals/256/cat-icon.png'>","<img src='http://icons.iconarchive.com/icons/yootheme/halloween/256/cheshire-cat-icon.png'>", "<img src='http://cdn1.iconfinder.com/data/icons/futurama/256/Nibbler.png'>","<img src='http://cdn1.iconfinder.com/data/icons/futurama/256/Nudar.png'>", "<img src='http://cdn1.iconfinder.com/data/icons/Deleket_Purple_Monsters/128/Alien_22.png'>","<img src='http://cdn1.iconfinder.com/data/icons/futurama/256/Bender_%28Shiny_Metal%29.png'>","<img src='http://cdn1.iconfinder.com/data/icons/futurama/256/Robot_Devil.png'>","<img src='http://cdn1.iconfinder.com/data/icons/SUPERVISTA/education_icons/png/256/technology.png'>","<img src='http://cdn1.iconfinder.com/data/icons/walle/256/media_player.png'>","<img src='http://cdn1.iconfinder.com/data/icons/REALVISTA/mobile/png/256/android_platform.png'>","<img src='http://cdn1.iconfinder.com/data/icons/angry-icons-by-femfoyou/250/redbird.png'>","<img src='http://cdn1.iconfinder.com/data/icons/water_gaming_pack/256/mario_party.png'>","<img src='http://cdn1.iconfinder.com/data/icons/rockettheme-halloween-icon-pack1/128/cauldron.png'>","<img src='http://cdn1.iconfinder.com/data/icons/Hooligans_Icons/250/Butterfly.png'>","<img src='http://cdn1.iconfinder.com/data/icons/Favorite_monsters/256/green.png'>","<img src='http://babysimpson.co.uk/media/icons/homer/homer1.ico'>","<img src='http://aux2.iconpedia.net/uploads/387811467132324889.png'>","<img src='http://files.gamebanana.com/img/ico/sprays/narutospray.png'>","<img src='https://twimg0-a.akamaihd.net/profile_images/2850192547/ee6e9b681e5ed3afcfac6e26031da57d.png'>","<img src='https://twimg0-a.akamaihd.net/profile_images/2805438451/1cace90ff756cc43ba03b1abd78f8b6f.jpeg'>","<img src='http://www.download4a.com/Android_Icons/Dragon-Ball-Z-Widgets.png'>","<img src='http://files.gamebanana.com/img/ico/sprays/gtgoku.png'>","<img src='http://icons.iconarchive.com/icons/shwz/disney/256/mickey-mouse-icon.png'>","<img src='http://files.gamebanana.com/img/ico/sprays/spongebob_1.png'>","<img src='http://iconbug.com/data/3e/256/9bbbfabf3ff6eda3fe3ff5e1852cb060.png'>","<img src='http://www.bestfreeicons.com/smimages/Twitter-Diver-256.png'>","<img src='http://files.gamebanana.com/img/ico/sprays/anime_angel_by_kurisu.png'>","<img src='http://mobi-wall.brothersoft.com/files/130130/d/12832790069442.jpg'>"];
+     var _img =_arrI[Math.floor(Math.random()*_arrI.length)];    
+    $(".img").html(_img);
+     var _title=$("#container");
+     var _other = ["eres","Saludos","you",""];
+     var _otherL = _other[Math.floor(Math.random()*_other.length)];
+     var _mensaje = ["colombiano","abuelo","puberto","ugly","Malo","Fea","Feo","Love","Good","Bad","Dead", "Muerte","veneco", "paisa", "negro", "gocho"];
+      var _aletoriClick = _mensaje[Math.floor(Math.random()*_mensaje.length)];
+     // alert(_aletoriClick);
+    _title.addClass(_backGround);
+   $(".foot").addClass(_backGround);
+    _title.addClass("fontS");
+  $("img").css({width:'256px',"box-shadow":"1px 1px 10px white","background-color":"rgba(255, 255, 255, 0.53)","margin-right":"30px"});
+ // $("p").text(_mensaje[2]);
+  $(".img").append("<div class='foot'></div>");
+    var _fontS = $(".he");
+    var t16= "55px";
+    var _fontFamily = "Princess Sofia";
+    var arr = [ "#fff", "#dcf7f9", "#e6ffe0", "#feccf5", "#fef3d6" ];
+    var _color=arr[Math.floor(Math.random()*arr.length)];
+    console.log(_color);
+    var _arr = [ "stLCo", "stLb", "stLc" ];
+    $(".foot").html(_otherL+" "+_aletoriClick);
+    var _backGround = _arr[Math.floor(Math.random()*_arr.length)];
+    _title.addClass(_backGround);
+
+   $(".stLb").css({ "background-color":"rgba(173, 216, 230, 0.9)"
+    });
+    $(".stLc").css({ "background-color":"rgb(91, 214, 255)"
+    });
+    $(".stLCo").css({"background-color":"rgb(227, 153, 255)"
+    });
+
+    _fontS.css({
+        "font-size":t16,"font-family": _fontFamily, "color": _color
+    });
+
+});
+
+
+ WebFontConfig = {
+    google: { families: [ 'Princess+Sofia::latin' ] }
+  };
+  (function() {
+    var wf = document.createElement('script');
+    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
+      '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
+    wf.type = 'text/javascript';
+    wf.async = 'true';
+    var s = document.getElementsByTagName('script')[0];
+    s.parentNode.insertBefore(wf, s);
+  })(); 
diff --git a/style.css b/style.css
@@ -0,0 +1,31 @@
+#container{
+
+  width:450px;
+  height:450px;
+  margin: 10px auto ;
+
+}
+
+.he{
+  float:left;  
+  width:100%;
+  text-align:center;
+  font-family:Princess Sofia;
+  font-size:50px;
+  text-transform:capitalize;
+}
+.img{
+  float:left;
+  width:100%;
+  height:210px;
+
+}
+.foot{
+
+  height:40px;
+  float:left;
+  width:100%;
+  font-family:Droid;
+  font-size:20px;
+
+}