Jump to content

Practical Tips for Templates


bithosts

Recommended Posts

It was actually easier to skin than I thought it was going to be. Except for recreating the icons (to match my darkish background), it was done in about one hour. A few elements were formatted in the tpl files instead of the CSS, but not too many, so once you see how it's done, it's pretty simple..

 

Tips?

Get a really good color sampling program to use to find the colors in the CSS.

Here's a great free one: http://www.colorcop.net/

Just start the program, load a page on your site, and use the eyedropper to sample colors from it

 

[EDIT]

Just saw someone look at my site for the integration. It's not live yet (import issues from WHM*P). :)

Link to comment
Share on other sites

No, you can click inside an empty image with the eyedropper in PS and hold the left mouse button while hovering over anything to sample. For me, using an 800 pound gorilla of a program just to do simple color grabs is kind of pointless. Besides, Colorcop gives you the HEX, PS requires you to do some extra work to see it. ;)

Link to comment
Share on other sites

PS does give you the hex without extra work how I use it.
How do you do that? From what I've experienced, you need to sample, then click the color well to open the colorpicker to see the hex. There a better/faster way that that?
Link to comment
Share on other sites

It was actually easier to skin than I thought it was going to be. Except for recreating the icons (to match my darkish background), it was done in about one hour. A few elements were formatted in the tpl files instead of the CSS, but not too many, so once you see how it's done, it's pretty simple..

 

Tips?

Get a really good color sampling program to use to find the colors in the CSS.

Here's a great free one: http://www.colorcop.net/

Just start the program, load a page on your site, and use the eyedropper to sample colors from it

 

[EDIT]

Just saw someone look at my site for the integration. It's not live yet (import issues from WHM*P). :)

 

Its so much easier to use Firefox extensions for this. Checkout ColorZilla,Web Developer, and Firebug. Working with colors, markup, and css is so much easier after that.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...

Important Information

By using this site, you agree to our Terms of Use & Guidelines and understand your posts will initially be pre-moderated