Psd "styles" lost in FCatalyst
i can not import styles coated text to FC, fonts turn basic color? Does anyone got the same result?
Layers to which styles and effects are applied in Photoshop files must be flattened on import to preserve their appearance. You can either choose to flatten all text layers in the initial Import dialog, or click the Advanced button and choose individual layers to flatten. The same behavior holds true for Flash Professional, though Flash Pro flattens all layer types by default.
-Eric
Catalyst QE
Similar Messages
-
I have a weird issue in that I have custom RTE styles working fine in publishing pages, but in the team site wiki page, when you first go into edit mode you see your styles, but if you highlight some text, select say the font drop down to expand it and then
select it again to contract it (i.e. without selecting a font), all of a sudden all of the custom styles are lost and everything reverts back to the default RTE styles.
In my master page I am running the following script to force my styles to be loaded.
ExecuteOrDelayUntilScriptLoaded(
function() {
$(
"div[RteRedirect]").each(function()
varid = $(this).attr("RteRedirect"),
editSettings = $(
"#"+ id);
if(editSettings.length > 0 &&
editSettings[0].PrefixStyleSheet != 'custom-rte')
editSettings[0][
'PrefixStyleSheet'] =
'custom-rte';
editSettings[0][
'StyleSheet'] =
'\u002f_layouts\u002f15\u002fFiveP\u002frteStyles.css';
RTE.Canvas.fixRegion(id,
false);
"sp.ribbon.js");
See below screenshots (note Heading 2 is orange).
After you collapse the font menu, you see that the orange H2 has disappeared, and selecting the font drop down again now shows all of the default SharePoint RTE styles.
I haven't been able to capture the Event that is being called using the debugger. Any ideas how to fix this?
Alan Coulter.Hi,
For this issue, I'm trying to involve someone familiar with this topic to further look at it.
Thanks,
Qiao
Forum Support
Please remember to mark the replies as answers if they help and unmark them if they provide no help. If you have feedback for TechNet Subscriber Support, contact
[email protected]
Qiao Wei
TechNet Community Support -
So I'm working on a project and I'm making a button and I have come across an issue that I don't normally have with this particular button...I'm not sure why it's happening or how to fix it...but it's pretty annoying. I'm wondering if anyone can help out or if it's a known bug or anything like that!
So, I have three folders for the three different states, and within each folder are multiple layers, some with layer styles (it seems to be gradients that are playing up here, and opacity related), some with no layer styles but just lowered opacity. I need to flatten each of the folders to create the button sprites. The problem is...I go to flatten the folder and it appears to turn off any gradient related layer styles, and anything at a lowered opacity is ramped up to 100%. I tried going through and rasterizing the invidiual offending layers. Same problem. I tried creating blank layers and merging down the offending layers. Same problem.
I'm stumped! Image examples below:
This problem is messing with my mojo! Any help appreciated!! (and yes, my adobe is all patched up and updated)... I feel like I haven't had to deal with problems flattening transparency for many versions....Generally speaking you can't expect to collapse groups of adjustment layers into a single layer and hope for much of anything useful to come of it.
If you've gotten Photoshop showing what you want to see, what's the problem with leaving the groups as they are, then just doing Save As (e.g., PNG) to store your work products?
Can you save a small PSD file and make it available online, so we can look carefully inside it to see what you're doing?
-Noel -
I created a PDF from my .DOC file but lost the font style with the conversion.
Is there a way to oreserve the original font characteristics?Hi,
Please let me know what font(s) you are using and what version of Microsoft Word you are using.
Thank you.
Hisami -
Template link to css styles lost
Hi, why, when I create a new page based a template, does the link to the css style sheet become broken?
I can see in the code of the new page that ".." is missing from the "../" in the url to the style sheets – but the template has the correct links in place.
Previous pages buolt using the same template(s) work fine. This appears to be a problem that has just occurred.
If anyone hs any clues, that would be much appreciated.
RPAll sorted! Copied all existing files to a new folder, then Site > New Site, chose the new folder, recreated the site cache and hey presto!
I managed to do something myself!
Hope this helps somebody else in the same fix!
RP -
Character Styles lost when reopening a document
Having set Character Styles as usual (in this case with green type), when I reopened the same document all the type to which I had previously applied styles all reverted to black. When I checked the Character Styles list the green was as exactly as I had specified it, but it nevertheless displayed as black in the document.
What am I doing wrong?Thanks Monika. I think I went through all the steps mentioned in the post you suggested, including loading swatches first. The problem is that I'm working on a map with hundreds of names already positioned – I simply want to change the font and other attributes without having to retype all the names. This is fine until I close the document and reopen it when, annoyingly, most of the names (not all of them, oddly) display in black. Fortunately, each class of name (towns, rivers, etc) are on a different layer, so it's not altogether difficult to reapply styles – just annoying that I should need to do it at all.
From what I've read, this appears to be an ongoing problem. I'm using CC on a Mac, btw. -
WPC page styles lost after upgrade to SP15
Hi experts,
I had created few web sites and pages with WPC SP 13.
But after i upgraded to WPC SP15, all the previous styles of SP13 were changed.
I would like to retrieve the styles of SP13.
Is there any way to achieve this? I do have a back up copy of the folder wpceditor. But I tried replacing the current folder with this old one. Even then, the previous styles are not available.
Can anyone help me ?
Thanks alot
ShobinYou can check for problems with the places.sqlite database file in the Firefox profile folder.
*http://kb.mozillazine.org/Bookmarks_history_and_toolbar_buttons_not_working_-_Firefox
*https://support.mozilla.org/kb/Bookmarks+not+saved#w_fix-the-bookmarks-file -
I tried to live view my web site using Dreamweaver CS 6 and found that there is no style on the live view.
Can you please advise where I can check why my site does not apply CSS file?
Your help and information is great appreciated,
Regards,
Iccsi,1. Ensure the site is properly defined.
Creating your first web site in DW
http://www.adobe.com/devnet/dreamweaver/articles/first_website_pt1.html
2. Ensure paths to external CSS files are correctly pointing to the site folder and NOT a file:// on your hard drive.
3. Validate your code & fix any reported errors.
Code Validation Tools
CSS - http://jigsaw.w3.org/css-validator/
HTML - http://validator.w3.org/
Nancy O. -
PDF-form looses text style on another computer
I created a PDF-form with text fields using our corporate font. My colleague has to open it in the Preview and insert text into those fields (she has corporate font installed). But while opening and typing the text, she got my text style lost (corporate font and probably its size). What should I do for she types in my forn and get the same text style as I have? Thank you.
Arina.Do NOT use Apple Preview to open PDF forms. It corrupts them in various ways and is very buggy.
Stick with Adobe software for best results. -
How to recover a previous version of a PSD after closing the file
I made a mistake flattening a PNG and accidentally saved over the original PSD and lost all of my layers. In my efforts to find a way to recover it before attempting to rebuild from the flattened image, I found this post:
"Hmm,I just did a stupid action .
I opened my psd file ,removed some images and layers ,and then I saved it and closed my photoshopCS4.
However ,I did not want to save it actually !!! I made a mistake !
That's my two days work !
I want to revert my file to last saved version.
Is there anyway to revert it ?
Or is there anyway to find my last version file such as in temp file (however ,i don't know where it is)?
Please help me ! "
But no one had an answer to my/our problem, but I found a solution very shortly thereafter!
This program "Recuva" worked for me: https://www.piriform.com/recuva
I accidentally flattened, saved, and exited a version of a project I was working on. I installed this program, which found the old version and recovered it. Installation to recovery took about 3 minutes total.
I could not find the "Reply" anywhere so I assumed the discussion was closed. However, I want to help so I am starting this discussion to spread the word for other troubled users. I hope it helps.Thanks again Jeff, I really appreciate it.
In case anyone reading this needs it, the following link describes the backwards license process:
http://www.adobe.com/volume-licensing/policies.html - CLP and EA policies section.
And the information link for volume licensing available:
http://www.adobe.com/volume-licensing.html -
Hi.
Does anybody knows how to save doc as PSD with doc.saveAs() command but without compatibility mode to reduce file size?OK. It works and saveAs() function too. I just checked this. But only when a file contains layers or no background.
It seems that this is photoshop feature, that when i save flattened PSD it losts its noncompatibility mode.
And when i make it layered and save it again, it will be saved then with compatibility mode.
It seems that this problem has no solution
Sorry to bother you. -
Problem with layout and spry menu in IE
My navigation bar looks fine in Foxfire and Safari, but is all messed up in IE.
here is a link to the page:
http://vacationlandphotography.com/tls/header.html
here is my code:
<html>
<head>
<title>The Landing School</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- ImageReady Styles (header.psd) -->
<style type="text/css">
<!--
body {
text-align:center;
background-color: #000000;
#wrapper {
margin: 0 auto;
width: 1000;
text-align:left;
#Table_01 {
margin: 0 auto;
left:0px;
top:0px;
width:1000px;
height:133px;
#header-01 {
position:relative;
left:0px;
top:0px;
width:1000px;
height:102px;
#header-02 {
position:relative;
left:0px;
top:0px;
width:720px;
height:30px;
#header-03 {
position:relative;
left:697px;
top:-31px;
width:141px;
height:31px;
#header-04 {
position:relative;
left:838px;
top:-61px;
width:29px;
height:31px;
#header-05 {
position:relative;
left:867px;
top:-92px;
width:30px;
height:31px;
#header-06 {
position:relative;
left:897px;
top:-123px;
width:31px;
height:31px;
#header-07 {
position:relative;
left:928px;
top:-154px;
width:27px;
height:31px;
#header-08 {
position:relative;
left:955px;
top:-185px;
width:45px;
height:31px;
-->
</style>
<!-- End ImageReady Styles -->
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
</head>
<body style="margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">
<div id="wrapper">
<!-- ImageReady Slices (header.psd) -->
<div id="Table_01">
<div id="header-01">
<img src="images/header_01.gif" width="1000" height="102" alt=""> </div>
<div id="header-02">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="#">Wooden Boat Building</a>
<ul>
<li><a href="#">Overview </a></li>
<li><a href="#">Career Options</a></li>
<li><a href="#">Alumni Profile</a></li>
<li><a href="#">Syllabus</a></li>
<li><a href="#">Admission</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Composite Boat Building</a>
<ul>
<li><a href="#">Overview</a></li>
<li><a href="#">Career Options</a></li>
<li><a href="#">Alumni Profile</a></li>
<li><a href="#">Syllabus</a></li>
<li><a href="#">Admission</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu MenuBarItemSubmenu" href="#">Yacht Design</a>
<ul>
<li><a href="#">Overview</a></li>
<li><a href="#">Career Options</a></li>
<li><a href="#">Alumni Profile</a></li>
<li><a href="#">Syllabus</a></li>
<li><a href="#">Admission</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Marine Systems</a>
<ul>
<li><a href="#">Overview</a></li>
<li><a href="#">Career Options</a></li>
<li><a href="#">Alumni Profile</a></li>
<li><a href="#">Syllabus</a></li>
<li><a href="#">Admission</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Overview</a>
<ul>
<li><a href="#">Mission</a></li>
<li><a href="#">Location</a></li>
<li><a href="#">Associate’s Degree</a></li>
<li><a href="#">Tuition and Financial Aid</a></li>
<li><a href="#">Admission</a></li>
<li><a href="#">Faculty</a></li>
</ul>
</li>
</ul>
</div>
<div id="header-03">
<img src="images/header_03.gif" width="141" height="31" alt=""> </div>
<div id="header-04">
<a href="https://www.facebook.com/pages/The-Landing-School/81582557331?ref=ts" target="_top"><img src="images/header_04.gif" alt="" width="29" height="31" border="0"></a> </div>
<div id="header-05">
<a href="http://twitter.com/#!/landingschool" target="_top"><img src="images/header_05.gif" alt="" width="30" height="31" border="0"></a> </div>
<div id="header-06">
<a href="http://www.youtube.com/user/TheLandingSchool" target="_top"><img src="images/header_06.gif" alt="" width="31" height="31" border="0"></a> </div>
<div id="header-07">
<a href="http://landingschool.blogspot.com/" target="_top"><img src="images/header_07.gif" alt="" width="27" height="31" border="0"></a> </div>
<div id="header-08">
<img src="images/header_08.gif" width="45" height="31" alt="">
</div>
</div>
<!-- End ImageReady Slices -->
</div>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>
here is my CSS:
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: none;
width: 700;
font-family: Arial;
color: #FFFFFF;
border: thin none #000000;
height: auto;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
z-index: 1000;
background-color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
margin: 0;
padding: 0;
list-style-type: none;
font-size: 11px;
text-align: center;
cursor: crosshair;
width: 138px;
float: left;
height: 29px;
background-color: #FFFFFF;
border: 1px solid #000000;
font-family: Arial;
color: #FFFFFF;
word-spacing: -0.1em;
letter-spacing: normal;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
font: Arial;
z-index: 1020;
cursor: default;
width: 8.2em;
position: relative;
left: -500em;
background-color: #999999;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
left: auto;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
width: 8.2em;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
position: absolute;
margin: -5% 0 0 125%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
left: auto;
top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
border: 0px solid #CCC;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
font: Arial;
background-color: #999;
padding: 0.5em 0.75em;
color: #333;
text-decoration: none;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
background-color: #003366;
color: #FFFFFF;
border: 0px;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
background-color: #003366;
color: #FFFFFF;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
background-image: none;
background-repeat: no-repeat;
background-position: 95% 50%;
background-color: #FFFFFF;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarDownHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
position: absolute;
z-index: 1010;
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
ul.MenuBarHorizontal li.MenuBarItemIE
background: #FFF;
thank you!
Tote RoadYour first difficulty is outlined here in the W3C Validation tool: http://validator.w3.org/check?uri=http%3A%2F%2Fvacationlandphotography.com%2Ftls%2Fheader. html&charset=%28detect+automatically%29&doctype=Inline&group=0
Without a doctype declaration, the browsers don't know what to do with your code. Some apparently guess well. Internet Explorer, not so much.
After you've fixed your page up by copying this
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
in place of this:
<html>
<head>
either things will be improved or there will be something else cropping up. I opt for the former, myself!
Beth -
Splash page with animated gif only question
Hello all:
I have a splash page (index.html) that is designed using an animated gif created in photoshop. The rest of my site is Css/XHTML, but has some divs containing animated gifs. I have two questions;
1: By using only the animated gif on the splash page, am I limiting or hindering my SEO (google, microsoft, yahoo) ranking opportunities as there is no "content" on the page that the spiders/bots can see? I went ahead and included some "content" but hid it by coloring the type the same as the background color hoping that might do something, but obviously I'm a SEO newbie so any suggestions are more than welcomed. I will include the code at the end of this post, and my site is: http://reynolds-marketing.com.
2. Is there a way to pre-load the animated gifs on my pages so that they play more smoothly and efficiently?
TIA for any of your help. Murman
The code for the splash page:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Reynolds Marketing - The Marketing Resource Source</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="description" content="Reynolds Marketing is a marketing services company offering a full spectrum of marketing services including: consultation, creative, production and logistical marketing services headquartered in Temecula, CA." />
<meta name="keywords" content="Reynolds, Reynolds Marketing, marketing services company, marketing services agency, full spectrum of marketing services, full service marketing agency, marketing consultant, print creative, digital printing, offset printing, website design, website development, digital marketing, digital print on demand, DPOD,Video Production, Video Production, Direct Mail, Temecula, powerpoint presentations" />
<link rel="shortcut icon" href="http://www.reynolds-marketing.com/favicon.ico"/>
<!-- ImageReady Styles (index3.psd) -->
<style type="text/css">
<!--
#index_ {
position:relative;
left:0px;
top:0px;
width:640px;
height:480px;
margin-left: auto;
margin-right: auto;
-->
</style>
<!-- End ImageReady Styles -->
</head>
<body bgcolor="#FFFFFF" text="#FFFFFF" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF" id="index_" style="background-color:#FFFFFF;">
<p>
<!-- ImageReady Slices (index3.psd) -->
<img src="images/index.gif" alt="" width="640" height="480" border="0" usemap="#indexMap" id="index" /></p>
<p>Reynolds Marketing offers a full spectrum of marketing communications services including: consultation, creative, production and logistical marketing services located in Temecula, California. Our services include marketing consultation, press relations, public relations, copy writing, print creative, direct mail creative, video creative, web creative, interactive creative. Print production, direct mail, video production, web page creation and production. Digital print on demand, fulfillment services, powerpoint presentations, marketing communications, marketing communications conformance. To find out more about our services, please go to <a href="http://www.reynolds-marketing.com/who_we are.html">http://www.reynolds-marketing.com/who_we are.html</a> . </p>
<p>Site map:<br />
<a href="http://www.reynolds-marketing.com/index.html">http://www.reynolds-marketing.com/index.html</a><br />
<a href="http://www.reynolds-marketing.com/who_we_are.html">http://www.reynolds-marketing.com/who_we_are.html</a><br />
<a href="http://www.reynolds-marketing.com/contact_us.html">http://www.reynolds-marketing.com/contact_us.html</a><br />
<a href="http://www.reynolds-marketing.com/what_we_do.html">http://www.reynolds-marketing.com/what_we_do.html</a><br />
<a href="http://www.reynolds-marketing.com/services.html">http://www.reynolds-marketing.com/services.html</a><br />
<a href="http://www.reynolds-marketing.com/clients.html">http://www.reynolds-marketing.com/clients.html</a><br />
<a href="http://www.reynolds-marketing.com/projects.html">http://www.reynolds-marketing.com/projects.html</a><br />
<a href="http://www.reynolds-marketing.com/news.html">http://www.reynolds-marketing.com/news.html</a></p>
<p>
<map name="indexMap" id="indexMap">
<area shape="rect" coords="296,434,342,444" href="who_we_are.html" />
<area shape="rect" coords="228,451,286,461" href="who_we_are.html" />
<area shape="rect" coords="296,451,353,461" href="what_we_do.html" />
<area shape="rect" coords="364,451,416,461" href="contact_us.html" />
</map>
<!-- End ImageReady Slices -->
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
</p>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-8703884-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>My guess is yes, but that is just my opinion. I believe the text/background same color idea was really in vogue back in the late 90's and we all heard that it was the kiss of death for SEO that the SE's hated them so much you got de-listed, not sure if that is a fact or not.
My bigger concern would be how many people you are losing by making them wait to get to where they want to go. I have told many a client that in some sense, the interent is too big, you have too much competition and people have thin patience for things like splash pages. The ooo and aaa effect of animated gifs is long dead...again, in my opinion.
I dont know the answer to your load question...
Gray -
Why does my font color change when I add an image to InDesign?
Hello, I am doing a page layout in InDesign and I am using a light blue font for my title but when I add an image from Photoshop, the font color turns dark blue. When I open the InDesign file in Adobe Acrobat, my title is still dark blue. It's only when I make a PDF of the file in Acrobat and open it in the Safari browser that the title goes back to its original light blue font. Is there something I can do to fix this? Thank you!
Not a good idea. The flattened PSD has lost all its layers, adjustments, and effects. I hope you don’t need to edit it or change any layer’s visibility. Either that or you now have two files to keep track of and have neutered InDesign’s Edit Original feature. Better to take Peter’s advice and place the text above the image so it is not affected by transparency flattening. If you need the text below because you want the drop shadow to interact with the text, then use Overprint Preview (View menu) or Separations Preview (Window > Output) to get a more accurate view of the text colour.
-
Shed some light on this issue please.
Ok guys and gals, forgive me if this is asked alot I tried to seach the topic first.
I am a 3d graphics major and know very little about web development but have some basic knowledge. My new boss has put me in charge of setting up our webpage.
Ok for starters I made this awesome concept in Photoshop, and sliced it up exported to Xhtml and CSS. It opened up great in dreamweaver, I had a few qustions on thngs. But those can wait. I started off w/ a very advanced design for a beginner, and decided to just go back and dumb it down for now while I learn, and for the sake of getting my point across in this thread.
here is my slice setup:
Header, Footer, Nav, 3 content headers, and the columns where we will post updates in each column (news, events, and media).
Ok my code right out of the Photoshop export looks like this.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Redesign_1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- ImageReady Styles (Redesign_1.psd) -->
<style type="text/css">
<!--
#Table_01 {
position:absolute;
left:0px;
top:0px;
width:800px;
height:600px;
#Header_ {
position:absolute;
left:0px;
top:0px;
width:800px;
height:112px;
#Redesign-1-02_ {
position:absolute;
left:0px;
top:112px;
width:198px;
height:1px;
#News-Header_ {
position:absolute;
left:198px;
top:112px;
width:202px;
height:33px;
#Events-Header_ {
position:absolute;
left:400px;
top:112px;
width:198px;
height:34px;
#Media-header_ {
position:absolute;
left:598px;
top:112px;
width:202px;
height:33px;
#Navi_ {
position:absolute;
left:0px;
top:113px;
width:198px;
height:427px;
#News-table_ {
position:absolute;
left:198px;
top:145px;
width:202px;
height:395px;
#Media-table_ {
position:absolute;
left:598px;
top:145px;
width:202px;
height:395px;
#Events-table_ {
position:absolute;
left:400px;
top:146px;
width:198px;
height:394px;
#Footer_ {
position:absolute;
left:0px;
top:540px;
width:800px;
height:60px;
-->
</style>
<!-- End ImageReady Styles -->
</head>
<body style="background-color:#FFFFFF;">
<!-- ImageReady Slices (Redesign_1.psd) -->
<div id="Table_01">
<div id="Header_">
<img id="Header" src="images/Header.jpg" width="800" height="112" alt="" />
</div>
<div id="Redesign-1-02_">
<img id="Redesign_1_02" src="images/Redesign_1_02.jpg" width="198" height="1" alt="" />
</div>
<div id="News-Header_">
<img id="News_Header" src="images/News_Header.jpg" width="202" height="33" alt="" />
</div>
<div id="Events-Header_">
<img id="Events_Header" src="images/Events_Header.jpg" width="198" height="34" alt="" />
</div>
<div id="Media-header_">
<img id="Media_header" src="images/Media_header.jpg" width="202" height="33" alt="" />
</div>
<div id="Navi_">
<img id="Navi" src="images/Navi.jpg" width="198" height="427" alt="" />
</div>
<div id="News-table_">
<img id="News_table" src="images/News_table.jpg" width="202" height="395" alt="" />
</div>
<div id="Media-table_">
<img id="Media_table" src="images/Media_table.jpg" width="202" height="395" alt="" />
</div>
<div id="Events-table_">
<img id="Events_table" src="images/Events_table.jpg" width="198" height="394" alt="" />
</div>
<div id="Footer_">
<img id="Footer" src="images/Footer.jpg" width="800" height="60" alt="" />
</div>
</div>
<!-- End ImageReady Slices -->
</body>
</html>
Now that everythings on the table, here is my problem, I hope its an easy fix.
How do I add text in Dreamweaver ontop of the slices I made....mainly those three content columns I made. I know I could just edit the text onto the images before export, but I plan on having to edit this page alot content wise.I am a 3d graphics major and know very little about web development but have some basic knowledge. My new boss has put me in charge of setting up our webpage.
You have my condolences. I hope your new boss is willing to pay you while you learn basic web design skills, too. It's a little shocking to me that anyone in their right mind would place something so important (their company web site) into the hands of an inexperienced site developer. This would be like taking your sick child or pet to an inexperienced doctor.
First off, Photoshop is a great graphics editor but it is a terrible html code generator. Use Photoshop to make comps, slice and optimize images for the web. Do not let it create your code for you. This feature is only intended for quick prototypes to show the client during the design phase. It is not intended to be used as a production site.
Second, bookmark and read through the tutorials below. DW is a powerful tool but it's only as good as the skills you bring to the table.
Third, if this is your first site in DW, don't try & get get too fancy your first time out. Keep your layout simple, clean, uncluttered. The less complicated you make your first site, the better.
Good luck,
HTML Tutorials
http://www.w3schools.com/
http://www.adobe.com/devnet/
http://www.scriptarchive.com/
http://www.htmldog.com/guides/
http://www.htmlcodetutorial.com/
http://alistapart.com/topics/code
CSS
http://jigsaw.w3.org/css-validator/http://www.w3schools.com/
http://www.projectseven.com/tutorials/index.htm
http://www.westciv.com/
http://www.tjkdesign.com/articles/one_html_markup_many_css_layouts.asp
Community MX Web Standards Lesson Plan Series
http://www.communitymx.com/abstract.cfm?cid=3D074
TOOLS:
HTML Code Validator - http://validator.w3.org
CSS Code Validator - http://jigsaw.w3.org/css-validator/
Firefox Web Developer Toolbar - https://addons.mozilla.org/firefox/addon/60
Faux columns with CSS
http://www.alistapart.com/articles/fauxcolumns/
Equal height CSS columns
http://www.projectseven.com/tutorials/css/pvii_columns/index.htm
On-Line Video Tutorials - subscription
http://lynda.com/
Customizing the layouts that come with CS3 (VIDEO)
http://www.adobe.com/designcenter/video_workshop/?id=vid0155
Creating your first website in DW CS4 -
http://www.adobe.com/devnet/dreamweaver/articles/first_cs4_website_pt1.html
From Tables to CSS Web Design Part 1 -
http://www.adobe.com/devnet/dreamweaver/articles/table_to_css_pt1.html
From Tables to CSS Web Design Part 2 -
http://www.adobe.com/devnet/dreamweaver/articles/table_to_css_pt2.html
Taking a Fireworks (or Photoshop) comp to a CSS based layout in DW
http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt1.html
Why do APDivs move?
http://forums.adobe.com/message/2181263#2181263
DW Design Center
http://www.adobe.com/cfusion/designcenter/search.cfm?product=Dreamweaver&go=Go
A couple of good video resources if you're thinking about learning PHP:
http://www.phpvideotutorials.com/free
http://www.killerphp.com/videos/
Using DW Page Properties to create a basic CSS style sheet
http://kb2.adobe.com/community/publishing/505/cpsid_50576.html
Guidance on when to use DW Templates, Library Items and SSIs -
http://www.adobe.com/devnet/dreamweaver/articles/ssi_lbi_template.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com
Maybe you are looking for
-
I dont see the point of using Ant Build compared to executable Jars?
I always think that to complete a project you successfully build it. And i thought that building is done automatically if you create an executable JAR? So what is ANT for? Arent Executables is the same as building your project?
-
How do I move contacts from 1 address book to another?
I have tried to "select" then drag and drop contacts from the Mac OS x address book, and vice versa, to the personal address book but nothing happens.
-
Can't find my scanner in Mavericks
My HP 1522nf MFP network printer prints fine. I can find it under my printer and scanners in the setting. However, it doesn't show up as a device in Image Capture and HP Utilities can't find it either. HP scan which worked with Lion and below does
-
Is it possible to use Airport Express to extend my Cisco E2500 wireless network
Hi everyone, I just bought the new 2012 Airport Express yesterday, and want to extend my network which is using Cisco E2500 via the Ethernet port, but I don't know how to do it, anyone can tell me if it is possible and how to do it?
-
''dupe of https://support.mozilla.com/en-US/questions/907431'' I can't email any document that has within it an image that is a jpeg, pdf, etc.