New Website Layout

Tatianasaphira · Post by **Tatianasaphira** » Sun Sep 23, 2007 4:13 pm

This was something that I was working on as I have to do modifications to add some new additions

So I would love some critique on it
http://img.photobucket.com/albums/v77/Tatianasaphira/WebsiteImages/NewLayout2.jpg

[SD]Kratos · Post by **[SD]Kratos** » Sun Sep 23, 2007 4:16 pm

I like the color scheme and it seems easy to read/understand the website

Though i dont really like this font and i think the copyright font should be something more serious i mean like a litle thing nobody really reads at bottom

Nice though i wanna see the final result

Tatianasaphira · Post by **Tatianasaphira** » Sun Sep 23, 2007 4:18 pm

what kind of font would you suggest?

As for the copyright, I just wanted it understated, and not to distract from it, yet, I felt it needed to be there

(and yes, I did spell it wrong, but its all corrected now)

[SD]Kratos · Post by **[SD]Kratos** » Sun Sep 23, 2007 4:19 pm

Tatianasaphira wrote:what kind of font would you suggest?

As for the copyright, I just wanted it understated, and not to distract from it, yet, I felt it needed to be there

(and yes, I did spell it wrong, but its all corrected now)

erm im not sure of the exact name but i remember a font on dafont.com named hurricane or so it should look good i hope it helps

Tatianasaphira · Post by **Tatianasaphira** » Sun Sep 23, 2007 4:35 pm

Something like this:

from:

http://www.dafont.com/hurricane-supadupas.font?nb_ppp=50

cin · Post by **cin** » Sun Sep 23, 2007 5:59 pm

not really my style..

i like the clean site layouts with lot of contrast. this looks like 3 squares on
top of eachother with some smoke n txt smacked on it o.O

anyway, idk if you are a beginner with photoshop n stuff; if you are, then this

5/10

[SD]Kratos · Post by **[SD]Kratos** » Sun Sep 23, 2007 6:05 pm

Tatianasaphira wrote:Something like this:

from:

http://www.dafont.com/hurricane-supadupas.font?nb_ppp=50

Yeah try a layout with this font play with the colors and all and it'll be cool i think

Tatianasaphira · Post by **Tatianasaphira** » Sun Sep 23, 2007 6:07 pm

No offence Cin, but I wasn't looking for a rating, and actually I don't consider myself a beginner at photoshop.

I am sorry that you feel that it is 3 squares stacked on, but I wanted to get away from making the center section with a border.

And I actually don't like monotone layouts. To me, THEY are the beginner ones that show that they lack any kind of creativity.

[SD]Kratos · Post by **[SD]Kratos** » Sun Sep 23, 2007 6:14 pm

Taiana u were AC mod for a time ... right? >.>

Tatianasaphira · Post by **Tatianasaphira** » Sun Sep 23, 2007 6:16 pm

Okay, did some modifications

Hopefully NOW it won't look like 3 squares topped onto each other

Section divider font is called Honey

http://img.photobucket.com/albums/v77/Tatianasaphira/WebsiteImages/NewLayout2a.jpg

Tatianasaphira · Post by **Tatianasaphira** » Sun Sep 23, 2007 6:17 pm

[SD]Kratos wrote:Taiana u were AC mod for a time ... right? >.>

No, but I was suggested. It was around then, that I was heading back to Ragnarok. I am Super-Mod on RoEmpire.com, and I was in charge of the Fan-fiction/Fan-Arts and skins, which I still take care of now

[SD]Kratos · Post by **[SD]Kratos** » Sun Sep 23, 2007 6:20 pm

Tatianasaphira wrote:Okay, did some modifications

Hopefully NOW it won't look like 3 squares topped onto each other

Section divider font is called Honey

http://img.photobucket.com/albums/v77/Tatianasaphira/WebsiteImages/NewLayout2a.jpg

Oohhhh MUCH better now! i liek it really much :shock:

When u gonna code it?

cin · Post by **cin** » Sun Sep 23, 2007 6:22 pm

Tatianasaphira wrote:And I actually don't like monotone layouts. To me, THEY are the beginner ones that show that they lack any kind of creativity.

oO

all blue = monotone, am i wrong? oO

n idk if you ever worked with Flash, but maybe you should try it out. it might
give you some insight on what you can do with websites nowadays instead of
just a couple of words to click on

^ thats no offense either

just commenting. oh, n i did give you a rating on
my first post in this topic; i rated 5/10 oO

Tatianasaphira · Post by **Tatianasaphira** » Sun Sep 23, 2007 6:23 pm

If I do it right, I won't have to. My existing code is there, I will just have to change the positioning of everything, which shouldn't take me too long.

And yes, I don't use a program, I hand type it all myself. It was the way I learned Html, and even though I just finished a program on Photoshop and Dreamweaver, I still will be hand coding everything

[SD]Kratos · Post by **[SD]Kratos** » Sun Sep 23, 2007 6:27 pm

cin wrote:
Tatianasaphira wrote:And I actually don't like monotone layouts. To me, THEY are the beginner ones that show that they lack any kind of creativity.

oO

all blue = monotone, am i wrong? oO

n idk if you ever worked with Flash, but maybe you should try it out. it might
give you some insight on what you can do with websites nowadays instead of
just a couple of words to click on

^ thats no offense either just commenting. oh, n i did give you a rating on
my first post in this topic; i rated 5/10 oO

she said she doesnt want ur ratiiiiiing wreeeee

Get on msn noob

--------------------------------------------------------------------------------------------------------

Tatiana please post when ur website is done :love:

Tatianasaphira · Post by **Tatianasaphira** » Sun Sep 23, 2007 6:27 pm

cin wrote:
Tatianasaphira wrote:And I actually don't like monotone layouts. To me, THEY are the beginner ones that show that they lack any kind of creativity.

all blue = monotone, am i wrong? oO

No this is a quick example of a monotone website:

cin · Post by **cin** » Sun Sep 23, 2007 6:32 pm

EDITED by myself. nevermind im outta here

Tatianasaphira · Post by **Tatianasaphira** » Sun Sep 23, 2007 6:34 pm

cin wrote:EDITED by myself. nevermind im outta here

Haven't learned flash yet, working on it

And its fine, I get the monotone reference. Hence why I tried to do a gradient of sea-green and the ice blue, so that it would blend a bit

cin · Post by **cin** » Sun Sep 23, 2007 6:35 pm

k. sorry if my comment sounded like a rant. was just expecting something
completely different lol. i see what my friends can make, maybe i shouldnt
be comparing yours to theirs >_<

*apologizes for sounding like a dick*

Tatianasaphira · Post by **Tatianasaphira** » Sun Sep 23, 2007 7:01 pm

apology accepted

Now, I haven't coded the rest of the site, fortunately it is just a snippit of code that I have to do, but here is the main page with the new layout:

http://www.blessthefaerie.com/

[SD]Kratos · Post by **[SD]Kratos** » Sun Sep 23, 2007 7:07 pm

Tatianasaphira wrote:apology accepted

Now, I haven't coded the rest of the site, fortunately it is just a snippit of code that I have to do, but here is the main page with the new layout:

http://www.blessthefaerie.com/

nice

Though when i scroll down, the link on the left also scroll down

why?

cin · Post by **cin** » Sun Sep 23, 2007 7:08 pm

next time, please post a screenshot of the site with txt n links in it, even if you
just put em in like "Txt txt txt txt txt blablablablabla" n "<link here>" or
something.. it looks a lot less.. plain than it did without text. that means, it
looks a lot better with text, pics n links in it.

to show you what i mean with sites my friends make, here is one of the
sites my classmate made

. so yea, imo, thats a "cool" website that i like
to look at ^^

http://peterbraakhuis.wyger.nl/

so yea, next time try put in txt, maybe some sample pics n sample links into
your site layout, for its a part of the layout n was missing atm. hard for me/us
to see what the eventual site will look like

Tatianasaphira · Post by **Tatianasaphira** » Sun Sep 23, 2007 7:46 pm

[SD]Kratos wrote:
Tatianasaphira wrote:apology accepted

Now, I haven't coded the rest of the site, fortunately it is just a snippit of code that I have to do, but here is the main page with the new layout:

http://www.blessthefaerie.com/

nice

Though when i scroll down, the link on the left also scroll down why?

That I have never been able to figure out. That is going on two years!

People have looked at the code, and could not figure out why it does that.

If anyone knows, PLEASE let me know.

And his site Cin, is very streamlined. If I knew flash, I would do something similar to that for my opening page, that way I could separate the site into Diablo work, Ragnarok work, and SilkRoad work, but I could never figure out how.

Post by **dom** » Sun Sep 23, 2007 7:48 pm

I don't like the feeling/look/colors/style.

In general, it just seems really amateur. And with the way it's set up, it looks like you will be using IFrames, which were outdated 7 years ago.

edit: I just looked at the coded version, the way it was done makes it seem even more amateur.

That I have never been able to figure out. That is going on two years!

It's because you've set your "site" to a background image. To illustrate what I'm trying to say, just remove the image you use in the back, and you'll notice the whole thing scrolls down like it normally would. Or, try lowering your resolution so you can see what it would look like for someone who has to scroll a lot.

The fix, you need to use tables or divs to lock everything into position, then include your iframe into the cell containing your content with width="100%" height="100".

Or, if you're into using the duct tape to hideously cover up your mistakes, add the NOSCROLLING attribute, but than people who have their resolution set to smaller sizes will not be able to see it.

Tatianasaphira · Post by **Tatianasaphira** » Sun Sep 23, 2007 7:59 pm

Okay so this is the code that I am using:

<style type="text/css">
body {
font: 13px bradley hand itc;
color: #6495ED;
background-attachment: fixed;
background-position: top ;
background-repeat: no-repeat;
background-color: #ffffff;
background-image: url(http://img.photobucket.com/albums/v77/T ... yout2a.jpg);
margin: 0px
}

and this was done by a friend of mine for me, as before it was snippits of just about everything. I realize that I did not go to school for this, and I was self-taught everything, but I am TRYING

I dislike much of the websites I see, as I like soft, pleasing colours, not stupid eyepopping filtered nonsence, that can't be seen on a monitor from hell (yes i just described my monitor at work) Hence why instead of the entire thing black toned, which I know is more 'popular' I try to do stuff that can be seen on all monitors

And as said, I don't use a program that does all the thinking for me, I hand code this, and I have done this for the last 6 years.

Post by **dom** » Sun Sep 23, 2007 8:33 pm

Tatianasaphira wrote:I realize that I did not go to school for this, and I was self-taught everything, but I am TRYING

I hand code this, and I have done this for the last 6 years.

I never took classes for that either, i've had people who have taken them ask for help with their layouts though; and, I've been using notepad to code in xhtml/css/php for the past 6 years and 4 months.

Rizla · Post by **Rizla** » Sun Sep 23, 2007 10:08 pm

I prefer external style sheets for websites, much cleaner, more organized and easier for another person to come in and edit if the need arises.

Also, the example you posted isn't monotone.

And, I understand your comment regarding un-originality in web design, BUT the cookie cutter sites you are referring to aren't just thrown up there because somebody thought it would be easy or clean, professional, etc. They are arranged in that fashion because exhaustive studies have been performed regarding usability and focal direction, and certain 'templates' consistently prove to be more successful than most 'experimental' or 'personalized' sites.

Web design (in a professional sense) does not = complete artistic freedom, I suggest photoshop or a canvas for that.

dom wrote:I've been using notepad to code in xhtml/css/php for the past 6 years and 4 months.

Try Crimson Editor.

Post by **dom** » Sun Sep 23, 2007 10:40 pm

Rizla wrote:Try Crimson Editor.

I code slower with editors

Tatianasaphira · Post by **Tatianasaphira** » Sun Sep 23, 2007 10:47 pm

Well, I could just scrap all I got and buy dreamweaver and let it do the job. However I have over 50 html pages (5 books with their coding, and I am NOT looking forward to finishing the coding for LoaD3, 2 was enough) so it would take me a tremendous amount of work.

I got about 1/3 of them done, with my first fanfic finished its coding, as well as my brushes, and my guides page.

Post by **dom** » Sun Sep 23, 2007 10:51 pm

Tatianasaphira wrote:Well, I could just scrap all I got and buy dreamweaver and let it do the job. However I have over 50 html pages (5 books with their coding, and I am NOT looking forward to finishing the coding for LoaD3, 2 was enough) so it would take me a tremendous amount of work.

I got about 1/3 of them done, with my first fanfic finished its coding, as well as my brushes, and my guides page.

You shouldn't have 50 pages. You're coding it the wrong way. And dreamweaver doesn't do the job for you, it lets you not remember all the coding functions and attributes, and be able to click a button for a table, instead of typing <table>. Also, judging by the coding work you showed, you might want to pick it up. You don't have the fundamentals down, you're taking the wrong routes in coding, it's leading to a lot of weird stuff: eg background is the site, and iframes.

Try w3schools, they have a lot of resources. Coding standards change every couple months, due to new browsers, windows versions, etc. You really need to always keep up with the new standards.