Background of navigation bar smaller than bar itself

I resized my pages (made them wider from 700 to 800 pixels). When I try to resize the navigationbar accordingly, I can change the navigationbar itself, but the 'background color' of the navigationbar stays smaller. How do I solve this? TIA

How do I solve this?
By changing to a different theme. Only 4 themes can be totally modified by the user: Black, White, Modern Frame and Formal (except for it's blog page). The other themes use graphic files as part of the page design and these are fixed in size thus preventing you from widening the page. It's just the nature of the beast and those particular themes.
If you're adventurous you could delve into the application, find the theme package, open it find the file for that part of the design and modify it with an image editor. It's a lot more effort than it's worth.
OT

Similar Messages

How do I change the background image for a single tab on the navigation bar

I'm creating a movie website for TDKR and for the navigation bar, I intend to have a different character for each tab. However, I'm having trouble putting a single image each separate tab. Instead one image appears on each of the tabs. Here's an example of the source and CSS.
<td width="200"><ul id="navigation"> 
 <li><a href="../pages/index.html">Home</a></li> 
 <li><a href="../pages/cast.html">Cast</a></li> 
 <li><a href="../pages/pictures.html">Pictures</a></li> 
 <li><a href="../pages/soundtrack.html">Music</a></li> 
 <li><a href="../pages/interview.html">Interviews</a></li> 
 <li><a href="../pages/links.html">Links</a></li> 
 </ul>
 </td>
#navigation {
 list-style-type: none;
 padding: 0px;
 margin: 0px;
#navigation li {
 margin: 0px;
 padding: 0px;
 list-style-type: none
#navigation li a:link, #navigation li a:visited {
 display: block;
 width: 200px;
 height: 100px;
 text-decoration: none;
 text-align: center;
 line-height: 100px;
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 font-weight: bold;
 -webkit-transition: 1000ms ease;
 -moz-transition: 1000ms ease;
 -ms-transition: 1000ms ease;
 -o-transition: 1000ms ease;
 transition: 1000ms ease;
 color: #648AAE;
 background-repeat: no-repeat;
 background-image: url(../Images/gifs/Batman-still-2.gif);
 background-position: center bottom;
 text-transform: uppercase;
 letter-spacing: 0.79em;
 border-radius: 5px;
#navigation li a:focus, #navigation li a:hover, #navigation li a:active {
 color: #000000;
 background-image: url(../Images/gifs/Batman-animation-2.gif);
 background-repeat: no-repeat;
 background-position: center bottom;
 background-color: #454545;
 border-radius: 25px;
So, how do I put a single image on each tab (home, cast, pictures, etc). Thank you for your help in advance.

Assign a class to the item and use CSS to apply an image as in
<li><a href="../pages/index.html" class="home;">Home</a></li> 
<li><a href="../pages/cast.html">Cast</a></li> 
<li><a href="../pages/pictures.html">Pictures</a></li> 
<li><a href="../pages/soundtrack.html">Music</a></li> 
<li><a href="../pages/interview.html">Interviews</a></li> 
<li><a href="../pages/links.html">Links</a></li> 
and the CSS
#navigation li a:link.home, #navigation li a:visited.home {
 background-image: url(../Images/gifs/Batman-still-2.gif);

Positioning navigation bar vertical rather than horizontal on side on web

Is it possible and I think it is to place the webitem navigation_block bar on the side of the page rather than the default position on the top, without modifying the web template ( at runtime)
Even during the design time I am not able to make it vertical in wad.
Any help would be appreciated.
Thanks

I don;t see 0Analyser bar as vertical, it is horintal. Below is the code from 0ANALYZER and I located the navigation bar. my guess is that there is a paramname that can specify vertical alignment.Don;t know what that would be. None of the properties has that option..

<object>
 <param name="OWNER" value="SAP_BW"/>
 <param name="CMD" value="GET_ITEM"/>
 <param name="NAME" value="GR1NavBlock"/>
 <param name="ITEM_CLASS" value="CL_RSR_WWW_ITEM_NAV_BLOCK"/>
 <param name="DATA_PROVIDER" value="DP"/>
 <param name="GENERATE_CAPTION" value=""/>
 <param name="WIDTH" value="200"/>
 <param name="SHOW_AXES_GROUPING" value="X"/>
 ITEM: GR1NavBlock
</object>

Can I modify a background color of a template - specifically, the navigation bar background?

can I modify a background color of a template - specifically, the navigation bar background?

iWeb has a great toool :
And it's visible here :
And google is your friend :
http://www.google.com/search?q=what+is+a+HTML+Snippet

Since using windows 8.1, the menu bars and navigation bars as well a the bookmark list ar in very small letters with poor contrast.

File, edit View etc are in very small light letters as is the navigation bar and when I look through my bookmarks, they too are in small light letters. I need to enlarge them in order to see them. Incidentally the same thing happens on Microsoft Explorer since I downloaded 8.1. It was not so in Windows 8.

You can set the layout.css.devPixelsPerPx pref on the about:config page to 1.0 or on Windows 8 to 1.25 and if necessary adjust layout.css.devPixelsPerPx starting from 1.0 in 0.1 or 0.05 steps (1.1 or 0.9) to make icons show correctly.
*http://kb.mozillazine.org/about:config
See also:
*https://support.mozilla.org/kb/forum-response-Zoom-feature-on-Firefox-22
Use an extension to adjust the text size in the user interface and the page zoom in the browser window.
You can look at this extension to adjust the font size for the user interface.
*Theme Font & Size Changer: https://addons.mozilla.org/firefox/addon/theme-font-size-changer/
You can look at the Default FullZoom Level or NoScript extension if web pages need to be adjusted after changing layout.css.devPixelsPerPx.
*Default FullZoom Level: https://addons.mozilla.org/firefox/addon/default-fullzoom-level/
*NoSquint: https://addons.mozilla.org/firefox/addon/nosquint/

Color of Navigational Bar background

The background color of the navigational bar is coral....when I click on it, there are no options in the graphic inspector. Is there a work-around for this? I'd like it to be gray, or even white. Thank you.

For most of the themes the background color of the navbar area is not a user defined item. However, with some java code in an HTML snippet you can change it. Put this code, with your selected color number, in an HTML snippet on the page:

<script language="JavaScript" type="text/javascript">

</script>
An example of this can be see on this demo page: Change Navbar Text and Background Color.
OT

With version 5 of Firefox, if I open more than 1 session, most of the time I cannot see anything in the navigation bar and my back and forward buttons do not work.

I open 1 session of Firefox 5.0.1 and everything seems to work fine. Then I open a second session of Firefox and most of the time the navigation bar does not show the page that I am on and the back and forward buttons do not work. When this happens, the first session always remains working. I am an internet marketer so I have at least 2 or 3 sessions going at any given time.

A possible cause is a problem with the file places.sqlite that stores the bookmarks and the history.
*http://kb.mozillazine.org/Bookmarks_history_and_toolbar_buttons_not_working_-_Firefox
Start Firefox in [[Safe Mode]] to check if one of the extensions is causing the problem (switch to the DEFAULT theme: Firefox (Tools) > Add-ons > Appearance/Themes).
*Don't make any changes on the Safe mode start window.
*https://support.mozilla.com/kb/Safe+Mode
*https://support.mozilla.com/kb/Troubleshooting+extensions+and+themes

WebDB 3.0 navigator bar style

According to the help screens for WebDB 3.0 EA, a navigator bar published as a portlet can override page style elements like color in order to provide, for instance, a navigator bar with a different background color than the page background color.
Quoting from the help files:
The portlet body color refers to the background color of the portlet, and is controlled by the style applied to the page. Therefore, when you change the portlet body color for one page, you do so for all pages adhering to that style.
If you are including a portlet created within Oracle Portal, however, keep in mind that the portlet body color you set for the page may be overriden by the style chosen for the object itself. For example, when a navigation bar is published to the portal, the creator has the option of retaining the style set for the navigation bar, or inheriting the style set for the page.
In practice though, this doesn't seem to work. If I create a navigator bar, and leave the "use page style" box unchecked, it page style (specifically, background color) overrides the navigator bar style.
Is this a bug, or is there some additional setting that I've missed?

According to the help screens for WebDB 3.0 EA, a navigator bar published as a portlet can override page style elements like color in order to provide, for instance, a navigator bar with a different background color than the page background color.
Quoting from the help files:
The portlet body color refers to the background color of the portlet, and is controlled by the style applied to the page. Therefore, when you change the portlet body color for one page, you do so for all pages adhering to that style.
If you are including a portlet created within Oracle Portal, however, keep in mind that the portlet body color you set for the page may be overriden by the style chosen for the object itself. For example, when a navigation bar is published to the portal, the creator has the option of retaining the style set for the navigation bar, or inheriting the style set for the page.
In practice though, this doesn't seem to work. If I create a navigator bar, and leave the "use page style" box unchecked, it page style (specifically, background color) overrides the navigator bar style.
Is this a bug, or is there some additional setting that I've missed?

Why is the type in the navigation bars so tiny?

The type in the menu bar and navigation bar is so small that I can't read it without bringing my face very close to the screen. I have tried increasing font size on "Options" but it just increases font sizes on the content of the page. The print in the navigation bar is little more than a blur. How do I change this?

Try:
*Theme Font & Size Changer: https://addons.mozilla.org/firefox/addon/theme-font-size-changer/

White dot beside icons in Navigation Bar

What does it mean when a small white dot appears beside some of the icons within the nav bar? I assume it means that the application is running in the background. Is it prudent to "Quit" these applications or is it OK to keep it running in the background? Sometimes I don't like to Quit it, as it disappears off the nav bar and I have to retreive it. Thanks!

Hi MagicMan88
Welcome to Apple Discussions
Yes, the white dot indicates that the Application is open.
To retain any Application on the Dock +(Navigation Bar)+ control (right) click on it and in Options select Keep in Dock. Now then when you Quit the Application, the short cut icon should remain on the Dock for the next time you want to open it.
Also see Mac 101 The Dock > http://support.apple.com/kb/HT2474
Dennis

Help with navigation bar please.

Hello, and thanks for your time. Im using Fireworks cs3 to make a navbar, but cant seem to get it to work. Im following this tutorial:
http://www.bestechvideos.com/2008/09/02/adobe-cs-create-a-navigation-bar-in-fireworks
My problem is, Im trying to make 5 buttons in the navbar, utilising an up/over and down state. When I try to navigate with them, (Im not too advanced
either in ability or with the site itself) in a couple of test pages, my up and over states are fine, but the down state is not present, and, when I press the
back button and return to the page Ive just clicked out of..my down button is working...but in the previous page. Im trying to get this for a school
assignment and am hoping someone can put me right before I lose all my hair, thanks again.

readysteady101 wrote:
Hello again Pixlor, and thanks again. I understand what your saying about coding in Fireworks, but when I try to make my up/down/over buttons work just using Dreamweaver to make the navbar only the up/over work. Am I missing something simple. Im going through the proper procedures as far as I can tell, but when I view the pages in my browser the same problem persists
I am trying to keep it simple but pop-up menus and active buttons are assignment requirements, but we didnt get too far into all that before the Easter holidays, all worked well in school but now nothing but problems. Thanks again for help, much appreciated
I'm sorry I wasn't able to give you the answer you needed, though.
EDIT: Well, finally got things to work. Needed to pay a bit more attention to detail and spent lots more time on this than I should have, but very happy with the result. I wasnt exporting "multiple files for use without frames" but once that glitch was ironed out all is well.
Thanks for your efforts Pixlor, sometimes software sux, but when it works out we do tend to forget the frustration we suffered while getting there
Yay for working menus, but a big round, "like that's clear!!" for the detail you needed to have checked. On the plus side, you probably won't ever forget this tidbit of information!
I'm so glad it you got it worked out!

Navigation Bar, Theme 3 & FireFox

I am having trouble getting Firefox to properly format more than one navigation item within the navigational bar.
http://apex.oracle.com/pls/otn/f?p=18490:2
It shows up properly formatted in IE and Opera but not Firefox. Can anyone help or have any idea why this is happening??
When I used the web developer toolbar to outline the tables this is what it shows:
http://i14.tinypic.com/2m6x10n.jpg (you may need to scroll to the right)
It acts like it does not recognize the second element.
workspace: epic
user info:guest/guest

Hi Justin,
From what I can see, the table that the navigation bar is in is poorly constructed. Firefox handles it properly according to the attributes of 3 TD tags within the table.
The first TD, which is set to contain a logo, is empty. The second TD is set to 100% width of the table (which is, itself, set to 100% of screen width). The third TD contains the navigation items. It's the second TD that's causing the problem. If you edit your template, change it from "100%" to just "100px". As the table is set as 100%, the final TD will then fit correctly onto the screen.
Regards
Andy

How can I use my Html/CSS Navigation bar to control an Edge Stage?

I have an HTML/CSS navigation bar set up in my EDGE created page. The Navbar is not created in edge. I would like to use these buttons to control the stage.
Inside the stage the main timeline has labels and stop actions every 1.5 secs to create a horizontally sliding site.
The labels are as follows: home, work, blog, profile, and contact. I can easily use a symbol created inside edge for example:
sym.play("home");
and animate a 6000px width symbol across my 1000px stage in 1000px increments.
I do not want to use a symbol inside of edge to do this because I cannot create the effect that the html/css navbar has on mouseover inside of edge.
So I am interested in knowing if I can use this bar to control my main timeline so I don't have to sacrifice design for functionality.
currently the link list is setup with the standard hyperlink. What code would I use to play the stage on click of the html navbar?
Many thanks to anyone who can help with this!
Here is the code for the navbar:
<div id="menu"><ul class="block-menu">
 <li><a href="/home" class="three-d">
 Dynamic
 DynamicArtisans
 </a></li>
 <li><a href="/demos" class="three-d">
 Work
 WorkWork
 </a></li>
 <li><a href="/deals" class="three-d">
 Blog
 BlogBlog
 </a></li>
 <li><a href="/about" class="three-d">
 Profile
 ProfileProfile
 </a></li>
 <li><a href="/about" class="three-d">
 Contact
 ContactContact
 </a></li>
 </ul>
</div>
Full HTML:
<!DOCTYPE html>
<html>
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
 <title>Untitled</title>

 <script type="text/javascript" charset="utf-8" src="workapp_edgePreload.js"></script>
 <style>
 .edgeLoad-EDGE-57204389 { visibility:hidden; }
 .block-menu {
 display: block;
 background: #000;
 .block-menu li {
 display: inline-block;
 .block-menu li a {
 color: #fff;
 display: block;
 text-decoration: none;
 font-family: 'Passion One',Arial,sans-serif;
 -webkit-font-smoothing: antialiased;
 -moz-font-smoothing: antialiased;
 font-smoothing: antialiased;
 text-transform: uppercase;
 overflow: visible;
 line-height: 20px;
 font-size: 24px;
 padding: 15px 10px;
 /* animation domination */
 .three-d {
 -webkit-perspective: 200px;
 -moz-perspective: 200px;
 perspective: 200px;
 -webkit-transition: all .07s linear;
 -moz-transition: all .07s linear;
 transition: all .07s linear;
 position: relative;
 .three-d:not(.active):hover {
 cursor: pointer;
 .three-d:not(.active):hover .three-d-box,
 .three-d:not(.active):focus .three-d-box {
 -moz-transform: translateZ(-25px) rotateX(90deg);
 -webkit-transform: translateZ(-25px) rotateX(90deg);
 -o-transform: translateZ(-25px) rotateX(90deg);
 transform: translateZ(-25px) rotateX(90deg);
 .three-d-box {
 -webkit-transition: all .3s ease-out;
 -moz-transition: all .3s ease-out;
 -ms-transition: all .3s ease-out;
 -o-transition: all .3s ease-out;
 transition: all .3s ease-out;
 -webkit-transform: translatez(-25px);
 -moz-transform: translatez(-25px);
 -o-transform: translatez(-25px);
 transform: translatez(-25px);
 -webkit-transform-style: preserve-3d;
 -moz-transform-style: preserve-3d;
 -ms-transform-style: preserve-3d;
 -o-transform-style: preserve-3d;
 transform-style: preserve-3d;
 pointer-events: none;
 position: absolute;
 top: 0;
 left: 0;
 display: block;
 width: 100%;
 height: 100%;
 .front {
 -webkit-transform: rotatex(0deg) translatez(25px);
 -moz-transform: rotatex(0deg) translatez(25px);
 -o-transform: rotatex(0deg) translatez(25px);
 transform: rotatex(0deg) translatez(25px);
 .back {
 -webkit-transform: rotatex(-90deg) translatez(25px);
 -moz-transform: rotatex(-90deg) translatez(25px);
 -o-transform: rotatex(-90deg) translatez(25px);
 transform: rotatex(-90deg) translatez(25px);
 color: #FFE7C4;
 .front, .back {
 display: block;
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 background: black;
 padding: 15px 10px;
 color: white;
 pointer-events: none;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 </style>

</head>
<body>
<div id="menu"><ul class="block-menu">
 <li><a href="/home" class="three-d">
 Dynamic
 DynamicArtisans
 </a></li>
 <li><a href="/demos" class="three-d">
 Work
 WorkWork
 </a></li>
 <li><a href="/deals" class="three-d">
 Blog
 BlogBlog
 </a></li>
 <li><a href="/about" class="three-d">
 Profile
 ProfileProfile
 </a></li>
 <li><a href="/about" class="three-d">
 Contact
 ContactContact
 </a></li>
 </ul>
</div>
<div id="Stage" class="EDGE-57204389">
</div>
</body>
</html>

I've come across this from the Edge API:
Edge.getComposition(compId)
Anyone having trouble with this same issue should try this:
var targetComp = AdobeEdge.getComposition('TARGETCOMPID');
 targetComp.getStage().play();
in their trigger or event handler.
How I got it to work:
<li><a href="javascript:var targetComp = AdobeEdge.getComposition('EDGE-57204389');
 targetComp.getStage().play();" class="three-d">
 Dynamic
 DynamicArtisans
 </a></li>

Open url from top navigation bar in work area

Hi.
I added in top navigation bar one link (component CRMCMP_HDR_STD, view MESSAGE). How i would like to show content of that url in workarea of web ui window.
I know that I can call url with href, but the problem is that this url content is then shown in that top navigation bar which is very small. I also know how to show that content in new window.
But as I said Iwant to show it in workarea window. Like for example if you click on Personalization link in navigation bar.
I checked how this Personalization call works in standard but it is somewhove hardcoded.
Any ideas? Help will be appreciated.

I would have even bettter requirement. I developed Z component. And I want to call this Z component from navigation bar link (component CRMCMP_HDR_STD, view MESSAGE).
But as I said, I don't want to open that Z compoennt instead of CRMCMP_HDR_STD component in top bar, but in workarea. The requirement is similar as when you would click on any option in left navigation bar, which then opens component in workarea. But I don't want to launch my Z component from left navigation bar (which I know how to use), but from top navigation bar.
Help appreciated.

Create a new link in the navigation bar for cutom application

Dear CRM guru's,
I am new to CRM 2007 and I need to create a custom application which would present a web form to the user(all CRM business roles), user would fill in few details and upon submit action of the form, I need to write the data into z tables in CRM 2007 Web-UI framework. Can you please share your thoughts here.
Thanks!
Surya.

Hello Surya,
explaining everything you would have to do in detail is a little bit to comprehensive for this forum. Best thing is to finde someone to explain it to you in person. A colleague or even one of the SAP courses.
To get you startet:
Most important is TX BSP_WD_CMPWB here you can create and test your new component.
From now on look in SPRO for the bold words it is in CRM->UI-Framework section.
- After you created it, you have to make it known in the component repository and create technical links.
- For the technical links you can create logical links.
- These links can be assigned to a logical link group which is then part of your navigation bar profile.
I hope this will give you a small idea how to get around. As mentioned above this topic is big enough to fill a whole day of training.
When holding my first CRM 5.1 training back in 2006 it even took me four days to get the fellows started. With 6.0 it is no different

Background of navigation bar smaller than bar itself

Similar Messages

Maybe you are looking for