Opacity Options for CSS

I was looking to make some semi opaque div's and was wondering if this can be done using CSS. An example of what I am looking for can be viewed on my you tube page http://www.youtube.com/helpvid As you will see the area that house my content has a 50% opacity making the background visible. Can this be created in Dreamweaver?
Stay Safe
Mark

There is a CSS property called opacity. However IE doesn't fully support it (it uses it's own proprietary Filter to get a similar effect.) On top of that, using opacity not only effects the element you apply it to, but also everything else within that element! So your text within the div with CSS opacity applied to it will also have the same transparency - which can be bad and effect legibility when it comes to text.
See http://www.w3schools.com/Css/css_image_transparency.asp for more info and how to use it.
Now with the slow development of CSS3 and a more advanced color models and that can be used by certain browsers, one can use RGBA to define colors and alpha transparency. So far I believe this only works for Safari but one can get some pretty neat effects without effecting the opacity of other elements within the parent element using RGBA.
See http://www.css3.info/preview/rgba/ for information on this.
Hope this helps.

Similar Messages

Css opacity options

Hi there
I just want to check I have the full list of css opacity options covered and in the best order?
opacity:0.9;
filter:alpha(opacity=90); /* For IE8 and earlier */
-webkit- opacity: 0.90;
-moz- opacity: 0.90;
opacity: 0.90;
-khtml-opacity: 0.9;
Also how would I pump it up to 95%?
Thanks

Daniel Waddon wrote:
could you tell me if there is a way to give mobile brawzers less or more opacity and keep pc's, laptops ect to another?
You can use media queries to target smaller devices. You could probably also use jQuery to look for a specific type of browser (iOS / Android) but media queries are less code heavy and work for all mobile OS.
@media only screen and (max-width: 600px) { /* set this to the size you want the opacity to change. */
.transparent {
opacity: 0.7;

Eraser tool in Photoshop CS4 acts as if it is transparent when on brush or pencil mode. Block acts like its not transparent at all but there are no options for opacity, flow or brush size. Whats wrong and how to I make the brush and pencil eraser erase co

Eraser tool in Photoshop CS4 acts as if it is transparent when on brush or pencil mode. Block acts like its not transparent at all but there are no options for opacity, flow or brush size. Whats wrong and how to I make the brush and pencil eraser erase completely without having to go over it multiple times?
It started randomly about two weeks ago and I thought it was a glitch that would just go away. But now I am getting sick of using only the block eraser on one size. Help?

The easiest thing to start with is to reset the Eraser Tool.
Right click on the Eraser icon in the tool options bar and then click on Reset Tool.

Design view in DreamWeaver CS3 disabled for CSS & Java

I currently use Adobe Dreamweaver CS3, and only some files have the option to view them in code AND in design view. This works for most files (HTML, PHP, etc). However, anytime I create a new CSS or Java file, the design view is disabled:
I have already tried the two other solutions I've found in this forum.
First I tried Preferences > File Types / Editors, and I deleted all of the file types in the "Open in Code View" menu (pictured below).
I restarted DW, and it didn't work.
Then I tried several steps to re-create the Configuration folder (which it did, but the problem remained) listed here: http://kb2.adobe.com/cps/401/kb401118.html.
Still nothing. HTML, PHP, ASP and all other files have the Design View and Split View available, but CSS and Java do not. I would really like to use DW to start editing CSS, but do not know it well enough to write in code and therefore could really use that handy Design View so I can learn as I tweak it.
Any help much appreciated - thanks!

HTML, PHP, ASP and all other files have the Design View and Split View available, but CSS and Java do not.
That's correct. That's as it should be.
A CSS file contains a bunch of text only CSS rules. Javascript is text-only script. There's no layout to see for CSS and JS files in Design and Split View so they're disabled.
Files with layout e.g. .htm, .php have Design View because they're web pages with a layout which can be viewed.
I would really like to use DW to start editing CSS, but do not know it well enough to write in code and therefore could really use that handy Design View so I can learn as I tweak it.
Open any .htm or .php (or other) web page and its associated CSS file.
Then tweak the CSS either via Code View in the CSS file, or using the DW CSS Editor when viewing the .htm/.php file, and see the formatting changes applied in Design View in the .htm (or .php) file.
Do not rely on DW's Design View as an absolute reference for pixel perfect accuracy. It will always be an approximation only to assist visually oriented web designers while editing.
Always test all CSS rules and edits in a range of browsers. Browser support for CSS rules and effects varies. Not all browsers support everything on offer in CSS1, CSS2 and CSS3.

Oracle White Paper- Storage Option for RAC. on Linux

hi..
This in reference with White Paper.. Stotage Option for RAC on LINUX. Author- Umadevi Byrappa.
Which states on page 10: To Use NAS for RAC database file storage select the file system storage option in OUI. or the Clustered file system storage option in DBCA.
With which i disagree. File storage option of oracle 10g RAC only shows.
1. Clustered File system.
2. ASM
3. Raw Devices.
When i try to select Cfs and select the shared directory on NFS it says. < Directory_Name> is not a clustered file system or Shared on Both <Server_1> < Server_2>. and at this point of time i m stuck.
1. I dont want to use OCFS as its not supporting NAS.
2. Selecting CFS doesnt recognise mounted shared volume as valid storage device option can only store OCRfile and CSS file.
3. So, I have to use ASM.. with zero padded files..which i dont want to because no other option. ( PART NO. B10766-02 PAGE C-6)
Also, I would like oracle to provide Back up Recovery Option or Document which tells me how could i Recover Database when i use Zero Padded Files.
What would be the best Option in the above scenario ?
I hope by applying patch or with workaround somehow it shows Filesystem ONLY.I'll be the happiest man in this Case.
Any suggestions and corrections are most welcome. I wish i m wrong.
Nadeem ( [email protected] )

NFS isn't a clustered file system at all - by RFC it is an exported file system with access controls
If your vendor offers an NFS solution over and beyond that - more power to them. However that isn't "NFS"..
http://www.faqs.org/rfcs/rfc3010.html
You can use NFS in a clustered server environment (to mount apps, read only data and for synchronous access to files), however it doesn't support the concurrency out of the box for RDBMS transactions - if a vendor is supporting this promise then that is for you to decide.
However i stand by my statement that NFS is a file system exported across your network and not a full clustered file system.

Sample Command Output of show chassis inventory for CSS

Hi,
I am trying to get a sample command output of "show chassis inventory" for:
CSS 11501
CSS 11503
CSS 11506
Can anyone help?
Thanks in advance.
Mike

Hi Mchi,
When I use the command: show chassis inventory. I found :
Slot Module                           Serial
1     CSS5-SCM-2GE F0   JABxxxxxxx
2     CSS5-IOM-2GE E0   JAB08xxxxxx
3     CSS5-IOM-8FE F0   JAB0xxxxxxx
4     CSS503-SM-INT     JAB09xxxxxxx
this is the switch fabric module that connects the other modules.
This is an internal module and it can't be removed/replaced.
Use the show chassis command to display a chassis configuration for the CSS. The syntax and options for this command are as follows:
•show chassis - Displays a summary of the chassis configuration.
•show chassis slot number - Displays the operational parameters for a slot in a CSS 11503 or CSS 11506 chassis. Enter an integer value for the chassis slot number.
•show chassis verbose - Displays detailed information about the chassis configuration.
•show chassis flash - Displays the operational and locked Flash software code on the CSS 11501, and the CSS 11503 or CSS 11506 SCM and I/O modules. An asterisk (*) character before a Flash version of code and build number indicates that it is active.
•show chassis inventory - Displays the physical configuration of the CSS including part and serial numbers.
•show chassis session-processors - Displays the weight and power summary of the session processors in the CSS chassis.
CSS11506# show chassis inventory
Chassis Inventory:
Product Name:    CSS11506-2AC E0    SW Version:        07.50.1.05s
Serial Number:   JAB09xxxxxx        Base Mac Address: 00-13-80-37-xx-xx
Slot Module            Serial
1     CSS5-SCM-2GE F0   JAB0915xxxx
2     CSS5-SCM-2GE F0   JAB0914xxxx
3     CSS5-SSL-K9 F0    JAB0848xxxx
4     CSS5-IOM-2GE E0   JAB0808xxxx
7     CSS506-SM E0      JAB0911xxxx
8     CSS506-SM E0      JAB0911xxxx
Even a "show chassis verbose" command does not indicate the presence of a GBIC. It shows the Operational Status of a port as "online" whether there is a GBIC installed or not. For example, in the output below Slot 4 has a GBIC installed in port 4/1, but 4/2 is empty:
CSS11506# sho chassis verbose
Configuration for CSS11506-2AC E0:
Product Name:    CSS11506-2AC E0    SW Version:        07.50.1.05s
Serial Number:   JAB0916xxxx        Base Mac Address: 00-13-80-37-xx-xx
Module(s) Found:                   6
Power Supplies(s) Found:           2
Fan(s) Found:                      3
Slot/SubSlot Operational                  Locked
   1/1        *07.50.1.05                       07.40.1.03
   2/1        *07.50.1.05                       07.40.1.03
   3/1        *07.50.1.05                       07.40.1.03
   4/1        *07.50.1.05                       07.20.2.06
Slot Number:                       1 Type:       CSS5-SCM-2GE F0
Serial Number:           JAB0915xxxx Number of Ports:          2
Operational Status:          primary
Port Number:                      1 Port Name:          SCM-2GE
Operational Status           online
Port Number:                      2 Port Name:          SCM-2GE
Operational Status           online
Slot Number:                       2 Type:       CSS5-SCM-2GE F0
Serial Number:           JAB0914xxxx Number of Ports:          0
Operational Status:           backup
Slot Number:                       3 Type:        CSS5-SSL-K9 F0
Serial Number:           JAB0848xxxx Number of Ports:          0
Operational Status:          primary
Slot Number:                       4 Type:       CSS5-IOM-2GE E0
Serial Number:           JAB0808xxxx Number of Ports:          2
Operational Status:          primary
Port Number:                      1 Port Name:          IOM-2GE
Operational Status           online
Port Number:                      2 Port Name:          IOM-2GE
Operational Status           online
Slot Number:                       7 Type:          CSS506-SM E0
Serial Number:           JAB0911xxxx Number of Ports:          0
Operational Status:       powered-on
Slot Number:                       8 Type:          CSS506-SM E0
Serial Number:           JAB0911xxxx Number of Ports:          0
Operational Status:       powered-on
end of buffer.
Maybe you can use "show tech"
HTH
Sachin

When logging onto my schools website I receive a popup message overLIB 4.10 or later is required for CSS style plugin. I'm not sure what I need to correct this error.

After logging into my schools website the pop up message displays '''OverLIB 4.10 or later is required for CSS style plug in'''. After clicking on the ok button it displays the website that I want. Then anytime I go into another area within that same website the pop message displays.

This could be caused by a problem with a file in Firefox's cache. To clear cached files:
orange Firefox button ''or'' Tools menu > Options > Advanced
On the Network mini-tab > Offline Storage : "Clear Now"
Then reload the page. If the message is gone, try a few additional pages to confirm that the problem is resolved before posting back.
Any luck?

How to import programmatically an APEX images file using workspace images option and CSS files to APEX?

Oracle db 11gR2
Oracle APEX 4.2.1
Linux RHEL 6.3
I am importing a images file programmatically into APEX. And also a CSS file.
I want to add an images file to my APEX instance but I want to choose the option -- workspace images --. How does one do that programmatically via the APEX API e.g.?
I don't want the images tied to an application within APEX.
Does one do the same thing for CSS files that are imported to APEX?
thx.

This is interesting and helpful, I use the following code to import my APEX database application and run it via SQL*Plus and it works fine for database applications -- what do I need to change/add/modify in order to load the images and CSS files? NOTE: I want the images to be -- Workspace images -- not tied to any application. Also, I need to handle the situation where the images and CSS data already exist in the APEX environment as well as when they are not there (i.e. initial install). Usually it is a case where it is an upgrade so the data already exists in the APEX app and just needs to be updated.
declare
                  v_workspace      varchar2(35)    := 'WORKSPACE';
                  n_existing_app   number          := 123;
                  n_new_app        number          := 456;
                  v_app_alias      varchar2(35)    := 'WKALIAS';
                  v_parsing_schema varchar2(35) :='WORKSPACE_PARSE';
                  n_secgrp_id      number;
                  v_err_msg        varchar2(200);
                  n_err_num        number;
                  n_workspace_id   number;
                begin
                  -- get workspace id
                  select workspace_id
                  into n_workspace_id
                  from apex_workspaces
                  where workspace = v_workspace;
                  -- set workspace id
                  apex_application_install.set_workspace_id (n_workspace_id);
                  -- set security group
                  apex_util.set_security_group_id (p_security_group_id => apex_application_install.get_workspace_id);
                  -- set pasring schema
                  apex_application_install.set_schema(p_schema => v_parsing_schema);
                  -- delete existing app
                  begin
                    wwv_flow_api.remove_flow(n_existing_app);
                  exception
                  when NO_DATA_FOUND then -- do nothing when the application does not exist
                    null;
                  end;
                  -- set new app id
                  apex_application_install.set_application_id(p_application_id => n_new_app);
                  -- generate offset
                  apex_application_install.generate_offset;
                  -- set application alias
                  apex_application_install.set_application_alias(p_application_alias => v_app_alias);
                  exception
                  when others then
                    n_err_num := SQLCODE;
                    v_err_msg := SUBSTR(SQLERRM, 1, 200);
                    dbms_output.put_line('Error number = ' || n_err_num);
                    dbms_output.put_line('Error message = ' || v_err_msg);
                end;
@newapp.sql
commit;

Where's the opacity slider for brushes?

I don't know why but I can't seem to find the opacity slider for my brush tool. I can see the general opacity of the layer, etc. but nothing specific to the brush. I've attached a screenshot that shows my working space.
Thanks for any help.
russ

It's in the Options bar.
If you didn't hide the Options bar on purpose, turn it back on in the Window menu, or you may have to trash the preferences. See the FAQ if you don't know how.

Where can I find the options for usetopicformat?

Where can I find the options for usetopicformat? It appears that usetopicformat="0" (I'm formatting breadcrumb placeholders) ignores the style sheet and uses the settings in the rh-placeholder string).
I'd like to put settings in a style sheet. But changing to usetopicformat = "1" doesn't seem to help.
Are these "advanced" codes documented anywhere?
The full context is: I'm using a fixed position on the screen so the breadcrumb doesn't scroll (which works) but the classes in the style sheet are ignored.
Extract from topic:
<div id="test" class="test" style="background-color: #ffffff; border: none; padding: 5px; position: fixed;
width: 400px; height: 30px; top: 100px; right: 50px;">
<?rh-placeholder type="breadcrumbs" ph-align="2" sep-char=">" home="Home"
usetopicformat="1" ph-style="font-family:Arial;font-size:10pt;font-weight: normal;font-style: normal;text-decoration: none;" ?>
</div>
Extract from style sheet:
/* Classes below should not scroll.*/
p.test {
      position:fixed
      font-size: 8pt;
Output is to Webhelp.
Tom

Hi Tom,
As far as I have found, using the topic style prevents Robo from using it’s own styling for the breadcrumbs. But I saw that it also adds the class ‘breadcrumbs’ to the paragraph holding the breadcrumbs. So you should be able to use the following CSS selector to style the placeholder:
p.breadcrumbs {
                //Your styling here
Greet,
Willam

How to implement long-distance box-box Redundant for CSS product?

I want to config box-box redundancy for CSS,but It's about 1200+ meters from one to the other,
so it couldn't implement using crossover UTP cable.
(DOes it work well when link with Fiber optical transceiver between the two Content Switches ?)
or
Would you pls. give your solution for this ?
Thanks,
thomas

As far as my knowledge goes I think cross over cable is the only option.When the CSS are too far apart, Box-to-Box
redundancy cannot be used.A gige-cable cannot be used for failover.
Have a look at this:
http://www.cisco.com/univercd/cc/td/doc/product/webscale/css/advcfggd/redndncy.htm#xtocid145103

What about support for CSS preprocessors?

I love that Adobe is making all of these advancements in areas of HTML / CSS / JS / etc. but CSS preprocessors are becoming the way to "do things" and this is where I cringe when I have to use Dreamweaver and now recently Edge Code. If Adobe is all about the future, why not start including support for CSS preprocessors (most noteably SASS and LESS)?

I think you would want to support both less and sass mainly because there are so many differnt opinions on what works best, I started out using less and then learned about sass and did a little research and decided sass had more to offer, but I Know there are sever folks who think less is easier to use,
I think your biggest problem is getting people to open up something new such as Edge Code and decide what will this offer me that I can't get elsewhere, for example before I got creative cloud, I started with dreamweaver way back in the early days, latter on when jquery started getting popular I couldn’t seam to get code hinting to work, and there where a few random folks offering a half-assed plugin that didn't always work and between that and not being able to pay for the updates for dreamweaver and other products I looked around and found Aptana which I still use today because so far It has never been unable to do what I need and its free, now that I have just recently started using CC which is freaking awsome Im thinking about giving dreamweaver another shot, in-fact I was downloading it when I noticed edge code and decided to try it, the first thinks that I thought was how am I going to use sass with this.
So that said I think to me the most annoying part of using sass is the setup which consists of the following steps, copy a folder I made and update on my local machine, which has all the basic structure such as css folder, js folder, an index that has the basic linking to folders and files then rename the folder change some of the basic things such as title and well the obvious things, then open terminal and do a sass —watch then carefully make sure I only point to the css folder I'm working in so I don't have the annoying delay you get if you point to a folder that has several projects in it, and then once its set up if I still have any ambitions to even work anymore I do my thing, so things I think would work great would be thus, and this is keeping in mind Im new to the edge products so some of this may already exist, I haven't spent allot of time in any of the apps,
What if not only could I just drag my preset work folder(s) into Edge Code and get going but maybe have it auto start a sass watch if it detects a .sass file.
I think code hinting and color are obvious needs.
Maybe a button that would create a project folder and include some pre determined files in the folder and link to them.
Maybe a option to work in sass mode.
Link files between the edge apps, really I could go on forever I am more of a visual person so I made a sample of what it might look like if I could create a picture with my words and I'm sure I'm leaving things out, I don't have allot of time to really explore this like I would like, over all I think the edge apps are looking really positive and I can't wait to see where they go, I hope this helps and let me know if I over looked things.
cid:0A2D995B-A35B-45BC-82F6-3E7D1C582E35

I cannot see the option for face time of open and close in iphone 4s

Plzzz tell me no facetime option for on and off is nott comming in settings help me plzzz

There is no FaceTime app for the iPhone if that's what you're asking. FaceTime is accessible through your Contacts as one of the options in how to contact a person -- there is no standalone FaceTime app for iPhone.
If you mean how to disable FaceTime, you can do that in Restrictions (Settings/General/Restrictions).

Needing a multi-month and year-in-view option for ical!

Hello all!
I could really use a multi-month and year-in-view format in ical... I've seen some dated posts - is anyone aware of any new developments/options for this?
thanks and peace-
DW

I turn off all calendars but the birthdays. Select [Print]. Choose all the months you want to see. Deselect all calendars but birthdays. Click [Continue]. On the next menu, go to "Layout", select how many pages to print on the paper. I usually print a border around each calendar then you're good to go!
By only printing the birthdays calenar, you won't get too many appointments to get in the way of brain storming and future planning, yet the computer still thinks its printing a useful calendar.

BODS : Datastore options for SAP R/3 - need clarity for use

Hi All.
Another request to understand the datastore optiono n BOXI 3.1 BODS existing installation.
We are trying to pull a new table from SAP R/3 into BODS and we find that ABAP program is not getting generated as expected. And terminates. When we tested a simple workflow.
While creating a new datastore for SAP R/3 Source :
When we look at the datastore we find the following options for R3 Source ;
ABAP Execution option :
Execute preloaded
Generate and execute
Under data transfer method we find ;
Shared directory
Direct download
FTP
Custom transfer
Then we have working directory on sap server
local directory
generated ABAP Directory
Am testing a simple workflow of pulling data from SAP R/3 in a dev machine.
But am not understanding.
which option of ABAP Execution, and data transfer , path would work in co-ordination.
Because when i say direct download and say generate and execute it throws error.
Can anyone help me with combinations of the options to choose for a R/3 source. And the implications thereof.
I had created a folder under local bods server D:\Bodi. And given the path for data transfer.
But the files are not getting generated for whatsoever reasons.
Any advise on this would be helpful.
Also found a bit unusual, that there was no button to test the connection to be correct or not, a TEST connection button is not there. Which i felt, could be included.
Note : on the existing production system, we have chosen execute preloaded; shared directory on sap server. and shared that folder path for the user and given full rights. But while we try to do the same on the dev machine a test before transporting on production, a simple workflow does not work.
would like to know what settings on sap server, really affect the data store options on the BODS
thanks
indu
Edited by: Indumathy Narayanan on Jul 19, 2011 4:14 PM

Indeed, BODS <> SAP connectivity can be tricky.
For a development environment, I suggest you select the option "Generate and execute" for your "ABAP Execution Option." What this means is that DS will create, on the fly, small-ish ABAP programs. These ABAP programs will be written, in plain text, to a local directory on the DS job server, in the folder specified in "Generated ABAP Directory". You can see them in there after an attempted job execution, assuming the job involves the creation of an ABAP program. The ABAP program name is specified in the properties of an ABAP data flow, under Options > ABAP Program Name. If you can't, perhaps the DS job server process doesn't have full rights to that folder - ? After being generated on-the-fly, they'll be transferred to SAP to execute. The SAP user you use to connect to SAP must have sufficient rights to upload-and-execute these ABAP programs, and that's a fairly substantial set of rights. What's required is documented in the BODS supplement for SAP. Often, to get things running, your friendly local Basis admin will grant SAP_ALL to the DS user, to see what rights are being invoked.
Once all that jazz is working, you need to get the data back. There are a number of ways to do this. The method of data transfer is specified in "Data transfer method," where, ignoring "Custom transfer," you have three choices:
1) Direct Download: easiest and slowest. This method tells SAP to attempt to stick data in the client-side folder specified in "Local directory." Try this first.
2) Shared folder: This is recommended when you have SAP being hosted on a Windows box. Basically: you set "Working directory on SAP Server" and "Data Services path to the shared directory" to point to the same folder. SAP uses the "Working directory on SAP Server" to find this folder, and DS uses the other setting. So, for instance, if you were going to use the Shared folder method, you could set "Working directory on SAP Server" to "E:\BODS_Transfer", and, assuming E:\BODS_Transfer was shared-out as "BODS_Transfer", you could set "Data Services path to the shared directory" to
dev12.somecompany.com\BODS_Transfer . Then, you'd need to setup all the relevant security, as both SAP and DS need rights to read and write files in this folder.
3) FTP (this is the method I usually use): SAP writes the "transport files" you're after (i.e., the data) in the folder specified in "Working directory on SAP Server". Then, you need to establish ftp connectivity to that folder from the DS job server's perspective, which you do by entering the ftp host name and the path to that folder in "FTP host name" and "FTP relative path to the SAP working directory". In my opinion, the "relative" business is a little confusing, and I just typically enter the full ftp path, beginning the path w/ a forward slash, like "/usr/sap/tmp/BOBJ" or something like that. You also need to obtain a separate username and password for the ftp connectivity. Note that this name and password has NOTHING to do with the SAP username and password; you're just setting-up DS to act as an ftp client. I strongly encourage you to test ftp connectivity by using a regular ftp client from the DS job server and attempt to connect to your ftp host using the username and password you were given, and attempting to fetch some sample test file. If you can't do this, manually, then DS won't be able to do it, either.
Best wishes,
Jeff Prenevost

Opacity Options for CSS

Similar Messages

Maybe you are looking for