Modifying My Website - Page 1

User 2924428 Photo


Registered User
1,718 posts

Hey guys, I was wondering if you knew of any new software out there to spruce up my website. I'm up to date on wow-slider and other programs, but i'm trying to think of ways to make my site more.. modern? It should be set for responsive design however has not been tested by me. I feel that it needs something to make it pop out there and possible blend in a little better with newer age websites.
Anyhow take a look..

http://www.fareastexpansion.com

User 122279 Photo


Senior Advisor
14,610 posts
Online Now

Others may have some good ideas for you as to the 'popping'. I stick to technical bits.

If you want to make the site responsive, there are mainly two elements that need looking into.
First, there is the head image. Put it into a div that is sized a certain %age of the whole page width, and then let the image cover that width. Don't set any width or height in px.
Secondly the white sheet with the text. Let the sheet also be a percentage of the whole width. And the text size has to be set in em's, not pixels.
You also have to look at the menu. It is responsive all right, but when the viewport is narrowed down, the menu looks kind of squashed. Use the breakponts in the menu builder and set one at around 700px. Then make the menu cover 100% of the width from then on, so that it actually becomes a one-button dropdown.
Try that, and then we can see how far you get.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 122279 Photo


Senior Advisor
14,610 posts
Online Now

As I'm thinking along here, 'modern' has to do with clean surfaces, gradients (as page background or menu buttones (or both). Also the text could be formatted into two columns, and stick to one and the same font.
Don't know if the 'youngsters' here will agree, though... :P
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 271657 Photo


Ambassador
3,816 posts

Here's some inspiration...
http://www.1stwebdesigner.com/inspirati … -websites/

I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 2924428 Photo


Registered User
1,718 posts

@Inger I agree with you, I think that I could put that to use. I'm looking at the sites that paintbrush posted and I can see the one I would like my site to look like , "Wrath of the Lich King", but I doubt i'm that talented. I just started some courses on html 5 and css3 along with javascript so i'm going to take my time and do it right.
@paintbrush I would need your graphical talent to make my site pop paintbrush!!
User 271657 Photo


Ambassador
3,816 posts

Why not start with a read-made background?
http://www.desktopnexus.com/tag/epic/
Then you can concentrate on the page structure and add a few other graphic elements to finish it off.
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 2924428 Photo


Registered User
1,718 posts

It's got live graphics, like a smooth .gif for a background..
http://us.blizzard.com/en-us/games/wrath/

It's amazing the things you can accomplish using .gif's now day's, but i'm not sure how to create a one of that size.
I'm hoping that a little more time in school will render a better faster website for me. Right now i'm learning how to alter css3, using javascript.. why one would do this.. I really don't know.
User 271657 Photo


Ambassador
3,816 posts

The animated .gif on that site isn't very large, it's only over one area of the background.
It's a nice effect.

Look up DOM scripting or OOP, you'll get an idea of just how useful JS with your CSS can be.

I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 187934 Photo


Senior Advisor
20,265 posts
Online Now

Where's the gif on that page? I see lots of Flash.:(
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 271657 Photo


Ambassador
3,816 posts

The Flash object is just one rectangle ( 345 x 543) overlayed above the background image. So it could be done with an animated .gif. It's a nice effect.
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.