Simple Website

UtilityNerd

Member
Joined
Aug 31, 2012
Posts
36
Reacts
0
Reputation
0
Credits
0
Hi i thought id post my site, its nothing too special i coded it in only html and a little css but i plan on improving it with more graphics but you can take a look and let me know what you think. the new stuff im adding soon you can see in this picture http://i50.tinypic.com/29c2wdu.png im mostly a coder as you can see from the website i didnt really want a drag and drop website so i figured simple is good enough

Website: http://www.utilitynerd.com
 
Y u no post link dude?? You seem like a good coder
 

Its good, but i think you should use jquery for when you click onto a different tab, just to smooth the site out a bit
 
Socialite said:
Its good, but i think you should use jquery for when you click onto a different tab, just to smooth the site out a bit
Click to expand...

Ive been looking at jquery but im not sure what functions i could use to smooth it out, can you give me an example of one?

Also im changing those tabs to buttons soon to give my website more graphics so i probably wont even need to smooth it out unless i can do it for buttons also
 


Personally, i dont know a lot about it, apart from the fact it makes it better :/ check my threads, go to my site and see what i mean, my site is packed with jquery
 
I see how smooth your site transitions from different tabs but i dont really know what i can do to mine, ill try to take a look at the functions in jquery see if i can figure out any that can help
 
If it has an active marketplace I might check it out.
 
Very nice, could use some updates. Maybe nicer CSS buttons in the navbar?

Try:
Code: 
<style type="text/css">
.nav-button {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
	background-color:#79bbff;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:7px 18px;
	text-decoration:none;
	text-shadow:1px 1px 0px #528ecc;
}.nav-button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
	background-color:#378de5;
}.nav-button:active {
	position:relative;
	top:1px;
}
</style>
 
Thanks for the feedback and the fb like kyle, ill take a look into updating the buttons/making them look nicer. i would probably make them on photoshop due to the css validator not liking stuff like DXImageTransform
 
I sent in a Email, I am interested in becoming a developer here.
 
The design looks very nice. Better than it was.
 
You must log in or register to reply here.
Menu
Log in
Register
Cookies are required to use this site. You must accept them to continue using the site. Learn more…