Dreamweaver CSS Tips and Tutorials, Resources |
|
|
|
|
CSS tutorials
|
|---|
 Tips on customizing input boxes, list menus, submit buttons. Also learn how to validate forms using Dreamweaver behaviors.
| | Hits:1310 Rate: 0.0(out of 5) Vote:0 Submit Date :2006-03-16
Rate It | Error | Review |
|
| | | |
|---|
| Tutorials Section
New CSS panel on Dreamweaver 8 by Arutha
Welcome to one off several tutorials in which i will be explaining one the new features in Dreamweaver 8. To start with i will be showing you how to use the CSS Panel (seen below). Depending on which mode you selected when you first got DW it could be in one off two places, for coders like me its in the top left hand corner below the File menu however for designers its on the opposite side of the screen. If you have trouble locating it you can click the in the properties panel which is located at the bottom.
| | Hits:737 Rate: 5.0(out of 5) Vote:3 Submit Date :2006-03-13
Rate It | Error | Review |
|
| | | |
|---|
| New CSS panel on Dreamweaver 8 by Arutha
Welcome to one off several tutorials in which i will be explaining one the new features in Dreamweaver 8. To start with i will be showing you how to use the CSS Panel (seen below). Depending on which mode you selected when you first got DW it could be in one off two places, for coders like me its in the top left hand corner below the File menu however for designers its on the opposite side of the screen. If you have trouble locating it you can click the in the properties panel which is located at the bottom.
| | Hits:635 Rate: 0.0(out of 5) Vote:0 Submit Date :2006-03-16
Rate It | Error | Review |
|
| | | |
|---|
| It will remove all the underlines from your links in that particular page. To remove all underlines from your links throughout your website, better place it in your header file. For more information how to do it please check PHP and Web Design
| | Hits:564 Rate: 0.0(out of 5) Vote:0 Submit Date :2006-03-16
Rate It | Error | Review |
|
| | | |
|---|
| This ongoing series of video tutorials will guide you through the processes involved in creating 100% CSS layouts in Dreamweaver.
Learn how to create various different versatile layouts that will look good in the majority of browsers. Learn how to develop sites like the pros with this no-nonsense approach to training. (WZ2K)
| | Hits:540 Rate: 5.0(out of 5) Vote:1 Submit Date :2006-03-16
Rate It | Error | Review |
|
| | | |
|---|
| 1) Open Macromedia Dreamweaver MX and open a new CSS document
2) Click the Design Panel it looks like this:
and click "New CSS Style" button which looks like:
3) A menu which looks like this will appear, enter the name of wat you want to call your css style:
4) Click enter and the next menu will come up and you can start entering what you want for your style, you can choose font styles you have made on DW or that are already there like in this picture:
In this "Type" Section you can configure everything to do with the text without having to know any of the text-decoration codes, this saves an awful lot of time learning them, unfortunatly some of these don't work in FireFox yet. After configuring the type i got:
| | Hits:301 Rate: 0.0(out of 5) Vote:0 Submit Date :2006-03-16
Rate It | Error | Review |
|
| | | |
|---|
| HTML Editor: Any
Recommended: Macromedia Dreamweaver 8
In this article we teach you how simple it is to create links with no underline. This is done using CSS Styles.
If you use Dreamweaver, do the following:
Open any page of your site and select window > CSS Styles and Click the New CSS Style button (+ icon), a pop-up window will show up.
If you want to use the link without underline only for some links: Select Class in the Selector Type and type .links in the Name box.
If you want the link without underline for all links in your page or site: Select Advanced in the Selector Type. Now select a:hover from the Selector list box.
Define the style in an existing Style Sheet, a new Style sheet or embedded in your current Document, and click OK.
In the CSS Style Definition pop-up window that appears give the Text specifications in the Category: Type. Tick the checkbox none if you don't want any underline to appear for the links.
To use this style just select and right click the tag in the tag selector located at the bottom left of the Document window. For the Set Class attribute select links from the list.
| | Hits:284 Rate: 0.0(out of 5) Vote:0 Submit Date :2006-03-16
Rate It | Error | Review |
|
| | | |
|---|
| Cool Text Effects Using CSS Styles in Dreamweaver
Cascading Style Sheets (CSS) Styles are very useful for maintaining a web site since its appearance (controlled by properties of HTML tags) can be updated from just one file. They are also used to enhance your site's look. In this article you will learn how to make cool text effects using CSS Styles using Macromedia Dreamweaver
| | Hits:281 Rate: 0.0(out of 5) Vote:0 Submit Date :2006-03-16
Rate It | Error | Review |
|
| | | |
|---|
| CSS Styles Tutorial
Cascading Style Sheets (CSS) are a collection of formatting rules that control the appearance of content in a web page. They are very useful for maintaining a web site since its appearance (controlled by properties of HTML tags) can be managed from just one file. CSS Styles also enhance your site's look, accessibility and reduces file size. Another main advantage is reusability - instead of defining the properties of fonts, backgrounds, borders, bullets, uniform tags, etc. each time you use them you can just assign the corresponding css style in the class property. You can store CSS styles directly in each document or, for more control and flexibility, in an external style sheet.
| | Hits:242 Rate: 0.0(out of 5) Vote:0 Submit Date :2006-03-16
Rate It | Error | Review |
|
| | | |
|---|
| I hope you know the advantages of using CSS instead of tags for your texts and even for your overall website designs. I am not going to discuss that here, if you would like to tknow more on CSS advantages please visit CSS Zen Garden. In this tutorial I will discuss how to create CSS tags in Dreamweaver and apply them to texts.
There are two types of CSS creation, one is to create inside the html page and apply to the same page and another to create it as a separate .css file. If you are working with a single page, then it is better to create CSS inside the page, but if you are working with many pages then it is better to create a separate file because that way you can apply this file to your other pages. That will save you time, you will not have to create it again and again for every page. Later it will save you time in updating your page in case if you want to change the size of your text, you just have to change in one file and all the pages will be updated automatically.
To apply CSS to your current working page, please go to Edit > Preferences > General and tick where it says Use CSS instead of HTML tags and click OK. See below.
| | Hits:215 Rate: 0.0(out of 5) Vote:0 Submit Date :2006-03-16
Rate It | Error | Review |
|
| | | |
|
|---|
 This tutorial explains how to design two column css layout with a line dividing left column from the right going through the whole length of the page, regardless of the length of the columns.
| | Hits:104 Rate: 0.0(out of 5) Vote:0 Submit Date :2007-12-28
Rate It | Error | Review |
|
|
|---|
| In this tutorial I will explain how to design three column layout using pure css (table-less layout) and background image.
| | Hits:153 Rate: 0.0(out of 5) Vote:0 Submit Date :2007-12-28
Rate It | Error | Review |
|
|
|---|
| In this tutorial I will explain how to use background images with a different tags to place them one on top of the other using absolute positioning and z-index.
| | Hits:36 Rate: 0.0(out of 5) Vote:0 Submit Date :2007-12-28
Rate It | Error | Review |
|
|
|---|
| This tutorial will explain you how to make your button (link) in the navigation active when you are on a specific page.
| | Hits:52 Rate: 0.0(out of 5) Vote:0 Submit Date :2007-12-28
Rate It | Error | Review |
|
|
|---|
| This tutorial explains how to create a text with shadow using CSS.
| | Hits:34 Rate: 0.0(out of 5) Vote:0 Submit Date :2007-12-28
Rate It | Error | Review |
|
|
|---|
| CSS Styles are the easiest and best way of formatting text in a web site. Instead of using 'font' tags for each paragraph and cluttering your HTML code with endless font tags you can simply make a style with the a specified font type, size and color and use it throughout the site. Styles can be used in tables, rows, cells and even more interestingly it can also be used for form objects. The possibilities are endless when you use style sheets. We'll discuss the various ways you can use styles in this tutorial.
| | Hits:179 Rate: 0.0(out of 5) Vote:0 Submit Date :2007-03-20
Rate It | Error | Review |
|
|
|---|
| CSS Styles are a simple and fast way of making your site look good. In this tutorial you will learn how to make cool text rollovers
| | Hits:206 Rate: 0.0(out of 5) Vote:0 Submit Date :2007-03-15
Rate It | Error | Review |
|
|
|---|
| New CSS panel on Dreamweaver 8 by Arutha
Welcome to one off several tutorials in which i will be explaining one the new features in Dreamweaver 8. To start with i will be showing you how to use the CSS Panel (seen below). Depending on which mode you selected when you first got DW it could be in one off two places, for coders like me its in the top left hand corner below the File menu however for designers its on the opposite side of the screen. If you have trouble locating it you can click the in the properties panel which is located at the bottom.
| | Hits:635 Rate: 0.0(out of 5) Vote:0 Submit Date :2006-03-16
Rate It | Error | Review |
|
|
|---|
| 1) Open Macromedia Dreamweaver MX and open a new CSS document
2) Click the Design Panel it looks like this:
and click "New CSS Style" button which looks like:
3) A menu which looks like this will appear, enter the name of wat you want to call your css style:
4) Click enter and the next menu will come up and you can start entering what you want for your style, you can choose font styles you have made on DW or that are already there like in this picture:
In this "Type" Section you can configure everything to do with the text without having to know any of the text-decoration codes, this saves an awful lot of time learning them, unfortunatly some of these don't work in FireFox yet. After configuring the type i got:
| | Hits:301 Rate: 0.0(out of 5) Vote:0 Submit Date :2006-03-16
Rate It | Error | Review |
|
|
|---|
| This ongoing series of video tutorials will guide you through the processes involved in creating 100% CSS layouts in Dreamweaver.
Learn how to create various different versatile layouts that will look good in the majority of browsers. Learn how to develop sites like the pros with this no-nonsense approach to training. (WZ2K)
| | Hits:540 Rate: 5.0(out of 5) Vote:1 Submit Date :2006-03-16
Rate It | Error | Review |
|
|
WebmastersHome.com
Discussion about programming, SEO, WebHosting and more! |
|
Pages : 1 2 3 |
|
