Spry Navigation Bars - Make them look GOOD

Have Dreamweaver CS4 PC
Using the plain gray spry navigation bars...im somewhat
new...
Question:
Is there any company that sells or Free to "Change the Look"
of the nav bars easily?
I might w ant to change colors, make rounded edges, make type
smaller, compact specing some, adjust the length.
Does someone have a plugin or extension that works
interactively??
Thanks
Ive searched with little results on customizing spry

A more full-featured menu building tool, with lots of styles:
http://www.projectseven.com/products/menusystems/pmm2/carbon.htm
Another nice menu builder, with lots of styles. Because there
are no timers,
I would recommend these for single-level menus or for menus
with a single
sub-menu level:
http://www.webassist.com/professional/products/productdetails.asp?PID=146
Neither is free.
Al Sparber - PVII
http://www.projectseven.com
The Finest Dreamweaver Menus | Galleries | Widgets
http://www.projectseven.com/go/pop
The Ultimate DW Menu System
"suzzie12" <[email protected]> wrote in
message
news:gmq9u2$mfl$[email protected]..
> Have Dreamweaver CS4 PC
>
> Using the plain gray spry navigation bars...im somewhat
new...
>
> Question:
>
> Is there any company that sells or Free to "Change the
Look" of the nav
> bars
> easily?
>
> I might w ant to change colors, make rounded edges, make
type smaller,
> compact
> specing some, adjust the length.
>
> Does someone have a plugin or extension that works
interactively??
>
> Thanks
>
> Ive searched with little results on customizing spry
>

Similar Messages

FileSystemTree and "ordinary" Tree - make them look the same?

Hi,
I wondered if anyone's worked with Adobe AIR's FileSystemTree and the "ordinary" Tree in Adobe Flex, making them look the same? If so, can you give me some hints on how to make them look the same when it comes to icons, disclosure icons, branches, leafs etc.?
The reason I'm asking is this:
Some time ago I decided it'd be nice to build a sort of FTP Client with Adobe AIR. The client would, among other things, have a tree for local folders and a tree for remote folders. It seemed ideal to use the FileSystemTree for the tree containing local folders. The tree with remote folders is built using the "ordinary" Tree with data supplied via a Microsoft .NET Web Service. However, once I started down this road I soon realized the two controls don't look and behave the same (even though FileSystemTree apparently derives from Tree).
Some examples:
- Tree seems to use easing when opening a folder. FileSystemTree just "opens it".
- FileSystemTree displays a disclosure arrow icon regardless of whether or not a directory has children. Haven't got the Tree to display the same icon when a remote directory is empty.
Any help would be appreciated! I'd also like to point out that I'm quite new to both AIR and Flex so maybe the problems I see are actually easy to solve.
//Marcus

There is no bookmarks tab, expect you are referring to the bookmarks menu on the menu bar ("File, Edit, View, History, Bookmarks, Tools, Help") on your XP system.
Once your restore your menus on you Window 7 system, you can get rid of the bookmarks button. After going through the 10 steps below your toolbars on your Windows 7 system will be more usable again and like your XP system, none of which has anything to do with Sync.
You can make '''Firefox 6.0.1''' look like Firefox 3.6.*, see numbered '''items 1-10''' in the following topic [http://dmcritchie.mvps.org/firefox/firefox-problems.htm#fx4interface Fix Firefox 4.0 toolbar user interface, problems (Make Firefox 4.0 thru 8.0, look like 3.6)]. ''Whether or not you make changes, you should be aware of what has changed and what you have to do to use changed or missing features.''
* http://dmcritchie.mvps.org/firefox/firefox-problems.htm#fx4interface
the first 9 steps above are basic toolbar customization the following link is in step #1 above. (See before/after picture (.png) in the footnote)
*How do I customize the toolbars? | How to | Firefox Help
*:https://support.mozilla.com/en-US/kb/how-do-i-customize-toolbars
<br><small>Please mark "Solved" one answer that will best help others with a similar problem -- hope this was it.</small>
There is a lot more beyond those first 10 steps listed, if you want to make Firefox more functional.
Before and after customizations, the following also includes [http://dmcritchie.mvps.org/firefox/firefox-problems.htm#fx4styles styling changes] besides rearranging toolbars and toolbar items.
* http://dmcritchie.mvps.org/icons/fx4toolbars.png
*:Bookmarks toolbar -- [http://userstyles.org/styles/46947 Bookmarks Toolbar Fx4 Blue/Folders, Red/Bookmarks]
*:Tab borders -- [http://userstyles.org/styles/24728 Tab Color Underscoring active/read/unread (Fx3.6)] red=active tab, blue=read, green=unread, magenta(not shown)=loading

Spry Navigation Bar

I'm new to dreamweaver CS5 and have created a new spry navigation bar. Is there a way to create one generic navigation bar to be used in several different pages so when I have to update the menus, I don't have to change each spry navigation bar for each page. Basically one main navigation bar to be used in several different pages w/out having to create a nav bar for each page.

See here http://foundationphp.com/tutorials/sprymenu/ssi.php
Gramps

Spry navigation bar covers flash movie beneath it but not the jpg image, why?

i have a spry navigation bar with a flash movie underneath,
and when i hover over the navbar and the submenu pops down it
covers the flash movie, but it doesn't cover the .jpg image that is
next to the flash movie. how can i fix this? thanks.

thanks for the reply Murray, a responder from the flash forum
gave me the following answer and it worked perfect.>>
The <object> and/or <embed> HTML elements that
reference your Flash content accept a number of optional
parameters. For the <object> element, these parameters are
supplied via nested <param> elements. Simply add the
following new <param>:
<param name="wmode" value="opaque">
The <embed> parameters are supplied via attributes. For
the <embed> element, add the following new attribute:
wmode="opaque"
That’s it. Your Flash content is now stackable via
z-index; for example, you may wrap your
<object>/<embed> pair in a <div> and set the
<div>’s z-index as you please.
<div style="position: absolute; z-index=1;">
<object attributes >
<embed attributes />
</object>
</div>
If you’re using Dreamweaver, just press the Parameters
button in the Insert > Media > Flash dialog or in the
Property inspector when selecting existing Flash content. Type
“wmode” (without quotes) in the name/parameter column
and “opaque” (without quotes) in the value column. That
will handle the above HTML for you, even with the new JavaScript
embedding available since the 8.0.2 update.

Elance for mac stuff? convert XLS - Numbers and make it look good

I often use elance.com for small projects. I have a project to convert some XLS sheets to Numbers. One of the main purposes is to make it look better, so I need a consulant who not only knows how to use numbers but understands design.
is there a group like elance but more mac focused...in order to get bids? or a few groups i should look at for small projects like this?
Also, as an aside, has anyone made a plug in for Excel so it can import numbers and actually work like numbers (ie, i know i can covert numbers to excel, but i really wish numbers was also available on the PC, barring that at least some plug in or somthing close?)

There is no Excel plugin available to decipher Numbers documents.
Given the past behaviour of M…Soft, I would be surprised if they offer one some day.
Apple always made a serious work to allow its customers to import/export M…Soft created files but there was no effort of this kind in the other world.
I would be surprised too if a Window version of Numbers was delivered one day.
Apple development resources aren't large enough to allow them to waste these resources on such a project.
At this time, it seems that they have some difficulties to maintain the two versions (mac and iPad) of iWork applications so, it would be very bad news for users of these products if they move some engineers on such a new task.
Yvan KOENIG (VALLAURIS, France) jeudi 19 août 2010 17:30:02

Spry Menu Bars - making them fit across a page properly

Hi,
I've been making a website for my work, check it out at www.bto-ltd.co.nz and I'm struggling with the spry menu bar. I want it to fit across the page on one line, and so I've pretty much managed to do that in some browsers. In Google Chrome, it looks perfect. However, in some browsers, (IE and others) one of the buttons wraps down to the next line. How do I fix that?
Also, depending on which browser is used, the sub menus are either vertical or horizontal. I'd rather they were vertical, can I fix it to this?
Thanks.

It does that because you are trying to make a bigger element fit into a smaller element,so you need to go into the
SpryAssets/SpryMenuBarHorizontal.css
And reducing your font. change it from 100% to lets say1em, if that still overflows, notch down to .9em
Gary

How do I get rid of the white space between my header and my spry navigation bar?

I have been grappling with a problem for the past 2 days and cannot seem to work my way around it. I have been working on a page in dreamweaver cs4 that seems to have whitespace between the header and my spry menu bar ONLY in Firefox. Google Chrome and Safari show it correctly. Could you steer me in the right direction for getting rid of that space. Here is the page: http://www.margaritascafe.com/margaritas_layout.html
Here is my code and thanks in advance for your help:
<!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>Untitled Document</title>
<link href="margaritastyles.css" rel="stylesheet" type="text/css" />
<script src="Margaritas_temp_spry/SpryMenuBar.js" type="text/javascript"></script>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<link href="Margaritas_temp_spry/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="1000" height="250" id="FlashID" tabindex="10" title="Margarita's Cafe header 2">
      <param name="movie" value="flash_movies/Margaritas Header 3.swf" />
      <param name="quality" value="high" />
      <param name="wmode" value="opaque" />
      <param name="swfversion" value="9.0.45.0" />
      
      <param name="expressinstall" value="Scripts/expressInstall.swf" />
      
      
      <object type="application/x-shockwave-flash" data="flash_movies/Margaritas Header 3.swf" width="1000" height="250">
        
        <param name="quality" value="high" />
        <param name="wmode" value="opaque" />
        <param name="swfversion" value="9.0.45.0" />
        <param name="expressinstall" value="Scripts/expressInstall.swf" />
        
        <div>
          <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
          <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
        </div>
        
      </object>
      
    </object>
</div>
<div id="navigation">
    <ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a href="#">Home</a></li>
      <li><a href="#" class="MenuBarItemSubmenu">Menus</a>
        <ul>
          <li><a href="#">Lunch</a></li>
          <li><a href="#">Dinner</a></li>
          <li><a href="#">Cocktail</a></li>
          <li><a href="#">Take Out</a></li>
        </ul>
      </li>
      <li><a href="#">Photos</a></li>
      <li><a href="#" class="MenuBarItemSubmenu">Catering</a>
        <ul>
          <li><a href="#">Private Parties</a></li>
        </ul>
      </li>
      <li><a href="#">Reservations</a></li>
      <li><a href="#">Contact</a></li>
      <li><a href="#">Reviews</a></li>
      <li><a href="#">Directions</a></li>
    </ul>
</div>
<div id="maincontentlayout3">Content for id "maincontentlayout3" Goes Here</div>
<div id="specials"><img src="png-gif-jpg/Tuesday Night Banner.jpg" width="200" height="70" alt="Margarita's Tuesday Night Special" /><img src="png-gif-jpg/Wednesday Banner.jpg" width="200" height="70" alt="Wednesday 2 for 1 dinner special at Margarita's" /><img src="png-gif-jpg/Thursday Banner.jpg" width="200" height="70" alt="Ladie's Night Thursdays at Margarita's Cafe" /><img src="png-gif-jpg/Friday Banner.jpg" width="200" height="70" alt="TGIF Happy Hour on Friday's at Margarita's Cafe" /><img src="png-gif-jpg/Sunday Banner.jpg" width="200" height="70" alt="Sunday Kids Eat Free at Margarita's Cafe!" /></div>
<div id="footer"><img src="png-gif-jpg/Margaritas Facebook logo.png" alt="Facebook" width="40" height="25" align="absmiddle" /> <img src="png-gif-jpg/Margaritas Twitter logo.png" alt="Twitter Logo" width="40" height="25" align="absmiddle" /><img src="png-gif-jpg/merchantcircle_mini.png" alt="Merchant Circle Logo" width="63" height="25" align="absmiddle" /></div>
</div>
<script type="text/javascript">

</script>
</body>
</html>

CSS:
#navigation {margin-top: -3px;}
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Spry Navigation Bar going wrong way in IE

I have horizontal navigation bar through spry in Dreamweaver. In all other web browsers, my first level of drop down menus go directly down from the main menu items. In IE they go directly right! Does anyone know what I can do to fix this problem and quickly. My final presentation is Tuesday. I am new to all this and I don't have the foggiest how to fix it! Thanks in advance for any and all assistance with this matter!!!!!!

It would be a lot easier to answer your question if you had a link to your site or at the very laest showed your markup.
I assume that you have made the menu item widths as being auto rather than a fixed width in which case IE will use the full width available to show the submenu items.
To counteract this you need the following style rules
ul.MenuBarHorizontal ul li {
    display: block;
    float: none !important;
    width: auto;
    white-space: nowrap;
    border-bottom: solid 1px #EEE;
The !important overrides the style rule that is given the element by the JS.
Gramps

Centering a Horizontal CSS only, jQuery, or Spry navigation bar within a Div

Hello all. I need a solution for centering a horizontal style nav bar whether it be css only, jQuery or Spry based. I've been trying to use widgets from the adobe widget browser or other ones I've been able to find online. I have been able to get the graphic that goes behind the links to span the entire width of the Div, but I can't move the actual links to the center of the screen and get it to stay in the middle like the rest of the elements do when you resize the page. The links always stay anchored to the left side of the page. I've been able to move them all the way to the right side of the page through a certain css change, but that is not what I'm looking for. Do I need to resize the Div, or add a div within the div? Do I need to split the horizontal width of the single div into three div's and put the nav bar into the middle one? If that is the solution, how do I add the div's next to each other, I tried adding a div within the div, but nothing really appears to show up, so that must essentially be a wrong way of going about it.
Well anyways, I need some advice, somebody please lead me in the right direction on how to get this right. In the div above the one I'm trying to make this happen in, I have a flash object and it just centers itself perfectly with the div and moves with the rest of the page fluidly when you resize. And the same goes for a div right above that which contains the company logo.
Thanks for help in advance.

This is what I mean by the dotted lines not lining up evenly at the ends.
Here is the source code for the page, followed by the css:
<!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 name="description" content="Common Wealth Web Solutions: Web Development, Graphic Design, Media Consultant, Community Engagement" />
<meta name="keywords" content="Common,Wealth,Web,Solution,Design,Graphic,Development,Interactivity,services,fla sh,php,javascript,ajax,professional,Caleb Wright, Peter Wallis,artist,video,multimedia,production,search engine optimization,SEO,video production design" />
<meta http-equiv="Content-Type" content="text
/html; charset=UTF-8" />
<title>Common Wealth Web Solutions: Web Development, Graphic Design, Media Consultation, Community Engagement</title>
<link href="stylesMain.css" rel="stylesheet" type="text/css" />



<script type="text/javascript" src="scripts.js"></script>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<style type="text/css">
#apDiv1 {
    position:absolute;
    width:1844px;
    height:43px;
    z-index:1;
    left: 64px;
    top: 253px;
body {
    background-color: #FFF;
</style>
<link href="SpryAssets/SpryAccordion_flexible.css" rel="stylesheet" type="text/css" />
<style type="text/css">
a:link {
    color: #00F;
</style>
<style type="text/css">
#menu {
width: 700px;
margin: 0 auto;
#menu ul {
padding: 0;
margin: 0;
text-align:center;
list-style:none
#menu li{
padding: 0;
margin: 0;
display:inline;
margin-right: -2px;
#menu a {
background-color:#66F;
padding: 6px 15px;
color: #fff;
text-decoration: none;
#menu a:hover {
background-color:#39C;
</style>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-3119473-5']);
_gaq.push(['_setDomainName', 'none']);
_gaq.push(['_setAllowLinker', true]);
_gaq.push(['_trackPageview']);
(function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-3119473-6']);
_gaq.push(['_setDomainName', 'none']);
_gaq.push(['_setAllowLinker', true]);
_gaq.push(['_trackPageview']);
(function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
</script>
<link href="CSSOnlyMenu4/css/menu4.css" rel="stylesheet" type="text/css" />
<style type="text/css">
/* BeginOAWidget_Instance_2141545: #OAWidget */
#menu4 ul {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 30px;
    letter-spacing: -3px;
    border-top:5px dotted #003399;
    border-bottom:5px dotted #003399;
    margin:20px;
#menu4 ul li a{
    color: #003399;
    padding: 10px 5px 10px 10px;
    width: 170px;
#menu4 ul li a:hover span.title{
    color:#00adef;
#menu4 ul li a span.text{
    font-family: Georgia, serif;
    font-size: 13px;
    color:#c7e7f3;
/* EndOAWidget_Instance_2141545 */
</style>
<script type="text/xml">

</script>
</head>
<body>
<div id="wrapper-body">
<div id="wrapper-1">
    <div id="branding">
      <h1>
      <div>
        <p><img src="images/lorentzpaintinglogo_cropped2.png" width="317" height="110" alt="Lorenz Painting Co." longdesc="http://www.lorenzpainting.com" /></p></div>
      <div id="flash">
      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="700" height="250" id="FlashID" title="Lorenz Painting Co Flash Widget">
        <param name="movie" value="LorentzBanner.swf" />
        <param name="quality" value="high" />
        <param name="wmode" value="opaque" />
        <param name="swfversion" value="6.0.65.0" />
        
        <param name="expressinstall" value="Scripts/expressInstall.swf" />
        
        
        <object type="application/x-shockwave-flash" data="LorentzBanner.swf" width="700" height="250">
          
          <param name="quality" value="high" />
          <param name="wmode" value="opaque" />
          <param name="swfversion" value="6.0.65.0" />
          <param name="expressinstall" value="Scripts/expressInstall.swf" />
          
          <div>
            <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
            <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
            </div>
          </div>
          
        </object>
        
      </object>
      </h1>
<div>
<div id="menu4">
    <ul>
      <li><a href=""> <span class="title">Home</span> <span class="text">Why us?</span> </a> </li>
      <li><a href="">Services<span class="text">What we do</span> </a> </li>
      <li><a href=""> <span class="title">Testimonials</span> <span class="text">What they say</span> </a> </li>
      <li><a href=""> <span class="title">Contact</span> <span class="text">How to get in touch</span> </a> </li>
    </ul>
</div>
<p> </p>
<p> </p>
<p> </p>
</div>
      <div></div>
    </div>
    <div id="wrapper-2">
      <div id="content-top" class="png"></div>
      <div id="wrapper-3">
        <div id="content-1">
          <div class="content-wrap">
            <p>Home</p>
            <p>Contact</p>
          </div>
        </div>
        <div id="content-2">
          <div class="content-wrap">
stuff
<p> </p>
          </div>
        </div>
        <div id="content-bottom"></div>
      </div>
      <div id="footer">
        <p><strong>Lorentz Painting Co., 2011</strong><strong></strong></p>
      </div>
    </div>
</div>
</div>
<script type="text/javascript">
swfobject.registerObject("FlashID");
jQuery("#jQueryUIAccordion").accordion({
        event: "click",
        collapsible: false,
        autoHeight: true
</script>
</body>
</html>
Be forewarned, there are a bunch of rules in here that don't apply to anything anymore, as it's from a recycled rules from another site I built. Sorry.
I will first put the CSS for the main style sheet, and I will put the CSS for the Horizontal Nav Bar in after.
CSS:
Main style sheet:
@charset "UTF-8";
body
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    color: #6B6B6B;
    background: #8D927C url(images/bg_body.jpg) repeat-x;
    margin: 0;
    padding: 0;
    min-width: 800px;
    text-align: center;
    background-color: #000;
h2, h3, h4
    font-size: 16pt;
    font-weight: normal;
    margin: 15px 0 0 0;
#wrapper-3 p
    padding: 0;
    line-height: 1.35em;
    margin-top: 8px;
    margin-right: 0;
    margin-bottom: 8px;
    margin-left: 0;
#wrapper-3 ul
    list-style-type: none;
    margin: 8px 0;
    padding: 0;
#branding
    margin: 0 0 0 0;
@Generic anchor (link) styles
a:link, a:visited
    color: #4f4f3f;
a:hover, a:active
    color: #000000;
@Inline image styles
img.float-left
    float: left;
    margin: 0 6px 6px 0;
img.float-right
    float: right;
    margin: 0 0 6px 6px;
img.border
    background: #FFF;
    padding: 2px;
    border: 1px solid #999;
@Tab navbar styles
#hornav ul
    margin: 0;
    list-style-type: none;
    line-height: normal;
    padding: 0;
    text-align: center;
    margin-bottom: 60px;
    font-size: 0.8em;
    text-transform: uppercase;
#hornav ul li
    display: inline;
    margin: 0 2px 0 0;
    padding: 3px 0 3px 10px;
#wrapper-body #wrapper-1 #hornav ul li a br {
    height: 400px;
#hornav ul li a
    text-decoration: none;
    margin: 0;
    background-repeat: inherit;
    background-position: center center;
    padding-top: 50%;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-left: 10px;
#hornav ul li a:link, #hornav ul li a:visited
    color: #3e3f2f;
#hornav ul li a:hover, #hornav ul li a:active
    color: #000000;
@Secondary navigation styles
#navcontainer
    background: transparent url(images/bg_navlist-top.jpg) no-repeat top center;
    margin: 0;
    padding: 12px 0 0 0;
#navcontainer ul
    margin: 0;
    list-style-type: none;
    line-height: normal;
    padding: 0 0 12px 0;
    border-top: 1px solid #FFF;
    background: transparent url(images/bg_navlist-bottom.jpg) no-repeat bottom center;
#navcontainer a
    display: block;
    padding: 3px 6px;
    width: 168px;
    margin: 0 10px;
    background-color: #c4bfac;
    border-bottom: 1px solid #FFF;
#navcontainer a:link, #navlist a:visited
    color: #FFF;
    text-decoration: none;
#navcontainer a:hover
    background-color: #90937e;
    color: #FFF;
@Masthead text styles
#branding
    margin: 0;
    padding: 0;
#branding h1
    color: #000;
    padding: 10px 0 0px 0;
    border-top: 4px solid #656e5d;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.3em;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 28px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    margin: 0;
@Layout styles
#wrapper-body
    background: transparent url(images/bg_wrapper-body.jpg) no-repeat top right;
    width: inherit;
    margin: 0;
    padding: 0;
#wrapper-1
    width: auto;
    background: transparent url(images/bg_wrapper-1.jpg) no-repeat;
    margin: 0;
    padding: 0;
#wrapper-2
    width: 45em;
    text-align: center;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
#wrapper-3
    background: url(images/bg_wrapper-3.jpg) repeat-y;
    color: #333;
    text-align: left;
#content-top
    margin: 0;
    height: 1em;
    background: url(images/bg_content-top.jpg) no-repeat;
    font-size: 0;
    line-height: 0;
#content-1
    float: left;
    width: 12em;
    font-size: 0.9em;
    padding: 0;
    margin-top: 2em;
    margin-right: 2em;
    margin-bottom: 0em;
    margin-left: 0em;
#content-2
    float: left;
    width: 40em;
    padding: 0;
    font-size: 0.8em;
    margin-top: 2em;
    margin-right: 0px;
    margin-bottom: 0em;
    margin-left: 0em;
#content-3
    float: left;
    width: 250px;
    font-size: 10pt;
    margin: 0;
    padding: 0;
#content-4 {
    width: 190px;
    padding: 0px;
    line-height: 0px;
#content-bottom
    clear: both;
    height: 1em;
    background: url(images/bg_content-bottom.jpg) no-repeat;
    font-size: 0;
    line-height: 0;
.content-wrap
    margin: 0;
    padding-top: 0px;
    padding-right: 2em;
    padding-bottom: 5px;
    padding-left: 0px;
#footer p
    font-size: .75em;
    margin: 12px 0;
p.content-wrap {
    font-size: 9pt;
    color: #999;
@Blog post styles
.date
    float: left;
    height: 52px;
    width: 52px;
    background: url(images/date.png) no-repeat;
    margin-right: 10px;
    padding-top: 0px;
    line-height: normal;
.date .month
    display: block;
    text-align: center;
    color: #FFF;
    font-size: 11px;
    padding-top: 4px;
    text-transform: uppercase;
.date .day
    display: block;
    text-align: center;
    padding-top: 5px;
    color: #222;
    font-size: 18px;
    font-weight: bold;
.meta
    display: block;
    font-size: 11px;
    color: #666;
    clear: right;
.blog-entry
    clear: both;
    padding-top: 2px;
#searchform
    margin: 8px 0;
    padding: 0;
@Search form styles
#searchform fieldset
    margin: 0;
    padding: 0;
    border: 0;
#searchform label
    color: #999;
    display: none;
#searchform input
    width: 160px;
    color: #222;
#searchform #submitquery
    display: none;
#wrapper-body #wrapper-1 #wrapper-2 #wrapper-3 #content-2 .content-wrap p {
    line-height: 1.35em;
    text-align: justify;
#wrapper-body #wrapper-1 #wrapper-2 #wrapper-3 #content-1 .content-wrap #Accordion1 .AccordionPanel.AccordionPanelOpen .AccordionPanelContent p {
    line-height: 1em;
#wrapper-body #wrapper-1 #wrapper-2 #wrapper-3 #content-2 .content-wrap #Contact Us #sprytextarea1 span .content-wrap {
    font-size: .5em;
#wrapper-body #wrapper-1 #wrapper-2 #wrapper-3 #content-2 .content-wrap #Contact Us #website {
#wrapper-body #wrapper-1 #wrapper-2 #wrapper-3 #content-2 .content-wrap #Contact Us #website {
    display: none;
#wrapper-body #wrapper-1 #wrapper-2 #wrapper-3 #content-2 .content-wrap #Contact Us #website label {
    display: none;
#website {
    display: none;
#wrapper-body #wrapper-1 #wrapper-2 #wrapper-3 #content-2 .content-wrap #Contact Us fieldset legend {
    font-size: 1.1em;
#wrapper-body #wrapper-1 #wrapper-2 #wrapper-3 #content-2 .content-wrap #Contact Us fieldset legend {
    font-size: 1.1em;
#wrapper-body #wrapper-1 #wrapper-2 #wrapper-3 #content-2 .content-wrap #Contact Us fieldset legend {
    font-size: 4em;
#wrapper-body #wrapper-1 #wrapper-2 #wrapper-3 #content-2 .content-wrap #Contact Us fieldset .AccordionPanelContent {
    font-size: 1em;
#wrapper-body #wrapper-1 #wrapper-2 #wrapper-3 #content-2 .content-wrap #Contact Us fieldset .AccordionPanelContent {
    font-size: 3em;
.fieldname {
    font-size: .9em;
CSS for Horizontal Nav Bar:
#menu4 {
    width: 829px;
    margin: 0 auto 0 auto;
#menu4 ul {
    list-style:none;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 30px;
    letter-spacing: -3px;
    line-height: 1.2em;
    border-top:5px dotted #c7e7f3;
    border-bottom:5px dotted #c7e7f3;
    float:left;
    clear:both;
    margin:20px;
    text-align:center
#menu4 ul li{
    float:left;
#menu4 ul li a{
    display:block;
    text-decoration:none;
    padding:10px 10px 5px 10px;
    color:#66b8d8;
    width:170px;
#menu4 ul li a span{
    display:block;
#menu4 ul li a span.title{
#menu4 ul li a:hover span.title{
    color:#00adef;
#menu4 ul li a span.text{
    padding:0px 5px;
    font-family: Georgia, serif;
    font-size: 13px;
    font-style: italic;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.6em;
    color:#c7e7f3;
    visibility:hidden;
#menu4 ul li a:hover span.text{
    visibility:visible;
Thanks!

LR3 destroys my RAW files. Impossible to make them look normal.

Hi!
Problem: Lightroom 3 and Adobe Camera RAW make my RAW files look very weird. No import preset is beign applied. Pictures look far too contrasted, saturated and with a yellow tint.
Before you answer: I have read a looot about this subject. I know RAW files cannot be actually destroyed and that LR3 isn´t doing anything to them. It just shows me how he thinks the picture looks. Ok, I can live with that. It doesn´t have to look just like my JPGs, but I expect at least a similarity, not this horrendous thing. My point is that LR3 is WAY OFF and, apparently, this is not usual.
I use LR3 on a Windows 7 machine. This are Canon RAW files from my T2i.
I have Adobe Camera RAW 6.3 installed (latest version).
I dont apply any importing presets to my files
I tried changing Camera Profiles, but the tweaks are minor and don´t fix the issue.
Other software renders my RAW files perfectly: Photo Mechanic, Fast Stone and Canon DPP.
English is not my first language, so please excuse my grammatical errors.
EXAMPLE:
Both picture were taken using the same settings. I shooted in manual mode. My flash was set to manual for consistency. White Balance was set to flash mode. The first two pictures haven´t been retouched. They are straight exports from LR3. The third picture is my retouched RAW files. That was the closest I could get to my JPG.
I also tried changing my settings in the develop module to achieve something similar to my JPGs, but I cannot get rid of the contrast and washed out colors.
Bigger Size: http://i55.tinypic.com/2januyo.jpg
The only solution I have found is to make my White Balance adjustments on Canon DPP, and then save my RAW files to JPG. Only then will I use LR3 to preocess them. As you can see, i would like to skip Canon DPP, so if you could help make LR3 and ACR interpret my RAW files decently, I would thank you A LOT.

ssprengel wrote:
It is unfortunate that the RawRants writer doesn't provide links to the CR2 files so others might try converting them.
Yeah, it would have been more interesting if there was an opportunity for others to show what they could do with those raws... oh well.
ssprengel wrote:
I suspect the white-balance didn't work on the very first example photo-pair because the cloud area was clipped and LR doesn't allow WB-eyedroppering at a 100% area. The solution is to click on a non-clipped area...
Good point.
ssprengel wrote:
And the part clear at the bottom about how Adobe hides the RAW behind a JPG...
I think he was on the war path at that point, and was reachin'...
ssprengel wrote:
If you click on the on B/W flower thumbnail it leads to a gallery with main paired images, where the NX versions of his poppies seem very oversaturated compared to the non-NX version. Apparently he prefers the oversaturation. Maybe his monitor is very dull.
NX2 really does tend to render very saturated yellows, especially the lighter tones. Most often I prefer Lightrooms subtler handling, but not always.
PS - I've found with enough fiddling, I can get Lightroom processed photos to look almost exactly the same as NX2 processed photos, and vice versa - really is the person behind the keyboard that is the biggest factor determining the final result.
On the other hand, how much fiddling you have to do in one vs. the other to get the results you want is pretty much what its all about... Blah, blah, blah...
Cheers,
Rob

I'm running the same version of Firefox on one computer in Windows 7 and on another computer in Windows XP. How can I make them look the same? Bookmarks is a button on the right in W7 and a tab at the top left in XP.

I am already running Sync for bookmarks, but I don't understand how to make Firefox have the same format at the top of the screen. I don't want to Sync tabs, so I haven't tried that option.

There is no bookmarks tab, expect you are referring to the bookmarks menu on the menu bar ("File, Edit, View, History, Bookmarks, Tools, Help") on your XP system.
Once your restore your menus on you Window 7 system, you can get rid of the bookmarks button. After going through the 10 steps below your toolbars on your Windows 7 system will be more usable again and like your XP system, none of which has anything to do with Sync.
You can make '''Firefox 6.0.1''' look like Firefox 3.6.*, see numbered '''items 1-10''' in the following topic [http://dmcritchie.mvps.org/firefox/firefox-problems.htm#fx4interface Fix Firefox 4.0 toolbar user interface, problems (Make Firefox 4.0 thru 8.0, look like 3.6)]. ''Whether or not you make changes, you should be aware of what has changed and what you have to do to use changed or missing features.''
* http://dmcritchie.mvps.org/firefox/firefox-problems.htm#fx4interface
the first 9 steps above are basic toolbar customization the following link is in step #1 above. (See before/after picture (.png) in the footnote)
*How do I customize the toolbars? | How to | Firefox Help
*:https://support.mozilla.com/en-US/kb/how-do-i-customize-toolbars
<br><small>Please mark "Solved" one answer that will best help others with a similar problem -- hope this was it.</small>
There is a lot more beyond those first 10 steps listed, if you want to make Firefox more functional.
Before and after customizations, the following also includes [http://dmcritchie.mvps.org/firefox/firefox-problems.htm#fx4styles styling changes] besides rearranging toolbars and toolbar items.
* http://dmcritchie.mvps.org/icons/fx4toolbars.png
*:Bookmarks toolbar -- [http://userstyles.org/styles/46947 Bookmarks Toolbar Fx4 Blue/Folders, Red/Bookmarks]
*:Tab borders -- [http://userstyles.org/styles/24728 Tab Color Underscoring active/read/unread (Fx3.6)] red=active tab, blue=read, green=unread, magenta(not shown)=loading

I know how to make firefox 12's tabs go to the bottom, but even so they still dont look exactly as they did in 3.6, how do I make them look exactly the same?

Considering a few websites stopped working for me seeing as I was still using 3.6.X, I reluctantly decided to finally upgrade today, and it automatically upgraded to version 12. Needless to say, I wanted it to look exactly as it did in 3.6.26, and I spent a good portion of the day tinkering with various add-ons and the like to get things back the way they were. One thing is still bugging me though, the tabs, which I managed to get to the bottom of the screen, still dont look exactly as they did. There used to be a small dividing line between the tabs and the actual page, and the + on the new tab button was smaller (and I know this all seems rather picky, but it does bother me). And while I'm at it, is there any add-on that will give me the same back/forward, X, refresh, and home icons as 3.6.26? Any help is greatly appreciated. Thank you.

Try this extension for the button:
*Classic (Small) Toolbar Buttons: https://addons.mozilla.org/firefox/addon/cstbb/
It should be possible to get the needed modifications.
You can check out this MozillaZine forum thread and ask there for advice about how to tweak the user interface.
*http://forums.mozillazine.org/viewtopic.php?f=7&t=2057009

Why does the menu look grayed out? ("File, Edit, View, History" etc) It makes them look like they are not going to work. They don't turn black if I click on them either.

Normally, at least in most Windows programs, and I think other OSes too, items that can be used are black, and items in gray are inactive so that they are not available. It's disconcerting to see the menu in gray, even though they work.

Hi Melaniefromnorth saanich,
Take a look at the Photos User Manual below. Is it possible you were deleting photos from an album and not from your library?
Delete photos and video - Photos Help
https://help.apple.com/photos/mac/1.0/index.html#/pht3bfab2f96
Delete photos and videos
Do one of the following:
Delete a photo from an album, but not from your library: Select the items you want to delete, then press Delete.
Delete a photo from a moment (placing it in the Recently Deleted album): Select the items you want to delete, press Delete, then click Delete.
Delete a photo from a moment or album (placing it in the Recently Deleted album): Select the items you want to delete, then press Command-Delete.
Deleted photos and video aren’t immediately removed from your library; they’re placed in the Recently Deleted album, where they remain for the number of days shown, and then are deleted. You can recover the items before that period of time (see the next task). If you have iCloud Photo Library turned on, the photos may remain in iCloud up to 40 days and then are removed from all your devices that use iCloud Photo Library. If you’re not using iCloud Photo Library, your deleted photos are removed from your Mac only.
Restore recently deleted items
Deleted items remain in the Recently Deleted album for the number of days shown, and then are deleted permanently. You can view recently deleted items and restore them back into your Photos library.
Choose File > Show Recently Deleted.
Select the photos you want to restore.
Click Recover.
To delete recently deleted items immediately, select the items, then click Delete.
If you use Time Machine to back up your computer, you may be able to recover items after they are deleted permanently from your Mac or iCloud.
For more information on using Time Machine, see Restore a Photos library from a Time Machine backup.
Hope that helps,
- Judy

I just switched to Firefox from IE. The fonts are a bit fuzzy, hard to read, in all applications, email, Facebook, websites, etc. Is there a way to make them look better?

Not much more to explain. I'm having trouble with the way things display in Firefox, they appear rather fuzzy, unclear.

Do you have Clear Type set on your system?
*See --> http://support.microsoft.com/kb/306527
'''If this reply solves your problem, please click "Solved It" next to this reply when <u>signed-in</u> to the forum.'''
Not related to your question, but...
You may need to update some plug-ins. Check your plug-ins and update as necessary:
*Plug-in check: https://www-trunk.stage.mozilla.com/en-US/plugincheck/
*Adobe Shockwave for Director Netscape plug-in: [https://support.mozilla.com/en-US/kb/Using%20the%20Shockwave%20plugin%20with%20Firefox#w_installing-shockwave Installing ('''''or Updating''''') the Shockwave plugin with Firefox]
*Adobe PDF Plug-In For Firefox and Netscape: [https://support.mozilla.com/en-US/kb/Using%20the%20Adobe%20Reader%20plugin%20with%20Firefox#w_installing-and-updating-adobe-reader Installing/Updating Adobe Reader in Firefox]
*Shockwave Flash (Adobe Flash or Flash): [https://support.mozilla.com/en-US/kb/Managing%20the%20Flash%20plugin#w_updating-flash Updating Flash in Firefox]
*Next Generation Java Plug-in for Mozilla browsers: [https://support.mozilla.com/en-US/kb/Using%20the%20Java%20plugin%20with%20Firefox#w_installing-or-updating-java Installing or Updating Java in Firefox]

Cleaner Navigation with a second navigation bar

Does anyone know if it is possible to create a second navigation section in a site and how? It will greatly help reduce clutter in the main navigation on the top of the page (Welcome, My Ablums, My Movies, ... 20 other items I plan to create). I need this specifically for a My Travels page or set of pages I would like to create. The way I envision it to work is similar to my current site. A user would click on the My Travels page which will navigate then to a page with a navigation section on the left side of the page that will list places I've been to as a navigation menu (France, Spain, Switz, Turks n C, St. Martin, Puerto Rico, Greece, etc...). They could then click on each place to get content specific to that place with pictures, etc ...
I also didn't want to create 30 different pages (one for each place) and have to manually manange the sub navigation menu on each page. i.e. if I go to another place, I don't want to have to create a new page and have to change all of the other sites by adding a link to each navigation section ...

It wouldn't look odd if you had the page containing the iframe having another appearance than the pages loading into the iframe. However this approach is good to link external sites but less to link your own site as the pages loading in the iframe wouldn't have any navigation bar on them. Thus if someone jumps in on one of those pages from google or whatever he wouldn't know there are other pages as well...
I'm currently working on putting an iframe into each page which will load the menu so that you just have to change the one menu page to update the menu on the whole site instead of changing it on each page, that makes my life easier... Until now I just copied and paste it to all sites each time I changed the menu and that's really time consuming as the site is growing... That also solves the problem of embedding a page in a same looking page as the menu is only a little part of the whole page and you can make it look as it were part of the page...
However in your case I would just make a "Travelling page" (Travelling comes up in the main menu) and on that page make make an index of all your trips (which will not appear as single pages in the main menu, Inspector PageTab, uncheck Include page in navigation menu). So when you click on Travelling page you get the list of:
Italy
Switzerland
Alaska
or whatever
click on one of those links and you get that page, to get to another destination when looking at Italy just hit Travelling in the Main menu (nav bar) and again you're on the index site and choose another destination.
Thus you only have to change that index page.
Example:
http://alyeska.altervista.org/en/Journeys.html
hit Iceland get to the Iceland page
hit journeys in the nav bar
choose other destination (not many active sorry, I'm too busy on other stuff...)
I really do think it's the easiest way...
Regards,
Cédric

Spry Navigation Bars - Make them look GOOD

Similar Messages

Maybe you are looking for