Weather Animation Change Background - html

Is it possible to change the "style.css" in HTML/CSS from different styles?
I made weather animations each on to thier own link (sunny, rainy, cloudy) and was wondering if it is possible to combine these so that lets say if one of these weather conditions appear one of these backgrounds will be chosen?
I am currently researching but I have no reference to go from.
Warning I've never touched HTML or CSS until now so everything is a learning process. I tried making a website with these weather conditions and making and if statement in there (did not work) and I tried an if statement in a css file connected to the weather contion websiste (did not work either).

Related

How can I program in HTML to show an image at a specific time of the day?

I have been researching and studying various HTML code with similar questions but wanted to try something a little different: (And please forgive me for my silly sounding questions here. I am still quite new with this kinds of things so still experimenting with a lot)
1) I want to know if it's possible to write code in HTML that will allow the display of an image at a certain time. Like let's say for example, the image will only appear at midnight local time from wherever someone is searching.
2) If this is possible, how to I first display one image on a website and then at a specified time have that image replaced by a different image and then after let's say one minute everything will revert back to the original image on the website?
3) How do I "store" the image I want to have displayed at a certain time of the day? I mean, how do I program in HTML to show that new image but obviously not make it possible to be known in the source code?
4) Last, is it possible to prevent proxy servers from being used or other means that could potentially manipulate the time.
Thank you much!

Creating an interactable grid with CSS and HTML ONLY on a single image

I am in the process of setting up a website via Enjin's web hosting for a game server I run. I have an HTML module that will display a map of the island our game server takes place on, with a grid overlay already.
What I am trying to do (if possible), is to create a dynamic grid with css and html (javascript if needed) that overlays the grid of the image and highlights each cell as a user hovers over it, with a small pop-up with details on a specific coordinate (such as any bases, or other special information about a specific area)
I have tried looking around via google, but all searches come up with creating a grid out of multiple images (which is not what I am after), or using the area tag without much explanation on how to turn it into a fullout grid.
I am unfamiliar with how to approach this problem, and would like any input or advice if possible. Thanks!
NOTE: For those wishing to see the map in question I am using, to better help understand my question and assist me, please see here.

css sheets in each frame

I working on a very old website that I am trying to update and I seem to be running into some issues.
My biggest problem seems that it seems that the same style sheets need to be included in each frame instead of placing them in the header frame and effecting the whole page.
Is there any way around this? I have some bootstrap I wanted to include and don't really want to declare those a billion times.
CSS cannot be applied across frames, I believe.
Main thing is, frames are depreciated. First thing you need to do is remove them. However, given it's an old site you just want to update, removing might not be an option.

Flash AS3 Custom Colour Strobe Animation

I have been working on a website for a while now (http://strobepage.com/ ATTENTION: do not click if you are suffering of epillepsy)..
Basically the idea is that the viewer can chose between different strobe illusions and colours..
I got thinking, and I thought, I can make things a hell of a lot easier by allowing users to select the 2+ colours in a strobe animation instead of me making a number of different specific animations that have various different colours.. Possibly, there could be different SWF's that the user can pick from (on the home page) and these different SWF's could all have a different number of colour rotations in the strobe, for example 3 repeating colours.. I realise that this would only be relevant if its not possible to integrate everything into a single file..
Anyway, I have tried and tried many methods and I cant get anything to work.. It needs to work with what i have.. a base strobe with a "fullscreen" button, launching the strobe into fulscreen, then I want the user to be greeted with a screen with a GUI that allows them to select the colour(s) and then click to proceed.. also maybe a colour selector that is present while the strobe is running..
Any suggestions will have to work with the functions and controls i already have in place, and if you can suggest the AS to use aswell, that would be awsome.. but just a bunch of ideas would be great also.
Thanks, I look forward to reading some interesting ideas ;)
You might want to add some warning for people with epilepsy to not click on that link. People might get hurt.
As for your question, you can always color movieclips using this:
var c:ColorTransform = new ColorTransform();
c.color = (0xFF0000); // should be red
myMovieclip.transform.colorTransform = c;
This would require your animations to be based on Movieclips and not 'just' tweens. As for tweens, you might be able to put the whole thing into a Movieclip and color it, all depending on how you did it in the first place.

Overlay chrome extension?

I am in the middle of a Extension build. Basically I'm trying to do a web-based RPG based off of PMOG(the Nethernet). I'm looking for some kind of overlay function like this:
http://img.skitch.com/20080814-ms5hmqh3433rgt7cg2yg13kcka.jpg
Any ideas?
edit
Also, is there any way I can log the websites someone goes to, without actually logging the websites? I'm trying to base EXP earned and Gold earned on how many times they go to a website per day. (I.E. 40xp/gold the first time and 10 every other time)
To create "pop overs", you would create a <div> on the page with a very high z-index (which is a CSS attribute). z-index determine what goes on top of what else. From there, you can use absolute/relative positioning to determine where it should appear on the screen (again, using CSS). To show/dismiss it, you can use a large variety of JavaScript techniques (including sliding it in from off the page).