By theshanergy on

Hey guys, just thought I would get some feedback from the community on my new company site. I'm a Drupal developer in Victoria BC.

The site is Drupal 6.14, pretty stock for now.. I'm using the jcarousel+viewscarousel modules for the front page slider, though it looks kind of silly right now with only the single portfolio item (just starting out under this new name)! Also using a bit of custom jquery for the menu item hover effects and top link.

I plan to keep this site pretty basic functionality wise, but keep your eye on the portfolio because all sites will be done in Drupal!

Deck Fifty Design (www.deckfifty.com)

⋅ Categories: Drupal 6.x

Comments

danreb’s picture

danreb commented

I like your site very much, I am planning to design a site similar to your site, can you share a little info or hints on how you made your contact forms section? Thanks in advanced.

theshanergy’s picture

theshanergy commented

Thanks! The contact form is using the webform module for the actual form fields, with some custom css for appearance.

Here's my css, you're welcome to use it if you'd like:
(keep in mind the rounded corners won't work in IE)

/* Forms */
#primary .node-type-webform label {
	width: 155px;
	float: left;
	clear: left;
}
#primary .node-type-webform select.form-select,
#primary .node-type-webform input.form-text {
	width: 200px;
}
#primary .node-type-webform input.form-text,
#primary .node-type-webform select,
#primary .node-type-webform textarea,
#primary .node-type-webform .resizable-textarea {
  background: #fff url(images/textfield.png) 0 0 repeat-x;
  -moz-border-radius-topleft:5px;
  -webkit-border-top-left-radius:5px;
  -moz-border-radius-bottomright:5px;
  -webkit-border-bottom-right-radius:5px;
}
#primary .node-type-webform .form-checkboxes {
	overflow: hidden;
}
#primary .node-type-webform .form-checkboxes .form-item {
	float: left;
	width: 50%;
	margin: 0;
}
#primary .node-type-webform .form-checkboxes label {
	width: auto;
}

#primary .node-type-webform select.form-select {padding: 2px;}

#primary .node-type-webform input#edit-submit {
  background: transparent none;
  border: 1px solid #ccc;
  -moz-border-radius-topleft:5px;
  -webkit-border-top-left-radius:5px;
  -moz-border-radius-bottomright:5px;
  -webkit-border-bottom-right-radius:5px;
  float: right;
  margin-right: 11px;
}

#primary .node-type-webform .description {
	margin-left: 155px;
	clear: left;
}
socialtalker’s picture

socialtalker commented

i have decided yours is the look i want for my paper poster site.

chrislabeard’s picture

chrislabeard commented

Hiya!

Looks like for some reason IE6 doesn't read the CSS correctly on your primary links - they are not floated left they are listed vertically instead of horizontally. just thought i would let you know! Great site btw.

Ideas by Nature
www.ideasbynature.com

theshanergy’s picture

theshanergy commented

I have been trying not to care about ie6 just on principle, but I think I'm going to have to bite the bullet and write a conditional style sheet for this one. Thanks for the heads up!

_gramur’s picture

_gramur commented

Looks good to me. Nice to see another Canadian on board as well.

_
Founder
Sivius.ca