Reg : Password Type CSS Style

Hi Team,
My requiremetn is as below :
OAF page contains the following fields :
Name :
Password:
Re-Enter Password :
All fields should be text-input.
So my requirement is that : the entered password should not be shown as normal text, it should be masked with '*' while user entering the passwords. Which is a default behaviour in many of the websites.
So how to create a CSS style for it ?? Do we have any inbuilt css styles available in OAF ??
FYI: Login site for Oracle Apps which is built on OAF is having this behaviour (password is masked with '*') , but i could not find the exact CSS which it is using.
Please provide your thoughts.
Regards
Sridhar

You don't need to use a CSS class. If you are usnig the OAMessageTextInputBean you can just call the setSecret(boolean) method.

Similar Messages

Problem with Css styles not showing in live view or when i browse

I am using Mac osx 10.6 and building website with Dreamweaver CS5. Sometimes div tags i create not showing styles or rendering in live view or when I browse but showing in design view. I looked in dreamwever faq and they talk about not showing in design view to toggle the display styles. That is not the problem becuase it is check marked and I tried turning off and turning on and made no difference.I am using firefox browser.
It happened before the other day too. But all of my other pages in this site that i have created the same way building with div tags and css styles. So not sure what the problem is. Maybe someone has a suggestion here.
Johanna

<!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" />
<title>Portfolio</title>
<style type="text/css"></style>
<link href="css/jbstyles.css" rel="stylesheet" type="text/css" />
<style type="text/css"></style>
</head>
<body>
<div id="wrapper">
<div id="mainnav">
    <div id="navbar">
      <ul>
        <li><a href="index.html"><br />
        </a></li>
<li>
          <ul>
            <li><a href="index.html">          Home</a><a href="about.html">About</a></li>
            <li><a href="portfolio.html">Portfolio</a><a href="contact.html">Contact</a></li>
          </ul>
        </li>
      </ul>
</div>
    <div id="contentinside">
      <div id="navbar2">
        <ul>
          <li><a href="design.html">Design</a></li>
          <li><a href="multimedia.html">Multimedia</a></li>
          <li><a href="webdesign.html">Web Design</a></li>
        </ul>
      </div>
      <div id="mm1thumb">Content for id "mm1thumb" Goes Here</div>
      <div id="mm2thumb">Content for id "mm2thumb" Goes Here</div>
    </div>
    <img src="images/multimsidebar.gif" width="212" height="615" alt="mmsdbr" longdesc="http://multimsidebar" />
<div id="footer">
    <p> </p>
    <p>Johanna Bresnahan</p>
    <p>Web & Graphic Design - http://www.johannabresnahan.com</p>
    <p> email: [email protected] ....phone....857•991•5717<br />
</p>
</div>
</div>
</div>
</body>
</html>
Here is the html code above. not sure how to attach my file so get a visual. This is the first time I have used this forum.
Johanna

CSS Style Sheet Link Recursive Error?

I am trying to link a css style sheet to a new root file. When I try to link the css sheet I get an error - A recursive style import was found while trying to add Check Magazine.css. Please resolve this error by editing the file in an external text editor and try again.
What does this mean? I looked up recursive style everywhere and there is no explanation. I don't know how to fix. The answer I found on these forums mentioned an @import statement error but I dont even have any @import statemensts in my style sheet this style sheet is part of the Getting Started tutorial on this website.
@charset "utf-8";
#container{
width: 968px;
background: #FFFFFF;
margin: 0 auto;
padding-left: 10px;
padding-right: 10px;
overflow: hidden;
This is my code, can you help?

This is my index.html code, I am so lost as to what to do to get rid of this stupid error. My style sheet is not linked so of course it is useless and I have to code on both documents since the code doesnt show up automatically on the Style sheet when I add something to the index 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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Check Magazine</title>
<style type="text/css">

</style>
</head>
<body>
<div id="container">
<div id="banner"></div>
<div id="main_image"></div>
<div id="left_column">Content for id "left_column" Goes Here</div>
<div id="column_container">
<div id="right_column">Content for id "right_column" Goes Here</div>
<div id="center_column">Content for id "center_column" Goes Here</div>
</div>
</div>
</body>
</html>

RH-generated WebHelp doesn't display some CSS styles

I've worked with RH for a while, including creating other WebHelp projects in RH that have been deployed without any problem. On my current RH9 project, however, some of the CSS styles are not being applied after the project output is moved to a network directory. When I open the project output on my Desktop, the styles all render correctly.
The styles in question aren't especially unusual:
DIV.text {
          width: 640px;
          padding-left: 25px;
          padding-right: 25px;
          padding-bottom: 25px;
          margin-left: auto;
          margin-right: auto;
          background-color: #EDEBDE;
P.footer {
          text-align: center;
          font-size: 8pt;
          line-height: 25%;
          color: #A13619;
The kicker is that some of the styles ARE being applied (e.g., background image), while the 2 styles above are NOT being applied.
Some of the things I've already tried include:
- creating a new copy of the CSS file
- making sure the correct stylesheet is referenced in the HTML files
- making sure the correct stylesheet is referenced in the MasterPage
- making sure the correct CSS type is specified in the HTML files
- adding "!important" to the styles that aren't being applied
Has anyone seen / resolved issues like this before?
Thanks!

Solution:
My supervisor and I huddled on the problem and eventually found these discussions:
http://stackoverflow.com/questions/4966952/ie-not-rendering-css-properly-when-the-site-is- located-at-networkdrive
http://stackoverflow.com/questions/167657/will-targeting-ie8-with-conditional-comments-wor k#answer-168131
I opened the IE Tools > Developer Tools panel, and used the Browser Mode settings to check the variations (IE7, IE8, and IE8 Compatibility). IE8 displayed all DIVs correctly, while the other two apparently severed the CSS file from the HTM file.
I had to do a mass find/replace, pasting another meta tag below the RH generated compatibility check:
<meta http-equiv="X-UA-Compatible" content="IE=8" />
And there was much rejoicing.
As an aside, the new meta tag did not work when I tried to apply it to the Master Page....which makes sense, I guess.

How to apply a css style to a radio button.

I cannot seem to persuade jsf to pass css styles through to a radio button.
I have markup like this:
<h:selectOneRadio id="direction" styleClass="largish-form" >
<f:selectItem id="positive" itemLabel="positive" itemValue="positive" />
<f:selectItem id="negative" itemLabel="negative" itemValue="negative" />
</h:selectOneRadio>Which gets transformed into something like:

<td>
<label>
<input type="radio" name="comp-amount-form:direction" value="positive" class="largish-form" />
positive
</label>
</td>So the style does not get applied to the text of the label. I was expecting something like
<span class="largish-form"> positive</span>.So how do I get styled labels on my radio buttons?
Thanks in advance.

For a standard Portal page you should use the Portal styles and associate them to a page. These effectively generate a CSS style sheet anyway if you view the HTML source of a rendered page in your browser.
Using the correct PDK APIs you effectively reference the CSS tags in your Java or PL/SQL code.
If your portlet need to open a page in a new window you can no longer reference the Portal page style as the CSS style sheet does not get attached.
In this situation, code your HTML as normal and reference your CSS style sheets as normal.
If you create you CSS sheet you can store it in a page as a file and access using the direct access URL like I showed you in a previous response regarding the storing of images.
Cheers,
John

Show CSS comments in CSS Style list?

Hi,
I've been using Dreamweaver for a numbef of years, but one small feature is forcing me to move away to newer CSS editors. "I need the CSS Style list to show comments from my style sheet". Is this possible?
Put simply, some of my CSS stylesheets are huge, and I organise them by having comments to separate out the various types of selectors.
In order for me to navigate my styles, it would help me immensely if the CSS Style list also included comments, so I could quickly see which section was which.
Is this something which I've missed?
Thanks,
Chris.l

Hello,
I believe I've had a similar problem over the last day or so (wasted 3 hours).
I create a "standard" page with all my basic stuff in it.
Then create two sections with comments like this:




So this way, I can just go quickly to that section of the <header> or <body> and copy and paste code.
(I'm not at the level of templates yet)
After three hours of trying to get a table to work, and comparing it to other stuff I've written
I said to myself "I wonder if comments are allowed in the <style> section".
The comments were deleted and everything worked fine.
Based on the above posts, I'm guessing that is a known feature?
Is it correct that comments can be put in the <head> section, but not in the <head><style> section?
Again, I thank you in advance.

Applying a CSS style to an existing web page

Hi all.
I have recently updated the look of one of my web pages in my site. I'm looking to update the look of the other pages in my site as well to the same style/look. I have a CSS style saved as "main layout" that I would like to use to apply the same look my existing pages. I'm working in Dreamweaver CS4. Does anyone know how to go about doing this? I realize that, because the existing page already has a layout applied to it, that the look may not be exactly the same, and that's fine, I can work with it from there if I can get it to that point. I feel like there should be an obvious answer to this, but i can't find one.
Any help is greatly appreciated.
Thanks.

This is one of my old pages.
<!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" />

<title>Home Page</title>

<style type="text/css">

</style>


</head>
<body class="twoColFixLtHdr">
<div id="container">
<div id="header">
    <h1><img src="../../Graphics/logo.jpg" width="145" height="93" /><img src="../../Graphics/black-seafoam banner.jpg" width="910" height="127" /></h1>

    </h1>
</div>
<p><div id="sidebar1">
    <table width="200" border="0" align="center" cellpadding="2" cellspacing="2" bg="bg">
      <tr>
        <td width="166" height="0" align="center" valign="middle" bgcolor="#4a0019"><h2>
          <center>
            <strong><em>Main Menu</em></strong>
          </center>
        </h2></td>
      </tr>
      <tr>
        <td><a href="../../index.html">Home</a></td>
      </tr>
      <tr>
        <td><strong><a href="../../Main Menu/MJSNC Staff/STAFF.HTML">
          <center spry:hover="SIDEBARFONT">
            Staff
          </center>
        </a></strong></td>
      </tr>
      <tr>
        <td><strong><a href="../../Main Menu/MJSNC Board of Directors/mjsnc board of directors.html">
          <center>
            Board of Directors
          </center>
        </a></strong></td>
      </tr>
      <tr>
        <td><strong><a href="../../Main Menu/MJSNC Newsletter/mjsnc newsletter.html">
          <center>
            Newsletter
          </center>
        </a></strong></td>
      </tr>
    </table>
    <p> </p>
    <table width="200" border="0" cellpadding="2" cellspacing="2">
      <tr>
        <td width="168" bgcolor="#4a0019"><h2><strong><em><center>Programs & Services</center></em></strong></h2></td>
      </tr>
      <tr>
        <td><strong><a href="../Education and Therapy/education and therapy program.html"><center>Education & Therapy</center></a></strong></td>
      </tr>
      <tr>
        <td><a href="../Support Services/Services.html"><strong> <center>Services</center></strong></a></td>
      </tr>
      <tr>
        <td><strong><a href="Adult Training Facilities.html"><center>Adult Training Facilities</center></a></strong></td>
      </tr>
      <tr>
        <td><a href="../Social Recreation/social recreation.html"><strong><center>Social Recreation</center></strong></a></td>
      </tr>
      <tr>
        <td><strong><a href="../Early Intervention/early intervention.html"><center>Early Intervention</center></a></strong></td>
      </tr>
      <tr>
        <td><strong><a href="../Family Living Program/family living program.html"><center>Family Living Program</center></a></strong></td>
      </tr>
    </table>
    <p> </p>
    <table width="200" border="0" cellpadding="2" cellspacing="2">
      <tr>
        <td width="168" bgcolor="#4a0019"><h2><em><strong><center>What's Happening?</center></strong></em></h2></td>
      </tr>
      <tr>
        <td><a href="../Challenger Division Baseball/Challenger Main Page.html"><strong><center>Challenger Division</center></strong></a></td>
      </tr>
      <tr>
        <td><strong><a href="../../Whats Happening/Summer Recreation/Summer Rec.html"><center>Summer Recreation</center></a></strong></td>
      </tr>
      <tr>
        <td><strong><a href="../../Whats Happening/LIP SYNC 2012/Lip Sync 2011.html"><center>Annual Lip Sync'</center></a></strong></td>
      </tr>
    </table>
<p> </p></div>
<table width="700" border="2" cellspacing="2" cellpadding="1">
    <tr>
      <td><p>Adult Training Facilities</p>
        <p> </p>
        <p>MARCELLA GANOE CENTER- </p>
<p>439 SOUTH JUNIATA STREET LEWISTOWN, PA 17044</p>
        <p><img src="../../Graphics/white-black flower.jpg" width="160" height="156" /></p>
        <p>COMPASS CORNER-</p>
        <p>31 SOUTH DORCAS STREET LEWISTOWN, PA 17044 </p>
<p> </p>
        <p>The Mifflin-Juniata Special Needs Center has two Adult Training Facilities in operation. The Marcella Ganoe Center, located at 439 South Juniata Street & Compass Corner, located at 31 South Dorcas Street. Both facilities operate year round, five days per week. </p>
      <p>This program is designed to maximize an individual's opportunity to participate in their community. Staff serves as adult role models and challenges each participant to reach their highest level of ability in daily living skills, social and physical development and interactions with others.</p></td>
    </tr>
</table>
<p align="center"> </p>
<p align="center"> </p>
<table width="700" border="2" cellspacing="2" cellpadding="1">
    <tr>
      <td><img src="../../Graphics/Ganoe 2.jpg" width="448" height="322" /></td>
      <td><img src="../../Graphics/compass 5.jpg" width="504" height="346" /></td>
    </tr>
    <tr>
      <td><img src="../../Graphics/compass 1.jpg" width="424" height="323" /></td>
      <td><img src="../../Graphics/Ganoe Thank you.jpg" width="492" height="346" /></td>
    </tr>
</table>
<p align="center"> </p>
<p align="center"> </p>
<blockquote> </blockquote>
<center>
<p> </p>
<div style="text-align: center; border-top: 2px solid #999; margin-top: 1em;">
    <p><a href="../../index.html">Home</a> • <a href="Main Menu/Contact Us/Contact Us.html">Contact Us • Map & Directions</a> • <a href="../../Main Menu/About Us/About Us.html">About Us</a></p>
</div>
</center>
<hr />
<font face=papyrus><center></center></font></div>
</body>
</html>

CSS style -Background not showing ?

hi everybody ,
first of all i'm quite new to Dreamweaver and webdesign word so ... sorry if i make mistakes
when trying to prewiew my site , or in dreamweaver itself , i cant see my background (is a .png file made whit photoshop , a simple gradient whit some effects)
i tryed to use the site manage , and set the image default folde , but this didn't resolved anything !
this is my HTML code (oh yes , i'm writing the site in HTML5):
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link href="CSS/SitoCSS.css" rel="stylesheet" type="text/css">
</style>
</head>
<body>
<div id="Principale"></div>
</body>
</html>
And the CSS style page:
@charset "utf-8";
/* CSS Document */
body {
          background-color: #03F;
          background-image: url(Images/sfondo.png);
          background-repeat: no-repeat;
          margin-left: 0px;
          margin-top: 0px;
          margin-right: 0px;
          margin-bottom: 0px;
#Principale {
          font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
          background-color: #000;
          float: left;
          height: auto;
          width: 901px;
thank you all
Bye !

Without seeing the live page its difficult to analyse BUT here's a couple of things you could look at:
1) Is the name of your folder really Images with a cap 'I' or is it images with a lower case 'i' ?
Images/sfondo.png
2) Is your png file saved as RGB and not CYMK color space?
3) Looking at what you have posted the path to your bg image is probably incorrcet
background-image: url(Images/sfondo.png);
Should be: (note the ../ infront of the Images folder name):
background-image: url(../Images/sfondo.png);

How to remove css style from source code?

Hello,
I am working on launching a website soon and saw that I have some repetative css styles in the source code. I would like to remove them, because I want my style sheet "115209.css" to be the main controller.
Below is my code. I just need to know what exaclty I need to remove to make that happen. I am a bit of a newbie and am not too comfortable in chopping it up myself in fear that I might lose a closing tag or something else of importance.
Any help would be greatly appreciated!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Novato Youth Center</title>
<link rel="stylesheet" type="text/css" href="115209.css" />
<style type="text/css">

</style><body>
<div id="wrapper">
         <div id="headernav"> <a href="index.html">Home</a><br>
           <a href="overview.html">About Us</a><br>
           <a href="donate.html">Donate</a><br>
           <a href="getinvolved.html">Get Involved</a><br>
           <a href="contactus.html">Contact Us</a><br>
      Español </div>
        <div id="header"> <a href="index.html"><img src="http://www.novatoyouthcenter.org/logo.jpg" /></a>
    <div id="Title">
      <h1>Novato <br>
        Youth Center</h1>
    </div>
    <div id="Tag">
      <h2><em>Success Starts Here</em></h2>
    </div>
      <div id="socialbuttons"><a href="http://www.facebook.com/pages/Novato-Youth-Center/151677233396?v=app_2309869772#!/pages/No vato-Youth-Center/151677233396?v=wall"><img src="http://www.novatoyouthcenter.org/facebook_button_11.gif" alt="facebook" height="48" width="50" /></a><a href="https://twitter.com/#!/NovaYouthCtr"><img src="twitter-icon.jpg" alt="twitter" height="48" width="48" /></a></div>
</div>
        <div id="navigation"><a href="6to5.html">Infants - 5 years</a> | <a href="5to14.html">5 - 14 years</a> | <a href="teens.html">Teens & Young Adults</a> | <a href="adults.html">Parents & Adults</a></div>
   <div id="leftcolumn">
         <h4> </h4>
         <h4>Academics...<br>
         Health...<br>
         Arts...<br>
         Athletics...<br>
         Community...<br>
         FUN!<br><br>
         Inspiring and <br>
         preparing youth<br>
         for success.
         </h4>
         <p> </p>
         <p> </p>
         <p> </p>
         <p> </p>
         <p> </p>
         <p> </p>
         <p><strong>Sign up for our</strong></p>
         <p><strong>E-newsletter!</strong></p>
         <p> </p>
         <form id="EmailSubmit" method="post" action="enewsletter.php">
           <label>
                <input name="emailsubmit" type="text" id="emailsubmit" value="Email Address" />
                 </label>
              <input type="submit" name="Submit" id="Submit" value="Submit" />
              <input name="recipient" type="hidden" id="recipient" value="0" />
        </form>
         <p> </p>
   </div>
   <div id="content">
     <div id="mainphoto"><img src="indexphoto.jpg" width="656" height="386" alt="main" /></div>
   </div>
</div>
</body>
</html>

Maybe I already removed the "h1", but I still see link styles and the
background color.
I need to know what point to which point is safe to delete without messing
up the coding.
Thanks again,
- Theresa

Using custom CSS style sheet

I'm trying to use a custom CSS style sheet and can't get it to work. I've created my stylesheet and uploaded it so it shows under Shared Components >> Cascading Style Sheets.
Viewing the source for my pages currently shows a reference to what I guess is the default style sheet -
<link rel="stylesheet" href="/i/css/apex_3_1.css" type="text/css" />But no reference to the one I uploaded. So I guess I need to add a new reference pointing to my sheet.
So questions would be -
- How and where do I add this reference?
- Is this the correct way to do things if I want to use my own styles?

Antilles,
Go to your Shared Components > Temples > Select the page template you wish to apply your CSS to and in the "Header" area you will see references to the APEX CSS, something like,
<link rel="stylesheet" href="#IMAGE_PREFIX#themes/theme_17/theme_3_1.css" type="text/css" />Now, just add your CSS reference after any APEX CSS references.
Hope this helps.
-Chris

Re: CSS Style Sheet

Am 02.09.2006 schrieb Micky Mouse:
> I've created a style sheet with, .headings ,
.subheadings , and .text.
> Which work fine on my home page when I apply them from
the property
> inspector.
> When I open another one of the pages I can't apply any
of the styles I
> created in the first page as the design panel/CSS styles
says (no styles).
Did you save your styles in an external stylesheet? If you
did, you
must link this sheet to your pages. Open one of your pages
and make a
link to your stylesheet.
In the header section of your page you can put the following:
@import url("path to your stylesheet");
or: <link rel="stylesheet" href="path to your stylesheet"
type="text/css">
Repeat this procedure for all your pages.
After you have done this, you can apply your styles to the
pages with
the property inspector.
Greetings
Inge Grotjahn
CatManiacs World:
http://www.gwsystems.com/inge

This setting couldn't have made any difference in the linking
to your
CSS....
Something *did*, though, but we'll never know what it was you
did, now.
Glad you got it going.
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
==================
"lbize" <[email protected]> wrote in message
news:g58ceo$ojh$[email protected]..
> DW CS3.
> When creating the new "site" in DW, I did make an
addition... I answered
> yes
> to "Do you wnat to work with a server technology". I
selected yes and
> chose
> PHP MySQL, since we will be using this later. Based on
your question about
> only
> changing the hosting server, I decided to remove the new
"site" from DW
> and
> create it again, this time ONLY changing the location of
the hosting
> server.
> All looks good now. I don't know what things were so
screwed up from that
> one
> selection? Thank you.....
>

How to prevent RSS Viewer web part from overriding list-item CSS style?

I am using SharePoint Online. I have a web part page with a number of web parts with links. Font size of the links is ~12px.
If I add an RSS Viewer web part to the page, then it overrides the 'list-item' class CSS Style to something like 8px, which is unreadable.
To correct this I have tried the following:
1. Added the following code to a Script Editor Web Part on same page:
<style type="text/css">
.item link-item
font-size:20px !important;
.link-item
font-size:20px !important;
</style>
2. Completely deleted all XSL from the RSS Viewer web part and replaced it with very simple formatting code which format the links within the RSS web part to 16px - but still the other links are set to 8px.
3. Linked a custom style sheet to the relevant master page and set the link-item classes in there, ensuring that it is executed after the standard SharePoint css.
...but nothing works!
It appears that, as soon as the RSS Viewer web part is added to the page it overrides the list-item style and then will not release it even if all the XSL within the web part is deleted!
On deleting the RSS Viewer from the page and saving it, the links font size returns to normal.
Does anyone have a fix/work around for this?
Thanks in advance,
Jimmy

Hi Jimmy,
I recommend to use “.link-item a” instead as the code below to change the font size of the links:
<style>
.link-item a
font-size:20px !important;
</style>
And I tested the code above in my environment and it worked fine.
Best regards,
Thanks
Victoria Xia
TechNet Community Support

New App Launcher Suite Bar in 365: what CSS styles affect the background color?

There is a new suite bar in O365. What CSS styles affect the background color of the bar, app launcher button and the Office 365 text in SharePoint Online? I want to hide Office 365 text and add my logo there.

Hi,
Per my understanding, you might want to change the style of the suite bar and replace the “Office 365” text with your custom logo image.
In Office 365 admin page, we can customize the theme of the suite bar for the whole :
However, as there is no such option can replace the “Office 365” text with a custom icon there, a workaround is that we can use some custom JavaScript to modify the
corresponding HTML source code to display the icon dynamically after the page loaded.
After applying the code snippet below into the master page:
<script type="text/javascript">
_spBodyOnLoadFunctionNames.push("ready");
function ready() {
var logo = document.querySelector("#O365_MainLink_Logo");
var s = '<img style="max-height: 27px" alt="logo" src="/_layouts/15/images/siteIcon.png?rev=38">';
logo.innerHTML = s;
</script>
Every time when users open a page in this site, this custom code will be executed, the “Office 365” text will be replaced by a custom icon:
More information about how to add custom code into master page(similar in SharePoint 2013):
http://techtrainingnotes.blogspot.com/2012/05/adding-javascript-and-css-to-sharepoint.html
What’s more, if doing in this way, we can only replace the “Office 365” text with a custom icon in Office 365 SharePoint Online sites, not the whole Office 365, this
is a fact that you might want to know. For about how to replace that text for the whole organization, I suggest you open another thread in Office 365 forum, you will get more help and confirmed answers there.
http://community.office365.com/en-us/forums/default.aspx
Best regards
Patrick Liang
TechNet Community Support

How to Make a "fonts.css" style sheet

Hi, I have a wordpress blog with a stylesheet named “style.css”. I want to change the fonts in the style sheet and so I want to create a separate style sheet named “fonts.css"
I could just duplicate the ”style.css” page and then rename it “fonts.css” but I believe I read somewhere it is better to create a new style sheet named “fonts.css” and then add my font styles to that. Doens anyone know of a tutorial or how I make the new style sheet and add my fonts?

I only typically use two stylesheets on any given site, layout.css and styles.css. One is for the overall layout/positioning info of the site and the other is the style information which would include fonts, colors, shadows, transitions, etc.
If it is better in your mind and for your workflow to create a third stylesheet just for the font values, go for it. To me, fonts are just another style element though, so they stay in my styles.css file.
There's really no right or wrong to doing it either way. Just make sure you create another link in the head section of your site to the new file if you create fonts.css.
Thanks jon,
Yes I agree, I could just change the fonts in “style.css” and then have less style sheets, but the themes developer told me to create a new style sheet named “fonts.css” only because the theme is updated regularly and uploading a new theme will write over the file named “style.css” and then your fonts will default to their original fonts.
I don't see anything wrong with that approach. Just remember that if you have both styesheets linked to the same page then the page will get it's css styles from the last linked stylesheet.
So for instance if you have:
body {
font-size: 14px ;
in the style.css
and
body {
font-size: 12px ;
in the fonts.css
and the last linked stylesheet was styles.css the page would display 14px text.
So you just need to get them in the right order IF you have more than one styleshet linked to a page.
Thanks Osgood,
Yes that was my other question. So in my uploaded CSS folder I have the original “style.css” file and now my new “fonts.css” file. “style.css” is above the “fonts.css” file and both contain the same information except the file “fonts.css’ has been changed to use different fonts.
So if I understand you correctly I need to either move the file “fonts.css" above the file “style.css” or delete “style .css” from the CSS folder so the file “fonts.css” will take precedence. Is this correct?
Also, I needed to open style.php and edit the code to include “fonts.css” which I did.
I opened "style.php" and then added the code in "red" then uploaded it to the (CSS) folder on the server.
<?php
header( "Content-type: text/css" );
$files = array();
$files[] = 'style.css';
$files[] = 'responsive.css';
$files[] = 'fonts.css';
foreach($files as $file) :
    $content = @file_get_contents( $file );
    echo minify( $content );
endforeach;
function minify( $code ) {
          $code = preg_replace( '#\s+#', ' ', $code );
          $code = preg_replace( '#/\*.*?\*/#s', '', $code );
          $code = str_replace( '; ', ';', $code );
          $code = str_replace( ': ', ':', $code );
          $code = str_replace( ' {', '{', $code );
          $code = str_replace( '{ ', '{', $code );
          $code = str_replace( ', ', ',', $code );
          $code = str_replace( '} ', '}', $code );
          $code = str_replace( ';}', '}', $code );
          return trim( $code );
?>
After doing all of this I still didn’t see any changes to my fonts so I must have done something wrong.
Any ideas?

My CSS Styles Panel in Dreamweaver won't show list of styles.

Hello Everyone,
I'm having a heck of a time getting my CSS Styles Panel to show the styles from my attached style sheet. Yesterday it worked as usual and today it doesn't. I feel like I've tried all of my options. Usually I work in 'All' instead of 'Current' so I can see the entire list and not have to reference the actual CSS page. Does anyone know how to fix this?
Also, even though I have an attached style sheet, every time I made a new style it puts it in my HTML page. So that's probably related as well.
Also, this is the code link that is in my HTML: <link href="Alto.css" rel="stylesheet" type="text/css" />
So, How do I get this panel to show the list of styles? <--That I can click an edit without going back to the CSS page.
Thank you!

See screenshot:
Nancy O.

Reg : Password Type CSS Style

Similar Messages

Maybe you are looking for