Welcome Guest ( Log In | Register )



 
Reply to this topicStart new topic
> Complete Css Layouts... What Do You Think?, A beginners' work.....
abhiram
post Aug 16 2005, 04:25 PM
Post #1


Hedonist at large
Group Icon

Group: Members
Posts: 610
Joined: 30-July 05
From: another realm
Member No.: 7,524



Hi,

I've been trying to make some templates using just CSS and nothing but. It's a bit difficult to do it without using any tables but I think I'm getting the hang of it. I need some opinion about the following templates. btw, please don't forget that I'm still a beginner biggrin.gif and ignore the fact that I haven't used even a single image anywhere.

1. http://www.abhiram.astahost.com

This is the first of the CSS layouts that actually started to look decent. Made it last month.

2. http://www.abhiram.astahost.com/newlayout2

The popup text for the menu has been copied from some site on the web... I don't recall. But it was titled 'Pure CSS menus' or something.

3. http://www.abhiram.astahost.com/newlayout1

I tried to repeat the same thing with a horizontal menu with disastrous results. So, I had to make the menu buttons big enough to encompass the popup text.

4. http://www.abhiram.astahost.com/newlayout3

After a lot of googling, I finally found out how to get what I wanted. This is the final form of layout1.

Any criticism will be appreciated.
Go to the top of the page
 
+Quote Post
darkranger
post Aug 16 2005, 04:34 PM
Post #2


Member [ Level 2 ]
Group Icon

Group: Members
Posts: 71
Joined: 12-August 05
Member No.: 7,813



Wow that's pretty impressive on just using pure CSS, that shows the potential of it. I liked the one you have currently on number #1, but you said you are gonna change it to the final layout in number #4 which is pretty good too. I personally like #1 cause its original and you made it, while #4 it feels more blog-like style. Choose whichever you want, both are just fine. Talking about CSS how long have you been learning it, cause I have read a little about it and i'm interested in it. Can you tell me if its easy to learn or anything else you want to comment about it?. Thanks! and congratulations on your layouts.
Go to the top of the page
 
+Quote Post
abhiram
post Aug 16 2005, 05:04 PM
Post #3


Hedonist at large
Group Icon

Group: Members
Posts: 610
Joined: 30-July 05
From: another realm
Member No.: 7,524



Hi darkranger,

I've been learning CSS for a couple of months now. It's not difficult at all. It's quite easy to learn as there are plenty of resources on the net. It still has some compatibility issues with IE and some browsers, but there are ways to circum navigate those issues using javascript. The best thing about CSS is that it can fit in any resolution. Try resizing the window for any of the layouts and they rearrange accordingly.

The reason I started making different templates is becoz my friends tell me that #1 is too dull wink.gif.

Thanks for your opinion. All of the templates are my original (not just #1) biggrin.gif but some ideas have been borrowed from various sites on the net for all the templates.
Go to the top of the page
 
+Quote Post
moonwitch
post Aug 17 2005, 06:19 AM
Post #4


Demonic Enforcer
Group Icon

Group: [HOSTED]
Posts: 597
Joined: 2-March 05
From: Belgium
Member No.: 2,861



2. http://www.abhiram.astahost.com/newlayout2

The popup text for the menu has been copied from some site on the web... I don't recall. But it was titled 'Pure CSS menus' or something.

Uhm.. THat's Eric Meyers design, I suggest you give him credits if you use that Pure menu LOL He's THE guru for CSS... Most who like CSS know that guy.
Go to the top of the page
 
+Quote Post
abhiram
post Aug 17 2005, 06:22 AM
Post #5


Hedonist at large
Group Icon

Group: Members
Posts: 610
Joined: 30-July 05
From: another realm
Member No.: 7,524



QUOTE
Uhm.. THat's Eric Meyers design, I suggest you give him credits if you use that Pure menu LOL He's THE guru for CSS... Most who like CSS know that guy.


Really? I didn't know that. I was kind of googling and I came across the template. I'll post a link back to his page on the site. Thanks for pointing it out moon smile.gif.
Go to the top of the page
 
+Quote Post
stream-1
post Sep 24 2005, 10:11 PM
Post #6


Newbie [ Level 1 ]
Group Icon

Group: Members
Posts: 4
Joined: 24-September 05
Member No.: 8,690



Great Job!

All you have to do is make it a little more professional.

CSS is a wonderful thing, you just have to know what your doing.

Email me at darogersii@gmail.com with new releases.

Have a great day! smile.gif
Go to the top of the page
 
+Quote Post
HTML_Guru
post Sep 24 2005, 11:57 PM
Post #7


Advanced Member
Group Icon

Group: Members
Posts: 134
Joined: 5-September 05
From: Palm Harbor, FL -- Columbus, OH
Member No.: 8,335



Yeah; I agree - the 1st posted is the best. It flows more, the size is adequate, and even without images, the layout is very nice.

I've been trying a bit of CSS, but I find it to be very difficult. I just stick to HTML and XHTML, which I happen to be rather proficient at.

Nonetheless, keep up the good work!
Go to the top of the page
 
+Quote Post
clagnol
post Sep 25 2005, 12:14 AM
Post #8


Advanced Member
Group Icon

Group: Members
Posts: 102
Joined: 21-August 05
Member No.: 8,003



The green links in the first template clash with the rest of the colors, and I think the body text could use more padding/margin.

The second template could also more padding/margin, and the red background color of "Eric Meyers" does not jive well with the rest of the page. I also do not care for the little white strips to the left of each link.

Overall, I would say that these are good-looking templates, and the latter two are good applications of the a:hover pseudo-class. I think you'll find that adding more space between the text and the sides of the div provide a cleaner look.

Go to the top of the page
 
+Quote Post
abhiram
post Sep 25 2005, 09:18 AM
Post #9


Hedonist at large
Group Icon

Group: Members
Posts: 610
Joined: 30-July 05
From: another realm
Member No.: 7,524



QUOTE
Yeah; I agree - the 1st posted is the best. It flows more, the size is adequate, and even without images, the layout is very nice.

I've been trying a bit of CSS, but I find it to be very difficult. I just stick to HTML and XHTML, which I happen to be rather proficient at.

Nonetheless, keep up the good work!


Thanks a lot. The first one is the first layout I made in CSS that actually started to look a little neat. CSS isn't difficult to learn but being able to use it efficiently sure is wink.gif.

QUOTE
The green links in the first template clash with the rest of the colors, and I think the body text could use more padding/margin.

The second template could also more padding/margin, and the red background color of "Eric Meyers" does not jive well with the rest of the page. I also do not care for the little white strips to the left of each link.

Overall, I would say that these are good-looking templates, and the latter two are good applications of the a:hover pseudo-class. I think you'll find that adding more space between the text and the sides of the div provide a cleaner look.


Thanks for the feedback. Yea, the green doesn't really look that good... but it looked ok at the time. The 'Eric Meyers' was done in a bit of a hurry and just to draw attention to the fact that it was done by Eric Meyers wink.gif.

I think you're right about the spacing of the text. But right now, I'm kinda working on another layout. It's almost done, with some bugs in the php code right now. As soon as I get some time, I'm gonna replace the first template with this one.

Thanks guys for taking out your time smile.gif.
Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic

Collapse

> Similar Topics

Topics Topics
  1. God's Role In Natural Disasters(55)
  2. Actionscript2.0 Tutorial For Beginners?(7)
  3. Photoshop Tutorial: Forum Signatures(12)
  4. Php : Variables Included Dont Work In Functions(4)
  5. A Complete Java Tutorial(4)
  6. How To Connect MySQL With Flash?(8)
  7. Help, I Can't Make A Server For Teamspeak, Cs, Etc(8)
  8. I In Runescape Any Worldchangers That Work On Mozilla?(4)
  9. Selling Website Templates/layouts(10)
  10. Problems With Php Saving Data Into Mysql(6)
  11. Tips For Modifying Wordpress Code(1)
  12. Basics Of Php For Beginners - Suggestion(5)
  13. Vegetables Will Eat You 3d Salad Digital Work Of Art(3)
  14. Theme Hospital Cheats Don't Work(9)
  15. Comment For My Work(9)
  1. Layouts(4)
  2. Gimp: Working With Text(5)
  3. I6networks....does Not Work!(3)
  4. Ftp Does Not Work(12)
  5. Home Work?(6)
  6. Vista: Work In Progress?(3)
  7. Phpmyadmin Doesn't Work On Gamma Server(4)
  8. Coding Layouts(4)
  9. Need Help Making My Ftp Work(14)
  10. Linux For Beginners- Easy To Install(10)
  11. Linux Beginners - Tutorial On Editors In Linux.(3)
  12. Choice Of Motherboard For Linux Virtualization(4)
  13. Cpu Upgrade But It Doesn't Work(11)


 



- Lo-Fi Version Time is now: 8th September 2008 - 11:20 AM