Changing CSS Code Destination

When I create html code the code for those selectors are created in the original CSS File. Is there a way to change what CSS file the code will go to?

1. Open the CSS Designer (Window > CSS Designer or Shift + F11)
2. In the Sources sub header, click the + and choose Create a New CSS File
3. Give the file a name
4. Choose Link for the Add As radio button
5. Hit OK
From there on out, when you want to add to that css file, make sure it's highlighted under the Sources sub header in the CSS Designer.

Similar Messages

CSS code to change cursor to magnify symbol on hover over specific images

Hi to you experts out there! I'm having a problem getting my CSS code to work. (I'm using Adobe CS4 Design Premium)
The web pages I'm working on are a gallery of images, with linked thumb images to the left which when clicked show the complete image on the right of the page. All 'main images' can also be clicked on to link to the next main image along, corresponding to the order of the thumbs. However, some 'main images' when clicked on are linked to larger, full page versions of an image. In this instance I want the user to see the pointer/cursor to change from the little hand to a magnify symbol when hovering over these specific main images. This is where I can't get the css code to work/achieve this.
For your info the main images reside in '#main_image' div. There is a compound CSS Rule for the main image pic called 'main_image a img', for a 2px, white border. There is then a hover state for this 'main_image a img:hover' where the border changes colour. (the main pic is assigned the ID 'img')
I have created a new compound CSS Rule for specific main images, where I want the cursor to change to a magnify symbol, again corresponding to the '#main_image' div, named 'main_image a zoomin' and also a hover state, 'main_image a zoomin:hover'. These two still have the same border attributes as above, 'a img' and 'a img:hover' (these main pics have been assigned the ID 'zoomin'). However, this is where I have also added CSS code for the cursor change. I have tried 15 or so variations of the following, without success:
#main_image a zoomin {
     cursor: url ('images/magnify.cur'), pointer;
     [then the border attributes...]
and...
#main_image a zoomin {
     cursor: url ('images/magnify.cur'), -moz-zoom-in, auto;
     [then the border attributes...]
What am I doing wrong? This can't be difficult! Would welcome some help please!
(Within the root directory: WinVista(C)/local_sites/sjcillustration/images' there are two files 'magnify.cur' (a downloaded img) and 'magnify.png' (my custom img - created in Illustrator, which I would actually prefer to use, but can't export as a .cur file). )

Call me Capt. Obvious, but why can't you put a "magnify" icon next to or below the thumbnail image along with the words "Click to Zoom?"
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Modifying CSS code to customize a theme

Hello:
I'm trying to change some CSS code to customize a theme for an application. I make my change, upload, and the change takes into effect. I make additional changes, click Apply Changes, and the changes do not take affect.
I then go back to my CSS file, make the additional changes, upload the file, and the changes do not take into effect.
My issue is that some of the time when I make a change to the CSS code, the changes take into effect. Other times, they do not.
I installed Firebug which lets me print the HTML and CSS code for a page that is being currently viewed on the screen. I reviewed the HTML and found the "id" that I want to change. I make my changes, upload the CSS file, and the changes do not take into effect.
What is the secret with the CSS code in these themes that will not take my changes?
Here's an example of what happens:
I change the background color for a table. I then want to change the font-color. Instead of displaying both changes; my page reverts to the original colors of the theme.
I am at a complete loss. I have experience in CSS coding and I just don't understand why these changes aren't working all the time.
Can someone give me some insight as to the secret of customizing these themes?
Thanks,

Hi,
You can find your uploaded file in the table APEX_APPLICATION_FILES (or HTMLDB_APPLICATION_FILES in older versions of Apex) - search for your css filename in the FILENAME column.
I tend to upload custom stylesheets through Shared Components, Cascading Style Sheets and then replace the existing LINK tag in the page template with:
<link rel="stylesheet" href="#WORKSPACE_IMAGES#MyThemeFileName.css" type="text/css"/>Then, when I need to change the css, I do so using a text editor, delete the file through Shared Components and add in the new version. Sometimes the browser's cache holds an old copy of the stylesheet, but clearing the cache sorts that out. Otherwise, I've not had any problems doing it this way.
The css files you're seeing in your images folder will be referenced within the page templates. As these may be updated with any upgrade to Apex, you should avoid updating these.
Andy

Preview css code without html??

I am learning CSS and very slowly.
I would like to know if there is any way that I can "see" if my css code is working the way I want it to.
Since there is no display in CSS , only html, I'm guessing I have to link the CSS to the html in order to see
if the CSS code is working the way I want.
Is there an easier way to "try out" css code?
Perhaps another way to get it to display without linking it to an html file?
Maybe there is another program that will let one "view" css code?
Maybe something online that will do this?
I really could use something like this.
Otherwise, can someone tell me, in the most basic, simple terms, how I can link my Css code page
to an html page, so i can preview if my CSS code is doing what it's supposed to?
thanks!!!!!

I hope this makes sense. thanks again!
Not really. I don't understand the workflow you're attempting.
CSS formats HTML pages. I link one external CSS stylesheet to all my HTML pages then tweak the CSS in the external CSS file and "see" the results of my tweaks on the HTML page I'm actually formatting.
In other words, I preview my changes on the HTML page which is actually linked to the CSS stylesheet.
You seem to be wanting to set up your CSS in isolation to your HTML page then, when you've got it right, you want to apply the CSS to the actual HTML page.
Am I missing something?
These are some of the ways I think might work:
<td><span style=”background-color:yellow”>Breakfast</span>..</td>
<td style=”background-color:yellow”>Breakfast</span>...</td>
<td><span style=”bgcolor:yellow”>Breakfast</span>..</td>
<td><span style=”color:yellow”>Breakfast</span>..</td>
but I need to try them all to see which is the one that will give me the desired result (highlight the word Breakfast in yellow).
You've lost me here I'm afraid. Why not let DW do the coding for you?
e.g. <span style=”bgcolor:yellow”> is invalid CSS code. DW will code it for you.
Avoid inline styles <td style=”background-color:yellow”> and <span>s wherever possible. Use them in an emergency only when no other option exists. Otherwise, every time you tweak a color, you have to update every single affected <td> and <span> tag which defeats the reason for using CSS in the first place.
CSS can be applied in several ways. In order of preference:
1) External, linked styesheet (preferred option every time)
2) Embedded stylesheet (rules grouped into the <head> section of a HTML page)
3) Inline styles (CSS inline with the HTML code scattered throughout the page) - emergencies only or where no other options exist such as HTML email formatting
You're starting with option 3) and making life hard for yourself.
It's more powerful and efficient to define a CSS class for a highlighted table cell - in an external stylesheet which is linked to the HTML page:
e.g.
Separate CSS file
td.highlight {
background-color: yellow;
HTML (with CSS file linked to it)
<td class="highlight">Breakfast</td>
You can do this for all highlighted <td>s on all HTML pages on your website - be it one or 1000.
Later, if you want to change yellow to green, you change the CSS rule in the external CSS stylesheet (you don't have to touch the HTML file at all):
td.highlight {
background-color: green;
upload that one tiny stylesheet file to the server and your entire website (all 1000 pages) is instantly updated.

How to apply html css code in ADF pages

I have the css code for all html components like buttons , text box, tabs etcc.. I want same look and feel in adf, I want to apply same css in ADF pages without/with minimal changes,
I need very urgently,
plz do needful ASAP.
Thanks & Regards,
Ram.

Hi..
Also this will helpful
http://technology.amis.nl/blog/5722/using-adf-faces-11g-skinning-for-setting-the-styles-of-specific-component-instances-or-groups-of-instances

How to change css of f:selectItems

Hello
I am not able to change the css of f:selectItems inside rich:select. I can change CSS of rich:Select successfully unfortunately I do fail when I try to change f:selectItem. You can see the code.. Any help will be appreciated.
Best Regards
Altaico
<code>
<h:panelGroup styleClass="mySelectStyle" rendered="#{loginBean.isAuthorize('sigorta') or loginBean.isAuthorize('admin')}" >
<rich:select id="kurumList" enableManualInput="true"
value="#{loginBean.islemYapilanKurum.kurumKodu}"
defaultLabel=" " rendered="#{not empty kurumListTemp}" styleClass="mySelectStyle" >
<f:selectItems value="#{kurumListTemp}" var="k"
itemLabel="#{k.kurumAdi}" itemValue="#{k.kurumKodu}" styleClass="mySelectStyle" />
<f:ajax event="change" render="toolbar" listener="#{loginBean.kurumAta}"/>
</rich:select>
</h:panelGroup>
</code>

Yes, if you would check the JSF specifications or any result you get by searching google for 'jsf tags' you would see that f:selectItem in fact does not support a styleClass attribute. In stead of just guessing - look up specs and know. Surely that is not a weird concept to you?
But then you're using Richfaces - and this is not a Richfaces forum. But I'm a nice guy (really!) so I check the Richfaces manual for you - which you could have done yourself. And then I see that the rich:comboBox element supports an 'itemClass', an 'itemSelectedClass' and a 'listClass' attribute. 2 minutes of work. Might be worth investigating.
Good luck.

Mark css code in a .php file

I changed my css file extension to php (so that I could
change css properties based on user preferences through php)
Now, DW doesn't mark/highlight my css code.
How can I explicitly tell DW to mark css code in a .php file?
Failing that, is it possible to change css properties in a
.css file dynamically on the server?

Pavelthesecond wrote:
> I changed my css file extension to php (so that I could
change css properties
> based on user preferences through php)
> Now, DW doesn't mark/highlight my css code.
> How can I explicitly tell DW to mark css code in a .php
file?
I don't think you can.
> Failing that, is it possible to change css properties in
a .css file
> dynamically on the server?
I find the most practical approach is to use PHP to control
which
stylesheet is linked to the page:
<?php
if (isset($_SESSION['css']) && $_SESSION['css'] ==
'pink') {
?>
<link href="pink.css" rel="stylesheet" type="text/css"
/>
<?php
elseif (isset($_SESSION['css']) && $_SESSION['css']
== 'blue') {
?>
<link href="blue.css" rel="stylesheet" type="text/css"
/>
<?php
else {
?>
<link href="default.css" rel="stylesheet" type="text/css"
/>
<?php } ?>
David Powers
Author, "Foundation PHP for Dreamweaver 8" (friends of ED)
Author, "Foundation PHP 5 for Flash" (friends of ED)
http://foundationphp.com/

Dimension Filter is not responding in Chrome after CSS code applied

Hi Everyone,
In SAP Design Studio 1.4 Sp02 I have Dimension Filter which is working good in both IE and Chrome. It is getting regular default font as header in filter and when we select any value for the filter, we need it with bigger font and bold, so I wrote CSS code as below and applied it to my dashboard. After CSS code that dimension filter is working as before only in IE and it is not responding in Chrome. Please see the below code and suggest the changes or extra code if I need to add to this to work in Chrome also.
.sapzenfilterpanel-Container,
.sapzenfilterpanel-Container .sapUiBorderLayoutTop,
.sapzenfilterpanel-Container .sapUiBorderLayoutTop,
.sapzenfilterpanel-HeaderText,
.sapzenfilterpanel-HeaderText.sapUiTv,
.sapzenfilterpanel-HeadLine,
.sapzenfilterpanel-Container .sapUiRrRow .sapzenfilterpanel-RowRepeaterRow div
font-size: 14px !important;
color: black !important;
font-weight: bold;
background-image:
    linear-gradient(
    box-shadow: none;
               color: blue;
top: 1px !important;
bottom: 1px !important;
align-items: flex-end !important;
Thanks,
AP

Hi,
I have tried the following please tell me whether this is what you expecting
I have create 4 filter with name filter1,filter2,filter3 and filter 4. Then a radio button and in onselect of the radio button, i have given the following script
var a=RADIOBUTTONGROUP_1.getSelectedText();
if(a=="1"){
FILTER1.setVisible(true);
FILTER2.setVisible(false);
FILTER3.setVisible(false);
FILTER4.setVisible(false);
if(a=="2"){
FILTER2.setVisible(true);
FILTER1.setVisible(false);
FILTER3.setVisible(false);
FILTER4.setVisible(false);
if(a=="3"){
FILTER3.setVisible(true);
FILTER1.setVisible(false);
FILTER2.setVisible(false);
FILTER4.setVisible(false);
if(a=="4"){
FILTER4.setVisible(true);
FILTER1.setVisible(false);
FILTER2.setVisible(false);
FILTER3.setVisible(false);
Output:
value 1:
value 2:
value 3:
value 4:
This working on chrome well.
Thanks,
Nithyanandam

Adobe Muse ignores CSS Code

Hello,
I am trying to insert a HTML5 fullscreen ivdeo backround to my website.
I use the following code:
<div id="container">
<video width="100%" preload="auto" autoplay="true" loop="loop">
<source src="assets/video.webm" type="video/webm" />
<source src="assets/video.mp4" type="video/mp4" />
</video>
</div>
body{
margin: 0 0 0 0;
padding: 0 0 0 0;
#container{
position: fixed;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: -1;
The upper part works fine. But the it seems the CSS code is beeing ignored.
This is what I want to achieve:
"Here we use CSS to make the video’s container always be the size of the browser window, and make sure that it stays in its spot when scrolling through the HTML content, and a negative z-index value to keep it below our HTML content."
And here is the link: www.mhgrafikdesign.de/new/printdesign
Any tipps?

You would need to know CSS. If you need to change Muse CSS you can use Firebug in Firefox to find the element ID. Then you would need to add your custom CSS to the head section in your page properties.

If statement in css code

can you write an if statement in your css code that if the name of a particular web page is something, apply one css style otherwise apply another.

No. If statements are used in PHP & JavaScript; not CSS.
Use External style sheets for your site wide styles. Use Embedded CSS for page specific styles inside the document's <head> tags.
<head>
    <style>
          page specific styles go here....
     </style>
</head>
Nancy O.

How can I convert my css code into table format?

Wasn't sure how to word the title, but what I am trying to do is post my html code generated with Dreamweaver CS4 into craigslist for an advertisement I designed. Craigslist seems to only accept "TABLE FORMAT". I just learned enough to design this AD using css, now do I have to go back and learn table cell coding? Is there something I am not aware of like a conversion or something that will work?
Thank you very much for any help, I am very anxious to get my ad placed.

Example of the accepted code:
<table border="0" cellpadding="5" cellspacing="0" width="100%" id="table4" align="center">
<tr><td width="125"><b><font size="2" face="Verdana">Contact Name:</font></b></td><td><font face="Verdana" size="2">Patrick</font></td></tr>
You must have an old HTML editor because that isn't INLINE CSS CODE. It's deprecated HTML code. It might work OK on Craig's List... but <font> tags won't pass W3C validation in XHTML doc types.
To express what you have above using inline CSS styles without tables would like this:
<p style="font:16px Verdana, Arial, Helvetica, Sans-serif; text-align:center"><strong>Contact Name:</strong> Patrick</p>
http://www.w3schools.com/CSS/css_howto.asp
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

How do I cut and paste text in css code in dw cc?

How do I cut and paste text in css code in dw cc? I only licensed it a few days ago, it worked fine in trial! Thanks...

copy the code in Notepad (Window Machine) or MAC (Copy in texteditor) & paste it in DW, i think its working.

How to change tax code while processing sales order dynamically

Hi
we need to change the tax condition value whenever Value inclusive tax more than 5250 then it has to capture different tax code ( 12.5 percent ) else it should capture existing tax code ( 5 percent ), is there any user exits or can we do through configuration
Regards,
Sekhar.K

Hi,
Please change the Tax code in Purchase order instead in Invoice.
There is a facility available in Purchase order for mass change of any field at PO level.
Entere the Tax code V0 and keep the cursor in Tax code field , then select Fast Change icon besides Copy item Icon above, you will get New values, enter V0 here and then select the radio button all items below and execute it, you will find all your line items will be having V0 tax code.
This is a best practise to change Tax code at PO level.
AMIT

Need to change Tax code in po but GR and IR also completed

Hi Gurus,
I have one issue in the po, the line item "xxxxxxx" in the PO It shall be 36 instead of 39.but it is GR and IR also completed,now we need to change the Tax code,for this we need to cancel IR and GR or without cancel GR, IR also we can change Tax code,please guide me.,but i am thinking this below mentioned steps to maintain for change the Tax code.
(1) cancel IR
(2) Cancel GR for line item "xxxxxxx"
(3) Change tax code for line item "xxxxxx" from 39 into 36
(4) Re-post GR for line item "xxxxxx".
(5)Re-Post invoice for line item "xxxxxx"
These steps are required to change the Tax code in the po or not
please guide me,
Thanks for your reply.
Regards
SAP MM

Hi,
If the Tax amount is merged to the expense/revenue account as per the Tax configuration.
Then if the tax code is V1 --Tax amount is 100 Rs
The system will post that amount to material account and same will be GR/IR.
When you do the MIRO the GR/IR will match & vendor account will update.
If the Tax amount is posted to seperate a/c then tax amount will not merge to material account so at GR tax amount has no reflection but in MIRO system will post the tax to seperate G/L account and vendor is updated with Material Price + Tax amount, GR/IR will be same as MIGO .
hope you understand.
rgds
Chidanand

I live in the UK but visit the US regularly. The price of a new MacBook Pro is much less in the US, and is where I plan to buy one. However, I have read that a US machine will not play UK DVD's. Is this true and if so is it possible to change the codes?

I live in the UK but visit the US regularly. I plan to buy a MacBookPro in the US but have read that it will not play UK DVD's. Is this so? If so, is it possible to change the codes?

All modern & new Macs can play both PAL and NTSC DVDs. I do it all the time and it works perfectly.
The DVD drive is set to its first region code when you first play a DVD in it. So when you buy a Mac, whatever type of DVD you play first will determine the initial region code that is set. If it's a PAL/Region 2 DVD it will set the DVD drive to region 2.
The only thing you have to watch out for is if you have a collection of DVDs that have different region codes. In those cases you may be faced with changing the region code in the DVD drive in order to play one or more of the DVDs; and as others have noted there is a limit to the number of times you can change the region code (most modern DVD drives allow up to 5 changes; the 5th change becomes the permanent change). This is due to industry licensing practices.
If you have DVDs that are Region 0 or All Regions you don't have to worry about region codes.

Changing CSS Code Destination

Similar Messages

Maybe you are looking for