Kavin's Homepage

Hiya guys,

My HomePage

I am building(testing) my homepage with wordpress and static plugin.

I have thought to bring it up as a good informational site. :)

I will have my works and some docs there.

if you think my domain is a cool selection,

then read a funny story here .

Now needed: Comments ;)

#296044

Error establishing a database connection.

#296073

works fine.. :) Please check .

#296105

The search button looks kinda weird outside the borders of the site. Other than that, it's a good start.

-NC

#296124

Nice design.. Maybe a bit too much white space?

#296145

thankx guys ;)

My colors are Orange , yellow and white ;)

Cause the site is not yet finished, You see more white space. :lol:

I am relatively new to css ..

#296153

Well its pretty nice, here are some suggestions...

1. There is a lot of wasted space between the content column and the sidebar ( dont make the content larger - its the perfect size now, too many words per line are a definite usability problem)

2. I just saw it in Win:FFox and it gives me useless horizontal scrolling to put the search bit - that really needs to go somewhere else (sidebar)

3. I dont think this will look good on a res that is lower than 1024 x 768 but you might have planned that... Dont underestimate the 800x600 res, still around 40% of inet users browse in it...

4. What is up with the menubar? i mean, the text in each menu item has a different indentation; some captions are centered, some are right aligned, some are not... (you ought to fix this to a consistent layout)

5. Some pages (ie contact) send the sidebar to the bottom (im guessing this is a problem of too much width given to the content area...)

EDIT: Sorry, found one more suggestion.

6. The fonts are rather inconsistent (specially in the contact section); It would be expected you used the same font for the form labels as you did for the content...

#296154

1)Thanks seph,

I just saw that the search box

The search box looks good in IE , WIn/Lin Opera, Lin konquerer..

But it runs outside the border in FF........ :confused:

I have searched a lot and cannot find a solution... Does nebody know??? :)

i am a total fresher to css, i made this design to verify that i can do.

Maybe it will be nice if somebody helps me :(

Also theme will be changing to Brushed metal one .( below image. )

(the layout and slices are ready,But not me :lol: )

i have to fix the window buttons...hmm...

need some comments abt this baby too...:D

brushedexample6us.png

#296160

Well, sorry but the code is a mess...

The search is placed in an Unordered list which contains a div followed by a list item that is not there and then followed by other list items with unordered lists in them - really confusing some list items have an id, some dont... Id help you but it would be easier for me to write this from scratch than to understand what means what in your code, unfortunately...

This new mockup looks cool - do use real mac os x widgets, specially ones that are not cut off at the top :P...

My advice - if you are going to start this new mockup from scratch - do so rightly...

Start writing the page layout without any style, make sure you are using

and so on in a semantic way and THEN, when your layout makes sense - style it, part by part; the whole idea of CSS is separating content from design ;) practice that...

#296161

THanx for that SEPH! :D

I used kubrick theme as the base of this theme. :) and

I will RE do this temporary theme again from scratch.

Also i donot have MacOSX .. all i have are 4 screenies :lol: But they arent of much detail.

Also I saw many screeenies on desktop section but i wasnt sure that they are default or themed.. :(

So where can i find some good screenies without any modifications . :/

otherwise some real OSX grafix??

#296164

Try these resources from Duckie...

http://www.therealduckie.net/gallery/thumbnails.php?album=5

http://www.therealduckie.net/gallery/thumbnails.php?album=4

Maybe not the latest, but tiger hasnt changed that much from panther (the brushed and widgets havent at all)

#296165

thanks a lot seph! :D

Thanks for that really FAST reply!

Now i am redoing everythng including the layout.

Actually , my layout was fine before( the search box didnt misbehave.. )

But i checked the validity of css and XHTML and made it valid.

I think during that process , i screwed up a lot. hmm... arent validity and browser compatibily

somewhat synonymous??? :)

#296166

Nope - not at all :P

Actually, in the majority of cases, if you want a FULL browser compatibility and some edgy css your site wont validate (i am reworking my site's css slowly as all the hacks for IE break its validity) - www.seph.ws

If the site doesnt load well in Firefox, chances are it wont load well in Safari and maybe even camino - it is a matter of test and trial, really...

I would recommend trying your own layout, dont base yourself from any other layouts - look at the code of it, understand it, and apply it in your own... It is very rewarding ;)

#296168

oh... :o

Ok i will make my theme from scratch ;)

Also is there anyway to integrate the wordpress to look like a normal,static site??

(without using any plugins?) like you have in seph.ws. ? :)

Also i was able to write easily css for my html template.

But is it same when starting from scratch for a blog??

Also what are the fixes for IE should i take care of :confused: ??

THnx ;)

#296171

Question1:

Of course, not sure about worpress, havent used it much; My site is using MovableType which generates rebuildable static pages (which can in turn be PHP pages themselves...) what i have done both in this site as in www.stephangeyer.com is basically creating the layout with the blog in mind (where will the articles go, where the recent articles, where will the date go, how will it go, et cetera) and then modify it to include the tags from the blog software (in mt, adding the entries is as simple as and you can style how everything looks from your css as you know exactly what is going to be outputted, what div will it be in, et cetera)

Question2:

it is the same as writing a css for a static html - yes; you just need to make the blog fit around the css, not the other way around ;)

Question3:

Well, when you ~have a layout~ you can see what needs to be fixed. You might not even need to fix anything (yeah, right :P). My recomendation is, make it work in FF first ~then~ fix it for IE...

It took me 2 hours to code the css/html for the site i just mentioned; 2 days to fix it for IE. So buckle up :P

#296176

Thanx i will try hard ;)

I just finished the Basic css .. :D

Also is movable type is better than WP? and is it worth the money?

Sorry if i am too annoying:lol:

#296180

No, youre not annoying; If i can answer i will answer this is the strenght of the internet and a community ;)

Well, movabletype and wp are different... (I am using a personal version of MT, free)

The main differences they have (from my limited WP experience - please jump in anytime to correct me- )

1. MT outputs (in general) static files that need to be rebuilded to be updated; WP outputs dynamic pages (PHP)

2. The links generated in MT (due to their static nature) are more "search engine friendly" (although depending on how you setup WP you can achieve the same ;) )

3. MT gives you the flexibility to output anything you want, html, htm, php, js, asp - et cetera

4. Subjectively, i find MT easier to edit / more organized in the admin side...

#296186

hello Seph :D,

I thought the personal version is limited.

It seems that WP with plugins, can output static pages with semi-static or Ez-static plugin :)

Usually i dunno about the default nature of WP in terms of search engine.. But it needs to be edited to add

some tags and then submitted to Technorati to be indexed as a WP page( like MTs commercial version)

And the feautre that MT lets u have any output is gr8!. :D

anyway i am gonna to get it locally installed and analysed..

#296214

I'm told that WP is a bit easier to set up. Once you get MT going though, it's super customizable.

-NC

#296252

Yep.. wp can be easily installed with two clicks from fantastico. also it is just easy in manual install too..

I havent installed Movable type yet..Thanx NC! ;)

BTW i have started my new theme from scratch.. i am not finished it for wp...

But HERE is the basic template.. (WITHOUT any images , with borders to show the boxes)

So seph please verify that. :D because i have to verify that it is a good start. :)

#296294

Looking good :) - Aside the commented menu, which im sure is some testing being carried out, all is nicely and semantically put ;)

Good job so far

#296301

Kavin: I would recommend checking out this topic at MacThemes if you're still deciding on a blog system.

#296321

Thanks Seph..:D

No testing ... both are working...

First (commented) menu changes its behaviour with DOCTYPE(only in firefox)

. and i fixed that..

(firefox always doesnt like my code :lolol:

Anyway i got back into

[*]s.. :D

thanks derelikt for valuable info :D

#296325