http://www.good-tutorials.com This is the newest 25 tutorials added to Good-Tutorials.com. en-us New colorful css designed textboxes, download them or check out the tutorial on how to make your own hightech colorful textbox. jonespr Thu, 24 Jul 2008 21:00:04 +0000 http://www.good-tutorials.com/tutorial/29904/css-hightech-styled-textboxes http://www.good-tutorials.com/tutorial/29904/css-hightech-styled-textboxes In Part 2, I will show you how to slice the design we did in part 1. After that, I will show you the important notes when we are coding a css/xhtml layout which compatible with wordpress structure. Let’s start. chankailoon Thu, 17 Jul 2008 20:00:04 +0000 http://www.good-tutorials.com/tutorial/29735/how-to-code-a-wordpress-theme http://www.good-tutorials.com/tutorial/29735/how-to-code-a-wordpress-theme A tutorial on expanding the background (image and/or color), and/or border (left or right) of an element to 100% of the parent element (good for columns that are not always as tall as the column next to it) cdizzle Tue, 08 Jul 2008 19:30:02 +0000 http://www.good-tutorials.com/tutorial/29503/extend-background-or-border-to-1-height-of-parent-element- http://www.good-tutorials.com/tutorial/29503/extend-background-or-border-to-1-height-of-parent-element- This is the second in our 4 part series on how to take a PSD file and convert it into a fully CSS based html site. In this series of articles I will take you step by step through the conversion process and look at decisions that need to be made. In part 1 we created the basic structure of the site on which we are going to build our photography site.In this part of the tutorial we are going to flesh out the layout a little more and by the end it will resemble a 3 column site. hotnuts21 Thu, 03 Jul 2008 13:30:01 +0000 http://www.good-tutorials.com/tutorial/29340/from-psd-to-css-html-in-easy-steps-part-2 http://www.good-tutorials.com/tutorial/29340/from-psd-to-css-html-in-easy-steps-part-2 This tutorial covers the various ways to control color with CSS as well the different ways people associate color with moods and ideals across gender and cultures. blistermania Mon, 30 Jun 2008 16:00:09 +0000 http://www.good-tutorials.com/tutorial/29270/css-colors-practices-and-theories http://www.good-tutorials.com/tutorial/29270/css-colors-practices-and-theories Need a quick online guide for CSS positioning properties? Look no further than Nigel's essential at-a-glance guide, which contains all the common properties. mattymcg Sat, 28 Jun 2008 04:56:31 +0000 http://www.good-tutorials.com/tutorial/29235/css-positioning-properties-at-a-glance-guide http://www.good-tutorials.com/tutorial/29235/css-positioning-properties-at-a-glance-guide Form design is the necessary evil of web development. Don't you wish you had a wizard's wand to create accessible yet attractive forms? We have found such a wizard! Here, Cameron Adams shows you how to use CSS to create forms that are both great-looking and usable, and gives you the code you need to make the job easy. mattymcg Sat, 28 Jun 2008 03:10:57 +0000 http://www.good-tutorials.com/tutorial/29234/fancy-form-design-using-css http://www.good-tutorials.com/tutorial/29234/fancy-form-design-using-css Alex has been in the lab experimenting, and his latest concoction is stunning! If you're ready to try your hand with a cool new CSS technique, don't miss this hands-on tutorial. mattymcg Fri, 27 Jun 2008 16:02:28 +0000 http://www.good-tutorials.com/tutorial/29233/warning-this-secret-css-technique-will-surprise-you- http://www.good-tutorials.com/tutorial/29233/warning-this-secret-css-technique-will-surprise-you- Navigation is the key to surfing the Web, and in this collection of ready-made solutions Rachel steps us through horizontal and vertical menus, drop-down, fly-out, and tabbed navigation systems. Learn the basics of styling lists as menus, and soon you'll be creating drop-down menus from pure CSS -- and making sure they're as accessible as possible! mattymcg Wed, 25 Jun 2008 09:00:07 +0000 http://www.good-tutorials.com/tutorial/29124/nifty-navigation-tricks-using-css http://www.good-tutorials.com/tutorial/29124/nifty-navigation-tricks-using-css The caged bird may sing, but the jazziest tunes are sung by birds that have broken out of the box! In this step-by-step guide, Jina shows you how to take that cramped old grid-based page layout, and use CSS -- and a little imagination -- to break the bonds and set your design free! mattymcg Wed, 25 Jun 2008 08:37:12 +0000 http://www.good-tutorials.com/tutorial/29125/breaking-out-of-the-box-with-css-layouts http://www.good-tutorials.com/tutorial/29125/breaking-out-of-the-box-with-css-layouts This tutorial covers the first five steps everyone should take to fully understand (and eventually master) CSS. blistermania Sat, 14 Jun 2008 18:00:01 +0000 http://www.good-tutorials.com/tutorial/28848/css-basics-the-first-5-steps-towards-mastery http://www.good-tutorials.com/tutorial/28848/css-basics-the-first-5-steps-towards-mastery In CSS you can define certain html tags in your CSS coding. This tutorial will show how some of these tags can be defined! JamesW Fri, 13 Jun 2008 17:00:02 +0000 http://www.good-tutorials.com/tutorial/28756/css-defining-html-tags-in-css http://www.good-tutorials.com/tutorial/28756/css-defining-html-tags-in-css Learn how to remove the horizontal scroll bar off your webpages and content in this tutorial using CSS! JamesW Mon, 09 Jun 2008 20:30:02 +0000 http://www.good-tutorials.com/tutorial/28645/css-removing-the-horizontal-scroll-bar http://www.good-tutorials.com/tutorial/28645/css-removing-the-horizontal-scroll-bar Find information on CSS you won't find anywhere else. tutorialdog Thu, 29 May 2008 20:30:02 +0000 http://www.good-tutorials.com/tutorial/28362/introduction-to-css http://www.good-tutorials.com/tutorial/28362/introduction-to-css This is a very useful technique which you can re-use in page with only 1 image. It is easy to use and I hope that you guys can understand my poor English explanation. Any question, just send me an email or drop me a comment here. chankailoon Wed, 28 May 2008 11:00:02 +0000 http://www.good-tutorials.com/tutorial/28332/css-sliding-door-using-only-1-image http://www.good-tutorials.com/tutorial/28332/css-sliding-door-using-only-1-image One of the hardest parts of converting a PSD design into a well structured and semantic CSS/HTML layout is first knowing where to start. Although that may sound simplistic and obvious, it really does matter how you begin and that you build on strong foundations to start with. In this series of articles I will take you step by step through the conversion process and look at decisions that need to made on the way and how those decisions may need to adapt as things progress. First in a series. hotnuts21 Sun, 25 May 2008 06:00:04 +0000 http://www.good-tutorials.com/tutorial/28268/from-psd-to-css-html-in-easy-steps-part-1 http://www.good-tutorials.com/tutorial/28268/from-psd-to-css-html-in-easy-steps-part-1 Use the css :focus selector to improve the usability of your forms CoryMathews Thu, 22 May 2008 21:00:02 +0000 http://www.good-tutorials.com/tutorial/28212/improving-the-usability-of-forms-with-css-focus http://www.good-tutorials.com/tutorial/28212/improving-the-usability-of-forms-with-css-focus Sick of hearing about great CSS features you can't use? Find yourself playing it safe with CSS when building web sites? Wondering where went yesterday's promise of a bright future with CSS? Future CSS support is closer than you think! Tim shows 8 advanced CSS features you can use to add some pizazz to your web pages today. sitepoint Tue, 20 May 2008 06:00:01 +0000 http://www.good-tutorials.com/tutorial/28129/tomorrow-s-css-today-8-techniques-they-don-t-want-you-to-know http://www.good-tutorials.com/tutorial/28129/tomorrow-s-css-today-8-techniques-they-don-t-want-you-to-know There are plenty of solutions to having rounded corners in your designs but which is best? This tutorial covers the main methods using CSS, a few images and a little touch of magic. Python Thu, 15 May 2008 18:30:01 +0000 http://www.good-tutorials.com/tutorial/28047/rounded-corners-with-css-2-methods- http://www.good-tutorials.com/tutorial/28047/rounded-corners-with-css-2-methods- Z-Index. Via this guide, you will learn what a Z-Index is and how to use this property to overlap HTML elements with CSS. devita Fri, 09 May 2008 19:00:02 +0000 http://www.good-tutorials.com/tutorial/27891/z-index-overlap-html-elements-with-css http://www.good-tutorials.com/tutorial/27891/z-index-overlap-html-elements-with-css Background images to your form fields can be easily accomplished with CSS and a well picked image can add wonders to the look of your forms CoryMathews Tue, 06 May 2008 05:30:02 +0000 http://www.good-tutorials.com/tutorial/27790/images-within-forms http://www.good-tutorials.com/tutorial/27790/images-within-forms In the second half of this video series, Geoff Blake will show you all about controlling HTML elements via Dreamweaver's Redefined HTML Tag option, and you'll see how this differs from working with Class rules. Check it out on Ten Ton Books! ZapBangBoom Tue, 06 May 2008 05:30:02 +0000 http://www.good-tutorials.com/tutorial/27793/dreamweaver-special-class-rules-versus-redefined-tags-pt2 http://www.good-tutorials.com/tutorial/27793/dreamweaver-special-class-rules-versus-redefined-tags-pt2 One of the biggest challenge to web designers is finding ways to place a lot of information on a page without losing usability. Tabbed content is a great way to handle this issue and has been widely used on blogs recently. Today we’re going to build a simple little tabbed information box in HTML, then make it function using some simple Javascript, and then finally we’ll achieve the same thing using the jQuery library. psdtuts Wed, 30 Apr 2008 14:31:27 +0000 http://www.good-tutorials.com/tutorial/27718/create-a-slick-tabbed-content-area-using-css-jquery http://www.good-tutorials.com/tutorial/27718/create-a-slick-tabbed-content-area-using-css-jquery In this article we are going to decorate buttons by using a small piece of CSS on it. while design CSS enable forms Applying CSS style to buttons is play a vital role. its improve your sites beauty that give pleasure to the senses. This article gives more idea to biginner to change/modify normal look of button by Using Cascaded style sheets. tech-funda Wed, 23 Apr 2008 18:00:03 +0000 http://www.good-tutorials.com/tutorial/27509/applying-css-style-to-buttons-and-html-links http://www.good-tutorials.com/tutorial/27509/applying-css-style-to-buttons-and-html-links So are ya gettin' the hang of all this? Awesome stuff. So the next big issue is this: Ya got your <div>'s created, you know how the background code keeps everything hummin', and you know all about nesting <div>'s to create a precise layout. Groovy. But how about centering that CSS-based layout? Well, ya'd best be clickin' that play button ta find out how! ZapBangBoom Sun, 20 Apr 2008 03:00:03 +0000 http://www.good-tutorials.com/tutorial/27384/creating-css-layouts-in-dreamweaver-part-3 http://www.good-tutorials.com/tutorial/27384/creating-css-layouts-in-dreamweaver-part-3