Jump to content

[Webdesign] HTML + CSS ( newbie )


whitesn

Recommended Posts


  • Group:  Members
  • Topic Count:  13
  • Topics Per Day:  0.00
  • Content Count:  193
  • Reputation:   14
  • Joined:  12/02/11
  • Last Seen:  

I like your template 4 and I hope you add more button in your template 4 likes Forum Rules and Donation. hehe 9/10! :)

Oh yeah maybe in other template -_-

That's already finished and I'm reluctant to edit it more ( adding another

menus on the sidebar ). Thanks anyway for the feedback :D

Link to comment
Share on other sites


  • Group:  Members
  • Topic Count:  8
  • Topics Per Day:  0.00
  • Content Count:  206
  • Reputation:   16
  • Joined:  01/03/12
  • Last Seen:  

Honestly, this is really good work for being a beginner. The colors on your first design work very well with each other, it could use a tiny bit of improving on the palette of it, it could possibly use some centering but that is simply a preference not a design flaw. On your 2nd design it seems like it needs more dynamics to it's design (maybe some more colors or something); the footer should also extend the whole page. On your 3rd one it could use a different color combination and probably some rounded corners. Great job on the 4th one!

A best practice for PHP: you should always use curly brackets with if statements.

For instance, you had this:

if (! $sock = @fsockopen($ip, $mapport, $num, $error, 5))
echo '<font color="red"><strike>Map Server</strike></font> <b';

When it should be this:

if (! $sock = @fsockopen($ip, $mapport, $num, $error, 5)) {
[TAB]echo '<font color="red"><strike>Map Server</strike></font> <b';
}

Edited by Shinon Yoshida
Link to comment
Share on other sites


  • Group:  Members
  • Topic Count:  29
  • Topics Per Day:  0.01
  • Content Count:  566
  • Reputation:   34
  • Joined:  11/17/11
  • Last Seen:  

Brilliant for the Temple #4. It gives more ROish design.

9.5/10

though .5 needs more body backgrounds.. you should decrease the height of the background you've been using since I only see clouds and not the floor xD.

9.5 for the content making it easy to edit in .TXT only.

but anyway, we can put more images since it's FREE and all credits to you Mr. 2essy2killu

Edited by Jezu
Link to comment
Share on other sites


  • Group:  Members
  • Topic Count:  13
  • Topics Per Day:  0.00
  • Content Count:  193
  • Reputation:   14
  • Joined:  12/02/11
  • Last Seen:  

Honestly, this is really good work for being a beginner. The colors on your first design work very well with each other, it could use a tiny bit of improving on the palette of it, it could possibly use some centering but that is simply a preference not a design flaw. On your 2nd design it seems like it needs more dynamics to it's design (maybe some more colors or something); the footer should also extend the whole page. On your 3rd one it could use a different color combination and probably some rounded corners. Great job on the 4th one!

A best practice for PHP: you should always use curly brackets with if statements.

For instance, you had this:

if (! $sock = @fsockopen($ip, $mapport, $num, $error, 5))
echo '<font color="red"><strike>Map Server</strike></font> <b';

When it should be this:

if (! $sock = @fsockopen($ip, $mapport, $num, $error, 5)) {
[TAB]echo '<font color="red"><strike>Map Server</strike></font> <b';
}

Hahaha thanks for the feedback honestly I think the footer colors of the first design seems sucks xD

For the second design yah I'm not really satisfied with my own work, but I don't know what to do with

it anymore after I finished it :PP

The 3rd one is Mosaic so it doesn't have any curve ( see the windows 8 preview ) yeah I like this theme

without curve one seems more neat xD

The 4th one is just simple. I got the concept from roBrowser design and not think it from scratch so

yeah most credit for them :)

Oh yeah for the PHP code thanks for the advice. I was copying it actually ( I got somewhere in eAthena in

the support forum xD )

Brilliant for the Temple #4. It gives more ROish design.

9.5/10

though .5 needs more body backgrounds.. you should decrease the height of the background you've been using since I only see clouds and not the floor xD.

9.5 for the content making it easy to edit in .TXT only.

but anyway, we can put more images since it's FREE and all credits to you Mr. 2essy2killu

Yeah sure I hope people change the image themselves since I was not really into the image :D

I'll try making it as user-friendly as I can.. Thanks for the feedback :)

Link to comment
Share on other sites


  • Group:  Members
  • Topic Count:  15
  • Topics Per Day:  0.00
  • Content Count:  217
  • Reputation:   18
  • Joined:  11/20/11
  • Last Seen:  

I've looked at the progress of your templates. And you are learning quite well. I like how you are taking the critiques and comments well and using them as positives. Good job, keep up the good work. Can't wait to see your next template.

  • Upvote 1
Link to comment
Share on other sites


  • Group:  Members
  • Topic Count:  13
  • Topics Per Day:  0.00
  • Content Count:  193
  • Reputation:   14
  • Joined:  12/02/11
  • Last Seen:  

I've looked at the progress of your templates. And you are learning quite well. I like how you are taking the critiques and comments well and using them as positives. Good job, keep up the good work. Can't wait to see your next template.

Yeah, you got nothing if you reject the critiques... :)

Planning to integrate php-sql for the next template ( maybe, but still not sure ). PHP

has a lot of syntaxes rather than basic programming like pascal. Need some times to

adapt to it. :)

Link to comment
Share on other sites


  • Group:  Members
  • Topic Count:  15
  • Topics Per Day:  0.00
  • Content Count:  217
  • Reputation:   18
  • Joined:  11/20/11
  • Last Seen:  

Its just flux, you'll get the hang of it easy

Link to comment
Share on other sites


  • Group:  Members
  • Topic Count:  40
  • Topics Per Day:  0.01
  • Content Count:  530
  • Reputation:   33
  • Joined:  01/17/12
  • Last Seen:  

I've noticed on template 4 when you hover your mouse on Home Button sometimes it goes nuts rapid flickering., dunno how to explain it sorry.

Link to comment
Share on other sites


  • Group:  Members
  • Topic Count:  13
  • Topics Per Day:  0.00
  • Content Count:  193
  • Reputation:   14
  • Joined:  12/02/11
  • Last Seen:  

Its just flux, you'll get the hang of it easy

Yeah maybe i'll try making flux theme maybe next time :)

I've noticed on template 4 when you hover your mouse on Home Button sometimes it goes nuts rapid flickering., dunno how to explain it sorry.

Yeah I noticed it too, but I don't get it why it's only flickering on home button.. :)

Link to comment
Share on other sites


  • Group:  Members
  • Topic Count:  8
  • Topics Per Day:  0.00
  • Content Count:  206
  • Reputation:   16
  • Joined:  01/03/12
  • Last Seen:  

I can take a look at why that would be when I get some extra time.

PS: A really great tool that I use is the Firebug Firefox plugin.

Edited by Shinon Yoshida
Link to comment
Share on other sites


  • Group:  Members
  • Topic Count:  13
  • Topics Per Day:  0.00
  • Content Count:  193
  • Reputation:   14
  • Joined:  12/02/11
  • Last Seen:  

I can take a look at why that would be when I get some extra time.

PS: A really great tool that I use is the Firebug Firefox plugin.

Hahaha yeah instead of Firebug in the newest version of firefox you can

inspect element too actually.. Thanks for the info :)

Link to comment
Share on other sites


  • Group:  Members
  • Topic Count:  8
  • Topics Per Day:  0.00
  • Content Count:  206
  • Reputation:   16
  • Joined:  01/03/12
  • Last Seen:  

I can take a look at why that would be when I get some extra time. PS: A really great tool that I use is the Firebug Firefox plugin.
Hahaha yeah instead of Firebug in the newest version of firefox you can inspect element too actually.. Thanks for the info :)

You're right but Firefox doesn't let you edit the code live to test out things in HTML or CSS Firebug does, Firebug also has so many more features in it.

Link to comment
Share on other sites


  • Group:  Members
  • Topic Count:  13
  • Topics Per Day:  0.00
  • Content Count:  193
  • Reputation:   14
  • Joined:  12/02/11
  • Last Seen:  

You're right but Firefox doesn't let you edit the code live to test out things in HTML or CSS Firebug does, Firebug also has so many more features in it.

Yeah I've installed it too lol. Usually I just wanna know the CSS syntaxes so I can use it later :)

Link to comment
Share on other sites


  • Group:  Members
  • Topic Count:  15
  • Topics Per Day:  0.00
  • Content Count:  277
  • Reputation:   76
  • Joined:  11/23/11
  • Last Seen:  

I really like your work, keep it up!

Link to comment
Share on other sites


  • Group:  Members
  • Topic Count:  13
  • Topics Per Day:  0.00
  • Content Count:  193
  • Reputation:   14
  • Joined:  12/02/11
  • Last Seen:  

I really like your work, keep it up!

Hi matrixfox thanks for you comment :(

Please also give some feedbacks about those design so

I can make better next time. /ok

Link to comment
Share on other sites


  • Group:  Members
  • Topic Count:  15
  • Topics Per Day:  0.00
  • Content Count:  277
  • Reputation:   76
  • Joined:  11/23/11
  • Last Seen:  

Honestly seems like you have HTML and CSS down. Try learning more javascript and php. I ingored jQuery for quite some time, made me a noob, lol.

You also seem to have a better art taste than me. That is a really big part of web design, it's art. Also flexibility, you never want your client to feel boxed in.

In the end, try new stuff, act like a mad scientist, test your ability and what's next.

Link to comment
Share on other sites


  • Group:  Members
  • Topic Count:  8
  • Topics Per Day:  0.00
  • Content Count:  206
  • Reputation:   16
  • Joined:  01/03/12
  • Last Seen:  

jQuery is a really awesome JavaScript library, one of the best I've ever worked with. It's very flexible and powerful for presentation to the user. PHP is great for many things from very simple session storing to a complex system such as the forum software rAthena uses (IP Board). Both are easy to learn, for PHP I recommend PHPAcademy on youtube, php.net, and for jQuery: the main website has a really great amount of information, just ggogle it.

Edited by Shinon Yoshida
Link to comment
Share on other sites


  • Group:  Members
  • Topic Count:  13
  • Topics Per Day:  0.00
  • Content Count:  193
  • Reputation:   14
  • Joined:  12/02/11
  • Last Seen:  

Honestly seems like you have HTML and CSS down. Try learning more javascript and php. I ingored jQuery for quite some time, made me a noob, lol.

You also seem to have a better art taste than me. That is a really big part of web design, it's art. Also flexibility, you never want your client to feel boxed in.

In the end, try new stuff, act like a mad scientist, test your ability and what's next.

Yes I'm now on PHP, learned already some basic algorithm ( for , if , while ) and

the arithmathics mechanics, but I still don't get what should I use them for. :(

jQuery is a really awesome JavaScript library, one of the best I've ever worked with. It's very flexible and powerful for presentation to the user. PHP is great for many things from very simple session storing to a complex system such as the forum software rAthena uses (IP Board). Both are easy to learn, for PHP I recommend PHPAcademy on youtube, php.net, and for jQuery: the main website has a really great amount of information, just ggogle it.

For javascript I'vent touched them. I think gonna go w3schools for that js /ok

Link to comment
Share on other sites


  • Group:  Members
  • Topic Count:  8
  • Topics Per Day:  0.00
  • Content Count:  206
  • Reputation:   16
  • Joined:  01/03/12
  • Last Seen:  

w3schools is also a great resource as well.

Link to comment
Share on other sites


  • Group:  Members
  • Topic Count:  13
  • Topics Per Day:  0.00
  • Content Count:  193
  • Reputation:   14
  • Joined:  12/02/11
  • Last Seen:  

w3schools is also a great resource as well.

Yeah I learn html and css there in a short time ( thanks to w3 ), but these php really have

a lot of syntaxes :(

Link to comment
Share on other sites


  • Group:  Members
  • Topic Count:  40
  • Topics Per Day:  0.01
  • Content Count:  530
  • Reputation:   33
  • Joined:  01/17/12
  • Last Seen:  

@2essy2killu if you don't mind can I ask for PSD for buttons? the one used for Home Info & Control Panel?

Link to comment
Share on other sites


  • Group:  Members
  • Topic Count:  9
  • Topics Per Day:  0.00
  • Content Count:  128
  • Reputation:   1
  • Joined:  03/19/12
  • Last Seen:  

keep up the good work! :P

Link to comment
Share on other sites


  • Group:  Members
  • Topic Count:  81
  • Topics Per Day:  0.02
  • Content Count:  242
  • Reputation:   3
  • Joined:  01/01/12
  • Last Seen:  

@2essy2Killu can you pls make this a boy img-header.png

same size ok ty

and paki chane narin yung job to Shadow Chaser ok ty

Link to comment
Share on other sites


  • Group:  Members
  • Topic Count:  13
  • Topics Per Day:  0.00
  • Content Count:  193
  • Reputation:   14
  • Joined:  12/02/11
  • Last Seen:  

keep up the good work! /sob

OK xD

@2essy2killu if you don't mind can I ask for PSD for buttons? the one used for Home Info & Control Panel?

To be honest I deleted once I saved it png lol xD

@2essy2Killu can you pls make this a boy img-header.png

same size ok ty

and paki chane narin yung job to Shadow Chaser ok ty

Whoa I can't draw :P

I got it from google and just put it there :P

Link to comment
Share on other sites


  • Group:  Members
  • Topic Count:  40
  • Topics Per Day:  0.01
  • Content Count:  530
  • Reputation:   33
  • Joined:  01/17/12
  • Last Seen:  

lol it's fine I already made some buttons.

but if it's possible if you can add a server status like on template 3 for template 4 above the banner images.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...