Tuesday, August 5, 2014

Progress Update


So, I have started to link the pages to the external Youtube links (RF doesn't allow you to code in the program)

       <a img id='image1'href="http://www.youtube.com/v/ROmBhg54IjQ?autoplay=1&rel=0&enablejsapi=1&playerapiid=ytplayer"><img src='img/playButt.png' class='image' />

Settled with this code by looking it up from Video Lightbox, in the end I didn't use the animations.

Remembered I mentioned how I wanted to use block instead of hidden? It turned out the block didn't work either. I ended up scaling all the elements I want to hide to 0% and positioning them at the corner of the page.

When I checked the codes on Dreamweaver, I noticed I added a lot of the same images. Turns out my trial and errors were saved in the code although not apparent on screen.

When I use the scaling method, I had to scale them at all sizes one by one.
When I had to upload a new element in the mobile version, I had to scale them down to 0% in the Desktop and tablet sizes. It's such a hassle. Oh well, desperate times call for desperate measures.
I'm sure there's an easier way.

For the mobile size design, I kind of winged it in the font and such. (I don't want the hassle of linking fonts when RF already has them pre-installed) My font's weren't that elaborate anyway. Any special titles, I would just save them in a .png/.jpeg.

It looks like I have a 2 in 1 website! Which is really cool because both sizes show different types of styles I have while still parallel to the theme.

Currently, the only pages left to REFLOW are the Websites and Motion Graphics section.


It's getting easier now the more I use it.


References

Videolightbox, (2014). Video LightBox. [online] Available at: http://videolightbox.com/ [Accessed 1 Aug. 2014].

No comments:

Post a Comment