Creating gradient effect in dreamweaver

please somebody help me.can we create gradient effect for buttons and background in dreamweaver.without using image editng softwares like photoshop or fireworks?

No, Dreamweaver is a html editor not a graphics program :-)
You need to use a graphics program to create the gradient image and then use it as a background image to whatever element you want to apply it to.
Nadia
Adobe® Community Expert : Dreamweaver
Unique CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
Book: Ultimate CSS Reference
http://www.sitepoint.com/launch/005dfd4/3/133
http://twitter.com/nadiap

Similar Messages

How to put gradient effect on a 45 degree curved pipe using single object

how to put gradient effect on a 45 degree curved pipe using single object

Sudhanshu,
You may use a smooth blend between a dark/black solid fill object with the full width and a white narrow fill object in the middle.
Yoy may:
1) Create the full width object with the bend, remember to have two anchor points at the inner corner, on top of each other if it is to be sharp; you may create it with a surplus length, see below;
2) With 1) selected, Object>Path>Offset Path by a negative value equalling half the width less a point or so, to create the inner fill path, then turn it white;
3) You may ClickDrag across each end of the paths with the Line Segment Tool, then Object>Path>Divide Objects Below and delete the unwanted end parts;
4) Object>Blend>Objects, use Smooth and Align to Path;
5) Object>Blend>Make.

Can anyone explain how to create this effect in Deamweaver and Fireworks?

This site was oriinally done in dreamweaver - but the shadow
effect was done
outside of Dreamweaver. When I save to html and load into
Dreamweaver it
makes no sense to me.
Can anyone explain how to create this effect in Deamweaver
and Fireworks?
http://www.fundflowsystems.com/test.php
Thanks in advance,
Joe

Thank you so much...
You is da bomb!
"Murray *ACE*" <[email protected]> wrote
in message
news:[email protected]...
> Yes - a blank (completely blank) page.
>
> --
> Murray --- ICQ 71997575
> Adobe Community Expert
> (If you *MUST* email me, don't LAUGH when you do so!)
> ==================
>
http://www.dreamweavermx-templates.com
- Template Triage!
>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
>
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
> ==================
>
>
> "Ken Binney" <[email protected]>
wrote in message
> news:[email protected]...
>> Murray, one more favor if you would be so kind...
>> Do you recall how this page degraded in Safari?
>>
>>
http://www.binney.us/table-allcode.htm
>>
>>
>> "Murray *ACE*"
<[email protected]> wrote in message
>> news:[email protected]...
>>> Nope. Sorry. You need a Mac.
>>>
>>> --
>>> Murray --- ICQ 71997575
>>> Adobe Community Expert
>>> (If you *MUST* email me, don't LAUGH when you do
so!)
>>> ==================
>>>
http://www.dreamweavermx-templates.com
- Template Triage!
>>>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>>>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
>>>
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
>>> ==================
>>>
>>>
>>> "Ken Binney"
<[email protected]> wrote in message
>>> news:[email protected]...
>>>> Thanks Murray...
>>>>
>>>> Is there a way I can test for Safari on my
PC XP ?
>>>>
>>>> "Murray *ACE*"
<[email protected]> wrote in message
>>>> news:[email protected]...
>>>>> Fails in Safari, Ken.
>>>>>
>>>>> --
>>>>> Murray --- ICQ 71997575
>>>>> Adobe Community Expert
>>>>> (If you *MUST* email me, don't LAUGH
when you do so!)
>>>>> ==================
>>>>>
http://www.dreamweavermx-templates.com
- Template Triage!
>>>>>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>>>>>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
>>>>>
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
>>>>> ==================
>>>>>
>>>>>
>>>>> "Ken Binney"
<[email protected]> wrote in message
>>>>>
news:[email protected]...
>>>>>> Here is a solution requiring NO
images.
>>>>>> The CSS and the Javascript can
easily made remote the page
>>>>>>
>>>>>> <!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01 Transitional//EN"
>>>>>> "
http://www.w3.org/TR/html4/loose.dtd">
>>>>>> <html>
>>>>>> <head>
>>>>>> <title>Shadow</title>
>>>>>> <meta http-equiv="Content-Type"
content="text/html;
>>>>>> charset=iso-8859-1">
>>>>>> <script
type="text/javascript">
>>>>>> var depth = 6 // in pixels
>>>>>>
>>>>>> // addLoadEvent t
>>>>>> function addLoadEvent(func) {
>>>>>> var oldonload = window.onload;
>>>>>> if (typeof window.onload !=
'function') {
>>>>>> window.onload = func;
>>>>>> } else {
>>>>>> window.onload = function() {
>>>>>> if (oldonload) {
>>>>>> oldonload();
>>>>>> }
>>>>>> func();
>>>>>> }
>>>>>> }
>>>>>> }
>>>>>>
>>>>>> addLoadEvent(function() {
>>>>>>
>>>>>> var a = document.all ? document.all
>>>>>> document.getElementsByTagName('*');
>>>>>> for (var i = 0;i < a.length;i++)
>>>>>> if (a
.className == "shadow") {
>>>>>> for (x = 0;x < depth;x++) {
>>>>>> var newSd =
document.createElement("DIV")
>>>>>> newSd.className = "shadow2"
>>>>>> newSd.style.background = a.id
>>>>>> newSd.style.width = a
.offsetWidth + "px"
>>>>>> newSd.style.height =
a.offsetHeight + "px"
>>>>>> newSd.style.left = a
.offsetLeft + x + "px"
>>>>>> newSd.style.top = a.offsetTop +
x + "px"
>>>>>> document.body.appendChild(newSd)
>>>>>> }
>>>>>> }
>>>>>> }
>>>>>> }
>>>>>> );
>>>>>>
>>>>>> </script>
>>>>>> <style>
>>>>>> .shadow {
>>>>>> border: 1px solid silver;
>>>>>> padding: 2px;
>>>>>> font: 10pt arial;
>>>>>> position: relative;
>>>>>> display: inline;
>>>>>> background: white;
>>>>>> z-index: 100
>>>>>> }
>>>>>> .shadow2 {
>>>>>> overflow: hidden;
>>>>>> position: absolute;
>>>>>> filter: alpha(Opacity=15); /* modify
to change the shade
>>>>>> solidity/opacity, same as below */
>>>>>> opacity: 0.1; /* firefox 1.5 opacity
>>>>>> -moz-opacity: 0.2; /* mozilla
opacity */
>>>>>> -khtml-opacity: 0.1; /* opacity */
>>>>>> z-index: 10
>>>>>> }
>>>>>> </style>
>>>>>>
>>>>>> </head>
>>>>>>
>>>>>> <body>
>>>>>> <table width="800" border="0"
align="center" cellpadding="0"
>>>>>> cellspacing="0" class="shadow"
id="#000000">
>>>>>> <tr>
>>>>>> <td> </td>
>>>>>> <td> </td>
>>>>>> <td> </td>
>>>>>> </tr>
>>>>>> <tr>
>>>>>> <td> </td>
>>>>>> <td> </td>
>>>>>> <td> </td>
>>>>>> </tr>
>>>>>> <tr>
>>>>>> <td> </td>
>>>>>> <td> </td>
>>>>>> <td> </td>
>>>>>> </tr>
>>>>>> <tr>
>>>>>> <td> </td>
>>>>>> <td> </td>
>>>>>> <td> </td>
>>>>>> </tr>
>>>>>> <tr>
>>>>>> <td> </td>
>>>>>> <td> </td>
>>>>>> <td> </td>
>>>>>> </tr>
>>>>>> </table>
>>>>>> </body>
>>>>>> </html>
>>>>>>
>>>>>>
>>>>>>
>>>>>> "Joe"
<[email protected]> wrote in message
>>>>>>
news:[email protected]...
>>>>>>>
>>>>>>> This site was oriinally done in
dreamweaver - but the shadow effect
>>>>>>> was done outside of Dreamweaver.
When I save to html and load into
>>>>>>> Dreamweaver it makes no sense to
me.
>>>>>>>
>>>>>>> Can anyone explain how to create
this effect in Deamweaver and
>>>>>>> Fireworks?
>>>>>>>
>>>>>>>
http://www.fundflowsystems.com/test.php
>>>>>>>
>>>>>>> Thanks in advance,
>>>>>>>
>>>>>>> Joe
>>>>>>>
>>>>>>
>>>>>>
>>>>>
>>>>>
>>>>
>>>>
>>>
>>>
>>
>>
>
>

Angle Gradient Effect in Illustrator

Hi,
I am trying to acheive the same angle gradient effect that can be done in Photoshop but in Illustrator. The actual thing I want to be able to create as a vector is the graphic attached...
Can this be done by somehow using the blend tool and replacing the spline with a circle? Can someone walk me through the process?
Many thanks in advance.
Kit

This thread is 4 years old but here is a solution to make angle gradients in Illustrator CS6 and CC, which now have the capability to apply gradients on strokes.
1. Make a circle and give it a stroke equal to half its size and align stroke to center.
Example: 100px circle with a 50px stroke.
2. Apply a linear gradient that has the same color on the starting and ending stops (if you want a seamless gradient) and apply gradient along stroke.
3. Apply Path > Effect > Offset Path half the amount of the stroke size and make it a negative value so the path offsets inward.
4. Done!

I'd like to add the gradient effect to my website...

I would like to add the gradient effect to my website. Is
thiis done in dw and how do i go about setting this option?
Any input or resource is greatly appreciated.
D Sterlin
(Murray I thank you advance!)

Create a sliver of your gradient image and let it tile
vertically or
horizontally to fill the page (depending on whether the
gradient is a
vertical or horizontal one).
And a posteriori, you're welcome!
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"dsterlinjustin" <[email protected]> wrote
in message
news:g3676c$cj5$[email protected]..
>I would like to add the gradient effect to my website. Is
thiis done in dw
>and
> how do i go about setting this option?
>
> Any input or resource is greatly appreciated.
>
> D Sterlin
>
> (Murray I thank you advance!)
>

How to apply gradient effect to JTable

Hi
It is easier to apply gradient effect to JTable by overriding paintComponent() and giving gradient effect using the following code
Graphics2D g2 = gradientImage.createGraphics();
GradientPaint painter = new GradientPaint(0, 0, gradientEnd,
0, height, gradientStart);
g2.setPaint(painter);
Rectangle2D rect = new Rectangle2D.Double(0, 0, width, height);
g2.fill(rect);
but my problem is , after applying gradient effect the cell contents are not visible.
what i need to do to make the cells visible..... please any one help me to sort out this.....
Thanks in advance.......

Well the basic code should be:
// do gradient painting
super.paintComponent(...);But you will also need to customize the renderers to make them non-opaque.
And you may also need to make the table non-opaque.
If you need further help then you need to create a [Short, Self Contained, Compilable and Executable, Example Program (SSCCE)|http://homepage1.nifty.com/algafield/sscce.html], that demonstrates the incorrect behaviour.
Don't forget to use the Code Formatting Tags so the posted code retains its original formatting. That is done by selecting the code and then clicking on the "Code" button above the question input area.

How can I create an effect to cycle through several sets of 12 thumbnail images rather than just one

Hello
I've searched everywhere i can think of and had no luck so thought it's about time i asked for help.
How do I create an effect where a group of 12 thumbnail images (all with clickable links) can scroll across by clicking a button to reveal another set of 12 thumbnails and so on without having to refresh the page, im assuming jquery can help but every single slideshow or scroll effect I've come across is for single images and not a set of images.
Its a gallery part of my website and the images are in sets of 4 in 3 rows.
All and any help will be greatly apprieciated!
Anthony

I think what you want is a Carousel Scroller. See Demo and Examples
http://dimsemenov.com/plugins/touchcarousel/
Nancy O.

How do I create a webpage in Dreamweaver WITHOUT using layers?

I'm reading a lot about how we should not use layers and
tables when creating a website in Dreamweaver because of something
called "absolute placement" (or something), which is the reason the
text in my website is constantly misaligned or overlapping when
opened up in Firefox. Although, I've never had this problem before
for the past three years I've been using Dreamweaver to create my
sites, which is what's most frustrating I think.
So, I guess I'm wondering how, then, do I create a webpage in
Dreamweaver WITHOUT using layers and tables? The only thing I've
been able to do w/o layers/tables is to literally hit "enter" and
"tab" continuously until the cursor is somewhere close to where I
want it to be on the page. But that seems a little old-school (for
lack of a better term) to really be the way to do it.
Also, if I've used a lot of layers/tables already in my
website, is the general recommendation for be to rebuild my site
completely w/o layers/tables, or is it feasible for me to have
someone who knows HTML just come in and fix the actual HTML code
for me to make it all work?
Ideally, I just want something to help me fix this problem
w/o having to hire someone else to come in, cause I've been working
this site for about a year now and am just now finally getting it
up online only to find that the way it looks online is not the way
it looks in Dreamweaver. I'd really really appreciate any
suggestions/advice.
Thank you so much!

Hello,
The first bit of advice, which you may already be doing, it
to learn HTML
and CSS.
CSS is used to style and position elements.
Instead of adding numerous to add spacing, for
example, you can use
CSS to add margins or padding to elements to move them away
from other
elements.
Also, IMHO there is nothing wrong with using tables,
specially as you learn.
You can also use <divs> and CSS to position them (a
table-less layout).
There are a number of threads in this forum comparing them
and giving many
designer's views.
It's Dreamweaver's "Layout Mode" you should stay away
from.Use "Standard
Mode"
It creates tables with rowspanss and colspans that are very
fragile.
Something as simple as a user having a different text size
setting in their
browser than what you had in yours when you designed can make
the page break
apart.
More info:
http://apptools.com/rants/spans.php
Also, "Layers" are an older DW term for AP Divs (Absolutely
Positioned).
They can cause you a lot of frustration.
More info:
http://apptools.com:80/examples/pagelayout101.php
I would strongly suggest you take a couple of hours to do
these tutorials.
They are a great introduction to using CSS, making a
stylesheet and using
DW's "wizards".
They are very well written, illustrated and easy to follow.
I promise you will walk away with a different outlook on how
you can design
a page.
They are not intended to replace learning HTML or CSS in any
way, I just
think it will benefit you greatly seeing what you can do.
http://projectseven.com/tutorials/css/css_td/index.htm
http://projectseven.com/tutorials/css/qdmacfly/index.htm
I hope that helps.
Take care,
Tim
"darkpwca" <[email protected]> wrote in
message
news:[email protected]...
> I'm reading a lot about how we should not use layers and
tables when
> creating a
> website in Dreamweaver because of something called
"absolute placement"
> (or
> something), which is the reason the text in my website
is constantly
> misaligned
> or overlapping when opened up in Firefox. Although, I've
never had this
> problem
> before for the past three years I've been using
Dreamweaver to create my
> sites,
> which is what's most frustrating I think.
>
> So, I guess I'm wondering how, then, do I create a
webpage in Dreamweaver
> WITHOUT using layers and tables? The only thing I've
been able to do w/o
> layers/tables is to literally hit "enter" and "tab"
continuously until the
> cursor is somewhere close to where I want it to be on
the page. But that
> seems
> a little old-school (for lack of a better term) to
really be the way to do
> it.
>
> Also, if I've used a lot of layers/tables already in my
website, is the
> general recommendation for be to rebuild my site
completely w/o
> layers/tables,
> or is it feasible for me to have someone who knows HTML
just come in and
> fix
> the actual HTML code for me to make it all work?
>
> Ideally, I just want something to help me fix this
problem w/o having to
> hire
> someone else to come in, cause I've been working this
site for about a
> year now
> and am just now finally getting it up online only to
find that the way it
> looks
> online is not the way it looks in Dreamweaver. I'd
really really
> appreciate any
> suggestions/advice.
>
> Thank you so much!
>

How do I create a guestbook in Dreamweaver CS3, Plz Help....

Hi I want to create a guestbook in dreamweaver cs3 my website is www.freewebzs.com
Also it would be brilliant if you guys could help me and recommend me background colours, is there a free website I can get background colours from?
And also what fonts and colours are most popular for websites.
Im new to dreamweaver as ive just started using it so any advice would be great, thanks

I have to agree with David, if you are new to DW, then creating a guest book will be difficult for you. However, you don't have to re-invent the wheel, there are many guestbook scripts available to save you the time and certainly the headaches :-)
Take a look here for a selection: http://php.resourceindex.com/Complete_Scripts/Guestbooks/
As for colours kuler is good, but you can also look at;
These palettes may help:
http://www.colourlovers.com/palettes/search?hsv=&sortType=rank&sortBy=asc&query= spring&hex=&lover=&hueOption0=&hueOption1=&hueOption2=&publishedBeginDate=12%2F2 7%2F2004&publishedEndDate=04%2F12%2F2009&x=26&y=17
More colour schemes here:
http://www.colorschemer.com/schemes/
For fonts, you are better staying with web-safe fonts that will ensure cross browser compatibility:
http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html
Nadia
Adobe® Community Expert : Dreamweaver
Unique CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
Book: Ultimate CSS Reference
http://www.sitepoint.com/launch/005dfd4/3/133
http://twitter.com/nadiap

Unable to Create New RecordSet in Dreamweaver 8

Hi,
I'm new to databases. I'm trying to create a RecordSet using
Dreamweaver 8. When I go to the Bindings panel and click the "+"
sign and choose RecordSet, I name the RecordSet, I choose a
connection, but there are no tables and the setup dialog box needs
me to choose a table to create a RecordSet.
The problem is when I try to create a dynamic table, I get an
error stating that a cannot create the table without first creating
a RecordSet. Worse, I cannot create a RecordSet without first
creating a table. I'm stuck! How do I create the two if one cannot
exist without the other?
Yes, I have successfully connected to my testing server.

First of all .. what server model? what database are you
using?
There are tables and there are tables. The "tables" you
should see when
creating a recordset are database tables. If you don't see
them in the
recordset window .. what is your connection string? Or is
this a DSN?
the "dynamic table" on the other hand is a table on your page
created from
the recordset and is not the same thing as the tables you see
from your
database. I wanted to make sure you knew the difference.
Nancy Gill
Adobe Community Expert
Author: Dreamweaver 8 e-book for the DMX Zone
Co-Author: Dreamweaver MX: Instant Troubleshooter (August,
2003)
Technical Editor: Dreamweaver CS3: The Missing Manual,
DMX 2004: The Complete Reference, DMX 2004: A Beginner's
Guide
Mastering Macromedia Contribute
Technical Reviewer: Dynamic Dreamweaver MX/DMX: Advanced PHP
Web Development
"sandisi" <[email protected]> wrote in
message
news:fkbuqt$pnd$[email protected]..
> Hi,
> I'm new to databases. I'm trying to create a RecordSet
using Dreamweaver
> 8.
> When I go to the Bindings panel and click the "+" sign
and choose
> RecordSet, I
> name the RecordSet, I choose a connection, but there are
no tables and the
> setup dialog box needs me to choose a table to create a
RecordSet.
>
> The problem is when I try to create a dynamic table, I
get an error
> stating
> that a cannot create the table without first creating a
RecordSet. Worse,
> I
> cannot create a RecordSet without first creating a
table. I'm stuck! How
> do I
> create the two if one cannot exist without the other?
>
> Yes, I have successfully connected to my testing server.
>

How to create gradient mask in CS3 ?

Is it possible to create gradient mask without programming?
It is important
that Flash document must be created in version 9 and AS3. I
tried to use
blend modes alpha/erase but they makes object invisible
(cache as bitmap was
on and off - every combination of 2 used objects).
Flash document used for test cosist of 2 MCs:
- top layer: contains MC with filled by gradient rectangle.
First color is
black with alpha 100%, second color is black with alpha 0%.
- bottom layer: MC containing photo
I want object on top layer to be a gradient mask.

Is it possible to create gradient mask without programming?
It is important
that Flash document must be created in version 9 and AS3. I
tried to use
blend modes alpha/erase but they makes object invisible
(cache as bitmap was
on and off - every combination of 2 used objects).
Flash document used for test cosist of 2 MCs:
- top layer: contains MC with filled by gradient rectangle.
First color is
black with alpha 100%, second color is black with alpha 0%.
- bottom layer: MC containing photo
I want object on top layer to be a gradient mask.

How do i create an effect of binoculars on a video\pic in premiere cs3?

is it possible to create an effect of binoculars on a video\pic in premiere cs3?
iv'e tried looking but i cant find
does any of you know anything about it?

Try searching for
mask
in the help file

How do I create an effect on on object similar to this on Illustrator?

How do I create an effect on on object similar to this on Illustrator?
Please see the type show in the link provided : "CHIVAS"
http://2.bp.blogspot.com/-F-lpKYp-QnE/UH8jwTkTmfI/AAAAAAAAOWQ/BuN9gm9Pe5U/s1600/Chivas+log o+2012.jpg
Also if anyone knows what font this is, it would be much appreciated.
Many thanks in advance,
Nick

Hello Ellie,
This is what I do:
First Create the brushes by selecting the shapes desired. Select the shape and place it into the burshes window.
(Main Menu: Window + Brushes)
Then A new window will show: Please select "New Scatter Brush"
After you click OK, a new window will appear:
In here I have selected Random Size, Spacing and Rotation. You may want to adjust the percentages to you design. The last thing to select is the Colorization Method; in this case "Tints" is selected because will allow me to change the color of the shape by using the color pallet window. After that click Ok and use the brush tool.
This is the end result after using the Mask Feature:
I know you can do something a lot better than this sample. I hope this helps!

How to create a Calender in Dreamweaver

I received a calender to put in a webpage made in Microsoft
publisher which seems only work in that program
Soi I am trying to create a calender in Dreamweaver
Anyone have any ideas
Thanks
Text

Dreamweaver is not a click and drag application. You need to build a layout with HTML and CSS code. Or start your project with one of the pre-built CSS Layouts in DW. Go to File > New > Blank Page > HTML. Choose a layout from the 3rd panel and hit CREATE button.
Then use the insert button to add an image to your layout. That said, you must resize and optimize images for the web beforehand using your graphics program (Photoshop). Otherwise, your images will be way too big.
Nancy O.

Creating a subdirectory in Dreamweaver MX

I am trying to create a subdirectory in Dreamweaver MX that
would house images for one of my clients to view. I have a web site
and was trying to link the folder of images to a page in my web
site. Does anyone know how to do this?

right click on your root folder, select "new folder". Name as
"images".
Save your images here.
HTH,
Jon
"superfly349" <[email protected]> wrote in
message
news:e53dhp$pqs$[email protected]..
>I am trying to create a subdirectory in Dreamweaver MX
that would house
>images
> for one of my clients to view. I have a web site and was
trying to link
> the
> folder of images to a page in my web site. Does anyone
know how to do
> this?
>

Creating gradient effect in dreamweaver

Similar Messages

Maybe you are looking for