• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Copy CSS not available?

New Here ,
Sep 11, 2022 Sep 11, 2022

Copy link to clipboard

Copied

Since the extract option is no longer available (and the course I'm taking goes over extracting) I'm attempting to copy CSS from Photoshop and paste into Dreamweaver.  After I copy the CSS from Photoshop, when I right click on my selection in the CSS Designer ( in this case, "nav") Paste Styles is not available. I know it's copying from Photoshop, because I can paste the CSS info into notepad. But why do I not have the option to paste in Dreamweaver? 

TOPICS
How to , Product issue

Views

88

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Sep 11, 2022 Sep 11, 2022

Copy link to clipboard

Copied

The code can be pasted directly into the CSS file.

 

As a side note: I think it is not wise to use a tutorial based on deprecated features.

Wappler, the only real Dreamweaver alternative.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Sep 12, 2022 Sep 12, 2022

Copy link to clipboard

Copied

LATEST

DO NOT use CSS Designer Panels for this.

 

Photoshop:

  1. Right click the layer or object you'd like to export the CSS from.
  2. Click 'Copy CSS'

 

Dreamweaver:

  1. Create a new CSS file.  File > New > CSS.  Hit CREATE button.
  2. Save newly created file as myStyles.css.
  3. Paste code from Photoshop directly into the code view panel with Ctrl/Cmd + C.
  4. Save file with Ctrl/Cmd + S. 
  5. Give your style rules an understandable selector name and add that selector to your HTML markup.

 

Common examples of selector names:

  1. TAGS:  body, header, main, article, section, footer, h1, h2, h3, p, ul li, ol li.
  2. REUSABLE CLASSES:  .class_name, .abc-123, .ClassName.
  3. UNIQUE ID: #id1, #Id2, #ID3 (can be used only one time per document).

 

Hope that helps.  If not, post back.

 

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines