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:  

Hello i'm just need some aid from you rAthena's guys to help me in my HTML + CSS learning
since i'm still a newbie tongue.png

Well this is my err i forgot how many times making a simple html + css site

And yes i'm going to upload it if you guys want it. It's coded already yet still messy I think, since I
don't know a thing yet about php or cms to make it more user friendly to be edited.
Anyway I need rating and critic. Thanks rAthena biggrin.png

Preview:
FreeTemplate1
FreeTemplate2
FreeTemplate3
FreeTemplate4
FreeTemplate5

Download:
Mediafire

edited: sry guys hasn't been here for month, my hosting was dead so I uploaded it to mediafire, enjoy.

Edited by 2essy2killu
  • Upvote 4
Link to comment
Share on other sites


  • Group:  Members
  • Topic Count:  50
  • Topics Per Day:  0.01
  • Content Count:  308
  • Reputation:   3
  • Joined:  12/18/11
  • Last Seen:  

can i ask something?

what did you do to make a new control panel design?

files needed to be changed so that i can make my own cp design?

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:  

can i ask something?

what did you do to make a new control panel design?

files needed to be changed so that i can make my own cp design?

Uhh i never make new design from 0 before. Just edited the default theme. To do that i suggest

you learn about at least html and css. With PHP then you're free to edit your CP as you like.

Link to comment
Share on other sites


  • Group:  Members
  • Topic Count:  50
  • Topics Per Day:  0.01
  • Content Count:  308
  • Reputation:   3
  • Joined:  12/18/11
  • Last Seen:  

thanks for reply, i have so many html and css files here. i just want to know where in the fluxcp files needed to be edit to changed fluxcp/ceres cp themes.

Link to comment
Share on other sites


  • Group:  Members
  • Topic Count:  29
  • Topics Per Day:  0.01
  • Content Count:  375
  • Reputation:   88
  • Joined:  12/30/11
  • Last Seen:  

nice template mate!

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:  

thanks for reply, i have so many html and css files here. i just want to know where in the fluxcp files needed to be edit to changed fluxcp/ceres cp themes.

You need to edit both, it's hard to explain when you don't know a thing about html and css. Once you

know a little about it you gonna know what to do.

Cheers,

nice template mate!

Thanks /ok

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:  

From knowing no knowledge of either graphics or web coding. I am going to rate you as a student learning from nothing.

As your first design this is your rate.

Template Design: 3/10

Appeal: 2/10 ( Simple design is nice and clean, but page is too dark, not centered and not interesting. )

Technique: 1/10 ( Same pattern was used all throughout page, always good to use different techniques to keep page interesting )

Flow: 0/10

Uniqueness: 0/10 ( Come up with your own style of work and use it in all your works. )

Coding Rate: 3/10

Use of code: 5/10 ( Clean, readable but could be better. So happy you used divs instead of tables. That right there is a great start already )

Uniqueness: 0/10 ( Again, come up with your own style of work graphically and add it into your work. There is a style of code as well /ok )

Flow: 0/10 ( Flow in the code is different from the design. Flow in code is understanding where a div starts and ends without following the lines. ) Example:

<div id="div01">
<TAB><div id="div02">
<TAB></div>
</div>

Without following the line, you already know where the divs end. Good for editing purposes if your going to release templates and such.

Overall

For your first design ever. I will give you a C+ for these reasons

1) Page is not centered

2) The same pattern is used too much

3) Could have spent more time to make it better in some ways, More time was spent on code then on design.

If you really want to learn, I can teach you and give you templates to work with. They are not RO templates, they are designs I made at work for professional businesses and etc. But you can still use for learning.

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:  

Hi Mirage,

thanks for your feedback..

1) Page is not centered

2) The same pattern is used too much

3) Could have spent more time to make it better in some ways, More time was spent on code then on design.

1) I tried it at center yet I think it isn't good, it's better to be aligned to left like photography :P

2) Yeah, once again I tried wallpaper and i don't feel that I like it, then I tried dark stripped wallpaper and it

feels better. I'll try other wallpaper later then thanks :D

3) That's my probs now, I don't have any good ideas / concept. /ok

If you really want to learn, I can teach you and give you templates to work with. They are not RO templates, they are designs I made at work for professional businesses and etc. But you can still use for learning.

Wow can PM me your msn / YM ? It'll be helpful for me :D

I'll not bug too much :)

P.S : I'm not good at drawing or spriting. ;)

Any more suggestion ?

Download link : http://upload.2essy....y/template1.zip

Edited by 2essy2killu
Link to comment
Share on other sites


  • Group:  Members
  • Topic Count:  27
  • Topics Per Day:  0.01
  • Content Count:  221
  • Reputation:   12
  • Joined:  12/18/11
  • Last Seen:  

Wondering where you get those really nice RO stuff...like the RO Anime. I'm trying to look for a GOOD Ro imagery web templates...like a gfx pack but for ro. If anyone here has one, i would be more than glad :D

Oh, and i LOOVE your website :D mostly because it's coded :D

Edited by Keim
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:  

Wondering where you get those really nice RO stuff...like the RO Anime. I'm trying to look for a GOOD Ro imagery web templates...like a gfx pack but for ro. If anyone here has one, i would be more than glad :o

Oh, and i LOOVE your website :D mostly because it's coded :D

Hi Keim thanks for your feedback. I found those pics on google anyway.

http://animepaper.com/ <- Seems good to me. :D

Link to comment
Share on other sites


  • Group:  Members
  • Topic Count:  27
  • Topics Per Day:  0.01
  • Content Count:  221
  • Reputation:   12
  • Joined:  12/18/11
  • Last Seen:  

.net not .com xD Thank you

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:  

.net not .com xD Thank you

Oh yea my bad :D

Link to comment
Share on other sites


  • Group:  Members
  • Topic Count:  10
  • Topics Per Day:  0.00
  • Content Count:  16
  • Reputation:   0
  • Joined:  02/17/12
  • Last Seen:  

nice layout

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:  

nice layout

thanks, feedback also appreciated :)

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:  

New Free Template : http://2essy.net/freetemplate2/

Feedback will be appreciated :)

Oh yeah it's PHP-Coded already for the server-status, you'll only

need to configure your server IP and ports.

Edited by 2essy2killu
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:  

bump for feedback :)

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:  

bump ! :D

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:  

New Free Template ( no DL link yet , waiting for feedbacks )

http://2essy.net/freetemplate3/

bump for more feedbacks ( added download link for the 3rd design ) and preview for the 4th design

Edited by 2essy2killu
Link to comment
Share on other sites


  • Group:  Members
  • Topic Count:  3
  • Topics Per Day:  0.00
  • Content Count:  15
  • Reputation:   0
  • Joined:  02/01/12
  • Last Seen:  

The Template 4 is great clean design, but you have to work in for more details, but i like!

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:  

The Template 4 is great clean design, but you have to work in for more details, but i like!

Hi thanks for the feedbacks and yeah the 4th is still on work :)

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:  

bump for more feedback

Link to comment
Share on other sites


  • Group:  Members
  • Topic Count:  20
  • Topics Per Day:  0.00
  • Content Count:  82
  • Reputation:   18
  • Joined:  01/02/12
  • Last Seen:  

Nice templete sir

How to download templete number 4

Edited by Rosemount
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:  

Simple, but it can still use work. Its a bit choppy on the logo, I dont like the font. It could also be more lively.

Here is a reference of a simple design.

It's simple but alive.

http://metagamingnetwork.com

Edited by Mirage
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:  

Nice templete sir

How to download templete number 4

Hi template 4 will be available as soon as I change that

ugly header to slide show :D

finished : http://upload.2essy.net/upload/FiwApfsDok/template4.zip

Simple, but it can still use work. Its a bit choppy on the logo, I dont like the font. It could also be more lively.

Here is a reference of a simple design.

It's simple but alive.

http://metagamingnetwork.com

yeah pretty nice.. Too bad i haven't learned about php yet.. :)

Edited by 2essy2killu
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:  

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

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...