How do I place a transparent header?

I'm trying to place a transparent header across the top of my page so that just the text links show up on top of the background but no matter what I try the header shows up at the bottom with a gray background. How do I fix that? Thanks
http://kurtesposito.com/

Alright, a different approach. Copy & paste this into a new, blank document. Save and preview in browsers.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
    margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
body {
    color: #CCC;
    font-size: 100%;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    background: #222 url(http://kurtesposito.com/Images/beach12.png) center center no-repeat fixed;
    /**for safari**/
    -webkit-background-size: cover;
    /**for Firefox**/
    -moz-background-size: cover;
    /**for Opera**/
    -o-background-size: cover;
    /**for other browsers**/
    background-size: cover;
header {
    width: 100%;
    color: #FFF;
    min-height: 350px; /**adjust min-height as needed**/
    text-align: right;
    padding: 0 2%;
    background: rgba(155,255,255,0.1);
nav { text-align: center }
/**main content**/
section {
    width: 75%; /**adjust width as needed**/
    margin: 0 auto;
    padding: 2%;
    background: rgba(51,51,51,0.5);
footer {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #666;
    color: #FFF;
    overflow: hidden; /**float containment**/
aside {
    float: left;
    width: 33.33%; /**3-accross**/
    padding: 2%;
    border-left: 1px dotted #999;
/**re-usable classes**/
.center { text-align: center }
.right { text-align: right }
</style>
</head>
<body>
<header>
<h1>Your Awesome Site Name</h1>
<nav> menu goes here </nav>
</header>
<section>
<h3>Heading 3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae libero lacus, vel hendrerit nisi! Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus. Pellentesque aliquet aliquet ligula, et sagittis justo auctor varius. Quisque varius scelerisque nunc eget rhoncus. Aenean tristique enim ut ante dignissim. </p>
</section>
<footer>
<aside>footer aside </aside>
<aside class="center">footer center aside </aside>
<aside class="right">footer right aside </aside>
</footer>
</body>
</html>
Nancy O.

Similar Messages

How do I place a transparent image over specific, centered text?

I'm helping someone with a site that flows sales copy down the center of the browser window. We want to take a transparent oval and place it over a price that will be in the copy. (It would look like someone took a marker and circled the price.)
I had learned that AP Div could solve this problem and, to an extent, it does. I can place the oval right over the price. But it only works when the copy is left justified, not centered. If the copy is centered, I can place the oval, but if the browser window is resized, the oval stays in place while the copy is reflowed to the new browser window size. Thus the oval is no longer over the correct text.
Then I learned that Layout Mode might solve this problem, however that has been removed from CS4.
So now my question is how do I to take a transparent .png file and place it over copy on this site so that if the browser window is resized, the .png file stays with the correct text as the text is "moved" to stay in the center of the brower window?
I want to avoid the workaround of simply creating a .png with the oval and the price and inserting that in the middle of the copy at the appropriate place. There must be a better way to handle this. Not being too familiar with Dreamweaver, maybe there's some sort of Anchor function similar to one in InDesign that solves this issue.
I've attached the simple oval .png file we're trying to use for this.
Thanks in advance for any help.

How about having the circle underneath the text? I know it's a compromise, but it will be much easier to do as you can assign a background image to the div or table cell which holds the text.
For example, make a blank graphic and create a class:
.price
background-image: url(nocircle.png);
then assign it to the text and give each text div a unique name
<div class="price" id="price1">10.99</div>
then you can turn the background image on and off using Dreamweaver's javascript controls, for example:
onclick="MM_changeProp('price1','','background-image','url(circle.png)','DIV');"
Hope that helps.
Peter

How can I place a transparent psd into Illustrator CS4 without effecting my spot colors?

So, I'm very naive about printing processes and am working with an online book building company. I've asked them how I need to fix this, but don't expect great advice from their design team.
When saving in Illustrator, I've been receiving the error:
"When spot colors are used with transparency, changing them to process colors outside of illustrator can generate unexpected results."
This effected the printing because it left a halo in the shape of the placed transparent .psd. So I need to know how to flatten the transparent psd or something in order to not have it effect the colors below it.
Thanks!

Thanks Monika and John. I've been working in Spot colors simply because my client has limited my palette for the screen printing we've been doing on ceramics in the past. Now we want this book to match the colors on the ceramics. But if Pantone bridge back to CMYK would work, I'll do it. I have been saving to PDF by making a combined pdf directly from the .ai folder. My links are all embedded.
Is there a way to convert all the colors in the document to CMYK at once? Otherwise I'm looking at a very long week.

How to place content between header and tabs?????

i have header part which has to be constant through out the portal but below that i have 3 links
like I AM employee,employer,broker..
which has to be shown only in home page above tabs..
how can i achieve this..
how to place content between header and tabs..:(kindly help..

Hi Samiran
Try these approaches and see if that works.
1. In the Header Section, you header footer shell and add a Header Portlet. This Header Portlet associated JSP file will have all static content in the top section. In the bottom section, add these 3 links say to right hand corner. Show these links only based on some request property like isHome. Now for the main book having Home and other page associate a BackingFile. Within this backing file in the lifecycle methods like preRender or handlePostBack, get instance of BookManager and all the pages and see which page is Active. For that active page check its page definition label which will be always unique. IF the page def label is like home_page_def (this is page def label you give for home page), then set the key value in the request property like isHome=true. By only doubt is after Book backingfile is triggered, the header has to be reloaded, because only then it can pick up the request attributes.
2. Create a brand new portlet like HomePageLinks portlet. Make its Title Property Not Visible, and other user interface properties like NoBorder, NoTheme etc. The associated JSP will have the 3 links you mentioned right aligned. You can use css styles to make it right etc. Now drop this portlet in the Header Shell area. You already have HeaderPortlet in the top, below that you will have this HomePageLinks portlet. Now associate a backing file for this Portlet to show, only if the Books current active page is Home page by comparing the def label etc as mentioned above.
In both scenarios, only concern is when we click on different Pages, the entire portal has to be rendered right from the Top Header. Only then the backing file will set the key, and the HomePageLinks portlet can show or hide accordingly.
Try firing an Event when the Home page is clicked. This listener for this Event can be the HomePageLinks Portlet. I guess Event mechanism should work irrespective of where the portlet is placed. In the event listner, see if you can show/hide this portlet.
The only challenge is Header section needs to reloaded everytime you click on a Tab.
Start putting some backing files and System.out.printlns to see if the Header section gets reloaded on click on any Tabs.
These are just my thoughts over the top of my head. Other forum users can have better alternatives or a different version of above approaches.
Thanks
Ravi Jegga

How do i make a transparent box to place around some existing text?

How do i make a transparent box to place around some existing text?

Where? When? What? Sorry, you have not told us anything about your system or what program you mean nor any other details, so nobody can know anything. Ask in the forum for whatever program you are referring to.
Mylenium

How do I place external content in a Collapsible Panel

I figured out how to add a tooltip to a collapsible panel
today, but I am having trouble getting content to load in the
content portion of the panel from another HTML file.
I have created a loader.gif animation that I would also like
to appear in the content panel while the content is loading.
This, like the tooltips, is way above my skill level and any
help would be appreciated. I am starting from using Spry 1.6's
built in features in Dreamweaver CS3 and trying to expand on them
with help using the other spry js found here in the Labs.
Link to
collapsible panel page I am working on
Currently I have all the content panel text in panels. I
would like to copy the content to another file so it can load only
when the panel tab is opened.

Check out this example.
http://labs.adobe.com/technologies/spry/samples/utils/update_content.html
its about updateContent which allows u to place content in
your div.
U could create a little function for it to load content in
your divs.
Example of load indicator + function setup:
the indicator div
<div id="indicatorMessageBoxId"><img
scr="imagehere.gif" /> Please wait loading content </div>
The function (place in <script> tags and place it in
header (dont forget to include SpryData.js)
function updateContent(ele,url){
//U call this by using the command:
updateContent('ID_toLoad_contentIn',url_of_new_content');
document.getElementById('indicatorMessageBoxId').style.display =
""; //this will show the indicator loadimage box
Spry.Utils.updateContent(ele, url, function() {
document.getElementById('indicatorMessageBoxId').style.display =
"none"; }); //this will hide the box when loading file is done
u can attach this function on your collapspannel by adding a
onclick="updateContent('myId','data/page.html');" to the
element.
Hope this helps :)

How to automate the flatten transparency in illustrator?

How to automate the "Flatten Transparency option" in illustrator via javascript. Please share with me.
Thanks

I'm looking for the same thing.
app.executeMenuCommand('Flatten Transparency'); works in CC but all it does is it brings up the window and you still have to click OK to make the script continue.
Before anyone asks why do you want to do it etc. In print thereare instances where you have to open and edit (not text) large numbers of pdfs to change colours, outline fonts etc otherwise there's trouble on print devices.
My script for instance looks for 100K blacks and replaces them with rich black, looks for empty text frames, overprint, bleed settings, clipping paths etc.
The only way to edit successfully a pdf without fonts is to place it and flatten transparency outlining fonts and then work on it.
So back to the point. After the window pops up, is there a way to simulate a keystroke like "Enter" or maybe app.executeMenuCommand('Flatten Transparency'); takes arguments like:
app.executeMenuCommand('Flatten Transparency',preset_name);...?
Anyone? Adobe SDK team? :-)

How do I place two graphics side by side.

We are using a one column with a side head. (Not that that should matter I guess.) How would I place two graphics side by side, still numbering the figures correctly. We have tried several things and finallly got them even, but it is a big hassel and then the paragraph style (Figure XX) doesn't always line up either. When I use the text frame tool to number the Figures, the numbering doesn't continue as it should. Seems that sometimes it works, but sometimes it doesn't.
Thanks,
ls

If it was me, I'd set up a two-column, two-row table and set the ruling to none.
Import the graphic into cell 1/1 so that an anchored frame is created automatically.
Shrink-wrap the graphic. Repeat for cell 2/1.
Then I'd put the Figure caption tag into the second row of cells, under the graphics.
*Ordinarily, you wouldn't use the text frame tool for stuff like this, nor the Text Line tool, which is what you may be using.
If stuff isn't set up properly, it creates a text flow that's separate from your main text flow, which means the auto-numbering counters are in two separate flows -- the reason they're not incrementing for you.
Art

How can we place a F4 help in a parameter in selection screen

Hi,
How can we place a F4 help in a parameter in selection screen. Can we do add a Process 0n Value request similar to a module pool prg in stadard report program.
saji

Hello Saji,
Try below attached report.
Regards,
Naimesh.
Reward, if it is useful..!
REPORT ZTEST_NP_1.
DATA: HELPVAL1 LIKE HELP_VALUE OCCURS 0 WITH HEADER LINE .
DATA: VALUE_TAB     LIKE PDTASK-OTEXT OCCURS 2 WITH HEADER LINE.
DATA: VALUE         LIKE FEBMKA-BANKN,
      GIVEN_VALUE   LIKE HELP_INFO-FLDVALUE.
DATA: IT_T005T LIKE T005T OCCURS 0 WITH HEADER LINE,
      IT_T002T LIKE T002T OCCURS 0 WITH HEADER LINE.
SELECTION-SCREEN: BEGIN OF BLOCK BLK1 WITH FRAME TITLE ABC.
PARAMETERS:       P_SPRAS LIKE T002T-SPRAS,
                  P_LAND1 LIKE T005T-LAND1.
SELECTION-SCREEN: END   OF BLOCK BLK1.
INITIALIZATION.
ABC = 'Selection Criteria:'.
AT SELECTION-SCREEN ON VALUE-REQUEST FOR P_LAND1.
PERFORM VALUE_REQUEST_LAND1.
AT SELECTION-SCREEN ON VALUE-REQUEST FOR P_SPRAS.
PERFORM VALUE_REQUEST_SPRAS.
*&      Form VALUE_REQUEST_land1
FORM VALUE_REQUEST_LAND1.
*---- Reading the Screen values.
DATA: LT_DYNPFIELDS LIKE DYNPREAD OCCURS 0 WITH HEADER LINE,
        LV_DYNAME     LIKE D020S-PROG,
        LV_DYNUMB     LIKE D020S-DNUM.
*-------Append field which you want to read from the screen
LV_DYNAME = SY-REPID.
LV_DYNUMB = SY-DYNNR.
LT_DYNPFIELDS-FIELDNAME = 'P_SPRAS'.
APPEND LT_DYNPFIELDS.
CALL FUNCTION 'DYNP_VALUES_READ'
       EXPORTING
            DYNAME     = LV_DYNAME
            DYNUMB     = LV_DYNUMB
       TABLES
            DYNPFIELDS = LT_DYNPFIELDS.
SELECT * FROM T005T
         INTO TABLE IT_T005T
         WHERE SPRAS = P_SPRAS.
    REFRESH: HELPVAL1, VALUE_TAB.
    CLEAR:   HELPVAL1, VALUE_TAB, GIVEN_VALUE, VALUE.
*---- Append field name for the columns in the help popup
    HELPVAL1-TABNAME    = 'T005T' .
    HELPVAL1-FIELDNAME = 'LAND1' .
    HELPVAL1-SELECTFLAG = 'X' . " will return the value on the screen
    APPEND HELPVAL1 .
    CLEAR HELPVAL1 .
    HELPVAL1-TABNAME    = 'T005T' .
    HELPVAL1-FIELDNAME = 'LANDX' .
    HELPVAL1-SELECTFLAG = ' ' .
    APPEND HELPVAL1 .
    CLEAR HELPVAL1 .
    LOOP AT IT_T005T.
      VALUE_TAB = IT_T005T-LAND1.
      APPEND VALUE_TAB.
      VALUE_TAB = IT_T005T-LANDX.
      APPEND VALUE_TAB.
    ENDLOOP.
    GIVEN_VALUE    = P_LAND1.
    CALL FUNCTION 'HELP_VALUES_GET_WITH_VALUE'
       EXPORTING
            DISPLAY      = SPACE
            GIVEN_VALUE = GIVEN_VALUE
       IMPORTING
            SELECT_VALUE = VALUE
       TABLES
            FIELDS       = HELPVAL1
            VALUETAB     = VALUE_TAB.
    IF NOT VALUE IS INITIAL.
      P_LAND1 = VALUE. " Assing value to the parameter
    ENDIF.
ENDFORM.                    " VALUE_REQUEST_land1
*&      Form VALUE_REQUEST_SPRAS
FORM VALUE_REQUEST_SPRAS.
REFRESH: HELPVAL1, VALUE_TAB.
CLEAR:   HELPVAL1, VALUE_TAB, GIVEN_VALUE, VALUE.
HELPVAL1-TABNAME    = 'T002T' .
HELPVAL1-FIELDNAME = 'SPRSL' .
HELPVAL1-SELECTFLAG = 'X' .
APPEND HELPVAL1 .
CLEAR HELPVAL1 .
HELPVAL1-TABNAME    = 'T002T' .
HELPVAL1-FIELDNAME = 'SPTXT' .
HELPVAL1-SELECTFLAG = ' ' .
APPEND HELPVAL1 .
CLEAR HELPVAL1 .
SELECT * FROM T002T
         INTO   TABLE IT_T002T
         WHERE SPRAS = SY-LANGU.
LOOP AT IT_T002T.
    VALUE_TAB = IT_T002T-SPRSL.
    APPEND VALUE_TAB.
    VALUE_TAB = IT_T002T-SPTXT.
    APPEND VALUE_TAB.
ENDLOOP.
GIVEN_VALUE    = P_SPRAS.
CALL FUNCTION 'HELP_VALUES_GET_WITH_VALUE'
       EXPORTING
          DISPLAY      = SPACE
          GIVEN_VALUE = GIVEN_VALUE
       IMPORTING
          SELECT_VALUE = VALUE
       TABLES
          FIELDS       = HELPVAL1
          VALUETAB     = VALUE_TAB.
IF NOT VALUE IS INITIAL.
    P_SPRAS = VALUE.
ENDIF.
ENDFORM.                    " VALUE_REQUEST_SPRAS

How do i make a transparent background in Photoshop Elements 13

how do i make a transparent background in Photoshop Elements 13

Open the picture file
Use one of the selection tools to select the foreground
Place the selection on its own layer (Layer>New>Layer via copy or CTRL+J) - this will be Layer 1
Delete the background layer
If you want to save it, use a file format which supports transparency, e.g.PNG

How do I place a watermark "behind" an image?

How do I place a watermark "behind" an image?

Hi there,
By behind I assume you mean over top an image.
There are different ways, the easiest way is mentioned above.
Following the same principle you can create a new file with a transparent background. Design your watermark etc and save the file as a .jpg or tiff.
While your watermark is still open in Photoshop open the image you want to apply the watermark on.
1) Go back to your watermark image and 'select all' or simply Ctrl + A.
2) Then press Ctrl + C
3) Go to your image file now and paste the watermark on top of the image by pressing Ctrl + V.
A new layer is then created and you can change the opacity to whatever you like to adjust the visibility of the watermark.
4) Save the file as a psd and keep this file for later use.
5) If you want a web friendly jpg then open the psd and save a jpg version.
Hope that helps!
-SC
http://www.learnitanytime.com/courses/?tab=All-Courses

How to add a image to header of exporting pdf in devexpress gridview

hi guys ;
how to add a image to header of exporting pdf in devexpress gridview content

Hi Aly14,
I am not sure what the type of your project was, is it a C# project or an asp.net project?
If would be helpful if you could share us more information about your issue.
In addition, I made a research about your issue and I think the links below might be useful to you:
# ASPxGridView insert an image for Header and Footer sections for pdf export
https://www.devexpress.com/Support/Center/Question/Details/Q37155
# Adding an "Export Header" to PDF export in MvcGridView
https://www.devexpress.com/Support/Center/Question/Details/T141918
Best Regards,
Edward
This response contains a reference to a third party World Wide Web site. Microsoft is providing this information as a convenience to you. Microsoft does not control these sites and has not tested any software or information found on these sites; therefore,
Microsoft cannot make any representations regarding the quality, safety, or suitability of any software or information found there. There are inherent dangers in the use of any software found on the Internet, and Microsoft cautions you to make sure that you
completely understand the risk before retrieving any software from the Internet.
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click HERE to participate the survey.

How to cancel the sales order - header and line status are in Entered Stage

Dears,
I have some sales order to be cancelled in which the header and line status are in *"Entered"*. I am not able to cancel these sales order.
Also note that these orders are for maintenance service.Once i book these orders the lines will change to closed status.
So it is not possible to book and cancel the lines.
Kindly me to resolve this.

926530 wrote:
Boss,
If i do Action-->cancel on header, it just makes the qty to zero.But the header and line status still showing as entered.It will not cancel the order.
The problem for me is that these lines are coming in my monthly reports. This is what your question says...be more specific as what is your issue..which in turn is your problem
How to cancel the sales order - header and line status are in Entered Stage
Coming to your Action-->cancel...as far as i know ...the header status will change to canceled..
unless until you have some processing constraints in place...which is stopping you...
HTH
Mahendra

How do you create a transparent background in AE

Hi--I'm using AE CS5 on a MacBook Pro and I'm brand new to using AE.
How do you create a transparent background?
I need it because I'm creating a shatter effect on a photo and want to import the AE movie into FCP and have it play on one layer while beneath it another image will be seen when the shatter effect takes place.
He'p me, cap'n!
Thanks!

Hey Guys, thanks for your replys!!
Wow, there's a lot to check out there--great!
I hope I'm on the right track, I just watched the video about preserving transparency and maybe I'm stupid, maybe cause I'm new, but I just want to be sure I'm on the right track. Sorry if my question was confusing, maybe cause I am a bit new.
To reiterate: I want to export a short AE movie of a shatter glass effect on a picture. The background needs to be transparent because I will import the AE movie into FCP and place it as the top layer. On a layer beneath it will be video I want to seen as the shatter glass effect creates a 'hole'.
I believe this url tells me how to do that: http://forums.creativecow.net/thread/2/930588
Thanks again!
Elmer

How to add color only in header

how to add color only in header and arrange a background color selected from desktop

You can place rectangle in header section on master page which would be applied on sub pages and then fill rectangle with color.
If you are after a specific color then simply use color code and fill.
Thanks,
Sanjit

How do I place a transparent header?

Similar Messages

Maybe you are looking for