18 replies to this topic

[mahesh2k]

Nameless_, on 24 October 2010 - 08:20 AM, said:

I was expecting a crappy design with your first design template, but it turned out to be pretty good. Wow. :/ Damn. I'm trying to create a design template for myself, but not using WYSIWYG software like dreamweaver, mainly because I don't have Dreamweaver. And I would like to learn out to code. If you have any tips feel free to PM me?

You have really good designs. I think you have improved a fair bit from your first design, since the solid colours then are rather... plain looking and doesn't really fit well. But design wise, I think it's similar. Clean and Easy to use, so I think that's great. KEEP IT UP!

If you don't have dreamweaver then you can always install softwares like NVU. NVU is free software and i guess it runs on Mac as well. Other than that you can always search for WYSIWYG freeware mac program. There are 2-3 such programs if i remember correctly. Not using mac as workstation so can't confirm.

[web_designer]

good job livepcportal,
i really think that with those small changes here and there, your template looks much more better. especially what you did in the footer, the colors look more fit with each other. i will be waiting for more changes and the final look of your template. good luck.

[Nameless_]

mahesh2k, on 24 October 2010 - 10:38 AM, said:

If you don't have dreamweaver then you can always install softwares like NVU. NVU is free software and i guess it runs on Mac as well. Other than that you can always search for WYSIWYG freeware mac program. There are 2-3 such programs if i remember correctly. Not using mac as workstation so can't confirm.

Wow... I might try that out... but I don't know. Shouldn't I do it the hard way to learn some programming first before I dabble in the easier ways of life? :/ Because I was aiming to get something out of it, like last time, instead of making it easy for myself and not learning anything. :/ But anyways, have to do the actual template first. I don't even know what I want on it exactly. Just some vague ideas on the design.

[truefusion]

livepcportal, on 23 October 2010 - 08:49 AM, said:

Thanks truefusion for suggesting color schemes. Now, I have changed colors at the footer by choosing the colors from the schemes suggested by you. You can take a look at it again and tell me if its ok or not in your opinion.....

Click Here to see the latest version of the template after changing colors at the footer

The footer is a lot better now. Now all that needs work is the header and navigation. I noticed the design on digyourpc.com has better fonts than the one you're working on, not only the families but the sizes as well as the colors. But the footer font is better on your rough draft.

Nameless_, on 25 October 2010 - 08:15 AM, said:

Wow... I might try that out... but I don't know. Shouldn't I do it the hard way to learn some programming first before I dabble in the easier ways of life? :/ Because I was aiming to get something out of it, like last time, instead of making it easy for myself and not learning anything. :/ But anyways, have to do the actual template first. I don't even know what I want on it exactly. Just some vague ideas on the design.

You can help avoid some confusion when designing websites if you learn HTML. If you were to ever find something to be "off," knowing HTML and perhaps some CSS will help you to understand how things work and therefore allow you to easily adjust things to your liking. Programming is on a different level than this kind of design. It is not surprising to see programmers create incredibly complex programs while the UI is horrible or lacking (Linux is an example of this). This is why the user interface is often left to others. Unless the web designer specializes on popular CMS scripts, then they don't require to know more than HTML and CSS.

I avoid all WYSIWYG editors because they tend to do more damage than good to my code. Instead i just look for text editors with a lot of syntax features. If you are looking to learn HTML and CSS, i would recommend using a WYSIWYG editor so that you can get a general idea of HTML. The way i first learned HTML was by visiting a random website and working in reverse. If i wanted to know how they accomplished something, i would find the text that is within the desired element and then find that text within the source code and then look at the surrounding HTML. CSS was a bit more difficult to figure out in this way, but i managed.

If you can understand something as simple as BB code, then you'll eventually come to understand HTML.

[livepcportal]

Just a quick update, I have made a lot of changes in the footer and now its totally different, and this is the first time when I would say I am pretty much satisfied with the output....

From my side the footer is 100% finished, although it requires code cleanup but that is not my concern at the moment. So, now waiting for your comments on the footer now regarding its styling and etc..... so give me your valuable suggestions

Click here to check it in live action........

Also, I am working on the header and the navigation in fireworks, trying to create a comp, really not good on graphics software, so its obviously taking time, but here is the link to what I have done so far, feel free to check it and leave comments on it also......and please note that banner is removed from the image...



Waiting for your comments and more importantly your suggestions...... and if anyone wants to help in creating the comp and can make it more better, then please do it for me........I am not graphical person I am a coder.....

Thanks in advance

[mahesh2k]

Nameless_, on 25 October 2010 - 08:15 AM, said:

Wow... I might try that out... but I don't know. Shouldn't I do it the hard way to learn some programming first before I dabble in the easier ways of life? :/ Because I was aiming to get something out of it, like last time, instead of making it easy for myself and not learning anything. :/ But anyways, have to do the actual template first. I don't even know what I want on it exactly. Just some vague ideas on the design.

You can use NVU if it's working on OSX for you. As truefusion said you should rely on text editor. but don't get any text editor. for CSS there is top style editor that works on windows and OSX. for regular file editing you can use notepad++ or ultraedit or Jedit. Jedit and some similar text editors are better if you do a lot of handcoding.

[livepcportal]

I guess I need help now, just updated the template again after making certain changes that are in fact noticeable, so no need to specify them

Firstly, I need help in creating the layout of the page, just below the main horizontal navigation bar, there are 3 boxes, with the boxes at left and right end having fixed width of 200 px and the box at center also having fixed width at the moment, but, i don't want it to fixed, I want it to be fluid filling up entire space in the center which is what making me cry Since, I am not a css expert neither I am a web designer, so if anyone having good command over css and layouts, please help me making it fluid, so that I can get 3 column layout with left and right boxes as fixed and center box as fluid...........
also, all three of the boxes are contained in another div...

Please take a look at the template here.........

Reply asap......and also don't forget to leave your comments, and suggestions or even criticism regarding the template

Thanks in advance

[web_designer]

livepcportal, on 29 October 2010 - 01:35 PM, said:

I guess I need help now, just updated the template again after making certain changes that are in fact noticeable, so no need to specify them

Firstly, I need help in creating the layout of the page, just below the main horizontal navigation bar, there are 3 boxes, with the boxes at left and right end having fixed width of 200 px and the box at center also having fixed width at the moment, but, i don't want it to fixed, I want it to be fluid filling up entire space in the center which is what making me cry Since, I am not a css expert neither I am a web designer, so if anyone having good command over css and layouts, please help me making it fluid, so that I can get 3 column layout with left and right boxes as fixed and center box as fluid...........
also, all three of the boxes are contained in another div...

Please take a look at the template here.........

Reply asap......and also don't forget to leave your comments, and suggestions or even criticism regarding the template

Thanks in advance

check this link

http://www.dynamicdr...id-fluid-fluid/

it contains CSS under the example. and i am sure it will help you a lot.

also try this link

http://www.pmob.co.u...lumns-fluid.htm

in general, i must say that if you want a fluid box or columns, you should set their width using percentage not pixels. pixels make the boxes or columns fixed not fluid. for example, in your layout make the left column (float: left;width: 33%; ) the same for the right column, and the middle column make it (float: left;
width: 34%; ).

i hope those will help and good luck.

Edited by web_designer, 01 November 2010 - 04:12 AM.

[logon68]

i really think that with those small changes here and there, your template looks much more better. especially what you did in the footer, the colors look more fit with each other. i will be waiting for more changes and the final look of your template. good luck.