Blue Dream 3.1.3

Here non-phpBB topics can be discussed.
Truth
I've Been Banned!!!
Posts: 66
Joined: 31 Dec 2014, 06:36

Blue Dream 3.1.3

Postby Truth » 07 Feb 2015, 14:45

Blue Dream 3.1.3

75% complete.

Did little more work to blue dream over night..Added a few new goodies. Was tablet responsive until i set opacity to wrap..Otherwise works okay on pc. Ill figure out the wrap issue in the next couple days, and also style the header more. Any suggestions for improvement??

Responsive
Video Background
Sliding Side Bar with quick links

DEMO

blue_dream_3.1.3.jpg
You do not have the required permissions to view the files attached to this post.

User avatar
tumba25
Past Contributor
Past Contributor
Posts: 1074
Joined: 24 Oct 2007, 13:10
Real name: Jari Kanerva
Location: Kokkola, Finland.

Re: Blue Dream 3.1.3

Postby tumba25 » 07 Feb 2015, 18:11

Looks awesome but the moving clouds is disturbing. The eyes are drawn to them even when I try not to look at them.

User avatar
RMcGirr83
Past Contributor
Past Contributor
Posts: 6248
Joined: 30 Nov 2006, 14:23
Real name: Rich McGirr

Re: Blue Dream 3.1.3

Postby RMcGirr83 » 07 Feb 2015, 18:29

tumba25 wrote:Looks awesome but the moving clouds is disturbing.


This +1 Static clouds may be better for some.

Truth
I've Been Banned!!!
Posts: 66
Joined: 31 Dec 2014, 06:36

Re: Blue Dream 3.1.3

Postby Truth » 07 Feb 2015, 21:21

tumba25 wrote:Looks awesome but the moving clouds is disturbing. The eyes are drawn to them even when I try not to look at them.


LOL!!!!

Could use any video from youtube.

Adding new video, Simply download the mp4 and webm and change the name in overall header like so..

Code: Select all

<video autoplay  poster="{T_THEME_PATH}/images/bgclouds.jpg" id="bgvid" loop>
<source src="http://tru-blitz.com/color/styles/prosilver/template/video/sky.webm" type="video/webm">
<source src="http://tru-blitz.com/color/styles/prosilver/template/video/sky.mp4" type="video/mp4">
</video>


Setting opacity, simply edit the wrap opacity.

Code: Select all

opacity: 0.6;


I agree the clouds are to much but it is pretty cool! Imagine the videos you could use for a bg..Its endless :popcorn:

Truth
I've Been Banned!!!
Posts: 66
Joined: 31 Dec 2014, 06:36

Re: Blue Dream 3.1.3

Postby Truth » 07 Feb 2015, 21:56

I'm not leaving the house!! Freaky! :D

Image57.jpg
You do not have the required permissions to view the files attached to this post.

Truth
I've Been Banned!!!
Posts: 66
Joined: 31 Dec 2014, 06:36

Re: Blue Dream 3.1.3

Postby Truth » 08 Feb 2015, 07:23

Changed it from moving clouds to a nice waterfall. More calming, less distraction. The options are endless. Next step Is adding a pause button and multi color styles with multi video backgrounds.

User avatar
tumba25
Past Contributor
Past Contributor
Posts: 1074
Joined: 24 Oct 2007, 13:10
Real name: Jari Kanerva
Location: Kokkola, Finland.

Re: Blue Dream 3.1.3

Postby tumba25 » 08 Feb 2015, 13:26

I still get the clouds. Even after clearing the browser cache.

Truth
I've Been Banned!!!
Posts: 66
Joined: 31 Dec 2014, 06:36

Re: Blue Dream 3.1.3

Postby Truth » 09 Feb 2015, 07:56

I had changed it back to the clouds about an hour after i posted. Since then I installed another board and started to restyle to a green style to match the falls and heres what i got so far. Going to be remaking all new icons and viewtopic page. Going to put in a RSS block as well so you can pull from any RSS url including your own board. No php required. The style will be changing threwout the night so each visit remember to hit that F5 key.

Screeny
forest.jpg


Im replacing all images with css of some short, Im tired of editing images in photoshop. example below.

Code: Select all

background-image: -moz-linear-gradient(#BAC0D0, #7D8B25, transparent);   
background-image: -webkit-gradient(linear, left top, left bottom, from(#BAC0D0, #7D8B25, transparent));
background-image: -webkit-linear-gradient(#BAC0D0, #7D8B25, transparent);
background-image: -o-linear-gradient(#BAC0D0, #7D8B25, transparent);
background-image: -ms-linear-gradient(#BAC0D0, #7D8B25, transparent);
background-image: linear-gradient(#BAC0D0, #7D8B25, transparent);


LIVE DEMO
You do not have the required permissions to view the files attached to this post.


Return to “General Discussion”

Who is online

Users browsing this forum: CommonCrawl [Bot], SEOkicks [Bot] and 0 guests