Comments on: Rotating Header using NextGen Gallery http://www.crazytrike.com/2009/06/03/rotating-header-using-nextgen-gallery/ A guy, a tricycle, and cycling in the Pacific Northwest Sat, 04 Feb 2012 18:46:53 -0800 hourly 1 http://wordpress.org/?v=3.3.1 By: dougfoot http://www.crazytrike.com/2009/06/03/rotating-header-using-nextgen-gallery/#comment-94 dougfoot Mon, 26 Jul 2010 22:34:34 +0000 http://www.crazytrike.com/?p=884#comment-94 To reinterate, the header.php in the root folder of the Atahualpa theme folder is the header.php that should be edited (make a copy first) Using a text editor, look for “Header” around line 61 of the header.php file (this is the area of most importance) Around line 64 should be “<code></code>” after this line insert the code: “<code></code>” You also shoud have a working slide show before setting it up in your header. If is working outside of the header, the it's just coding that needs to be figured out. Input for the NextGen Gallery widget: nggSlideshowWidget(gallery #, width, height) You will also have to make changes in the Atahualpa Theme Options giving the order of the header layout, and inserting the CSS to manipulate the menu placement. Just note, I'm note a coder, and only through playing around with CSS and looking at others sites was I able to get my header setup. To reinterate, the header.php in the root folder of the Atahualpa theme folder is the header.php that should be edited (make a copy first)
Using a text editor, look for “Header” around line 61 of the header.php file (this is the area of most importance)
Around line 64 should be “” after this line insert the code: “”

You also shoud have a working slide show before setting it up in your header. If is working outside of the header, the it’s just coding that needs to be figured out.

Input for the NextGen Gallery widget: nggSlideshowWidget(gallery #, width, height)

You will also have to make changes in the Atahualpa Theme Options giving the order of the header layout, and inserting the CSS to manipulate the menu placement.

Just note, I’m note a coder, and only through playing around with CSS and looking at others sites was I able to get my header setup.

]]> By: Diya http://www.crazytrike.com/2009/06/03/rotating-header-using-nextgen-gallery/#comment-93 Diya Mon, 26 Jul 2010 21:55:21 +0000 http://www.crazytrike.com/?p=884#comment-93 I used following code in header.php <!-- Header --> <td id="header" colspan=""> <!-- / Header --> and Css, #sbsl1_1 { width: 100%; z-index: 4; } ul.rMenu { background: transparent; } ul.rMenu li { background-color: transparent; } div#menu1 { background: transparent; margin-top: 2px; margin-left: -150px; position: absolute; width:auto; z-index:4; } div#menu2 { background: transparent; margin-top: -27px; margin-left: -250px; position: absolute; width:auto; z-index:4; } ul.rMenu li a:link, ul.rMenu li a:hover, ul.rMenu li a:visited, ul.rMenu li a:active { font-weight: bold; } /* Need this to get rid of fade border around the menu item */ div#menu1 { border: dotted 0px #fffffe; } div#menu2 { border: dotted 0px #fffffe; } /* Need this to get rid of fade border around the menu item */ div#menu1 ul.rMenu li a:link, div#menu1 ul.rMenu li a:hover, div#menu1 ul.rMenu li a:visited, div#menu1 ul.rMenu li a:active { font-weight: bold; padding:6px 10px; } div#menu2 ul.rMenu li a:link, div#menu2 ul.rMenu li a:hover, div#menu2 ul.rMenu li a:visited, div#menu2 ul.rMenu li a:active { font-weight: bold; padding:6px 10px; } I don't have any other galleries . I just installed it to use it on header image. I assume gallery# means gallery-ID that's created when you create a gallery in the nextgen gallery. correct me if I'm wrong. ------------------ Thanks a lot for the css code above, my menu is now embedded inside the header image with a bit of code tweaking. Can you also suggest me how to embed search and subscribe buttons form logo to header image??? [Sorry..too many questions.. hope you dont mind.. I did check in atahualpa forum but its in gold member thread. I don't earn so couldn't get in there. ] I used following code in header.php


<td id="header" colspan="”>


and Css,

#sbsl1_1 {
width: 100%;
z-index: 4;
}

ul.rMenu {
background: transparent;
}
ul.rMenu li {
background-color: transparent;
}

div#menu1 {
background: transparent;
margin-top: 2px;
margin-left: -150px;
position: absolute;
width:auto;
z-index:4;
}

div#menu2 {
background: transparent;
margin-top: -27px;
margin-left: -250px;
position: absolute;
width:auto;
z-index:4;
}

ul.rMenu li a:link,
ul.rMenu li a:hover,
ul.rMenu li a:visited,
ul.rMenu li a:active
{
font-weight: bold;
}
/* Need this to get rid of fade border around the menu item */

div#menu1 {
border: dotted 0px #fffffe;

}
div#menu2 {
border: dotted 0px #fffffe;
}
/* Need this to get rid of fade border around the menu item */
div#menu1 ul.rMenu li a:link,
div#menu1 ul.rMenu li a:hover,
div#menu1 ul.rMenu li a:visited,
div#menu1 ul.rMenu li a:active {
font-weight: bold;
padding:6px 10px;
}

div#menu2 ul.rMenu li a:link,
div#menu2 ul.rMenu li a:hover,
div#menu2 ul.rMenu li a:visited,
div#menu2 ul.rMenu li a:active {
font-weight: bold;
padding:6px 10px;
}
I don’t have any other galleries . I just installed it to use it on header image. I assume gallery# means gallery-ID that’s created when you create a gallery in the nextgen gallery.
correct me if I’m wrong.
——————

Thanks a lot for the css code above, my menu is now embedded inside the header image with a bit of code tweaking.

Can you also suggest me how to embed search and subscribe buttons form logo to header image??? [Sorry..too many questions.. hope you dont mind.. I did check in atahualpa forum but its in gold member thread. I don't earn so couldn't get in there. ]

]]> By: dougfoot http://www.crazytrike.com/2009/06/03/rotating-header-using-nextgen-gallery/#comment-92 dougfoot Mon, 26 Jul 2010 14:55:20 +0000 http://www.crazytrike.com/?p=884#comment-92 Would it be possible to show me your header.php file? Need to know the NextGen Gallery # you setup for your headers. A basic question: Do you have NextGen Gallery slide show working on your site? The menu placement is accomplished by adding CSS in the Atahualpa Theme Options, Various Content Items, Add CSS/HTML Inserts. This area is also where you manipulate the placement of the rotating header. My CSS: #sbsl27_1 { width: 950px; z-index: 4; } #menu1 { Position: absolute; margin-top: 158px; padding: 8px; width: auto; z-index: 4; } ul.rMenu { background: transparent !important; } ul.rMenu li { background: transparent !important; margin-right: 8px; } ul.rMenu li ul li { margin-right: 0; } #menu2 { Position: absolute; margin-left: 528px; padding: 8px; width: auto; z-index: 4; } #imagecontainer { position: absolute; width:950px; z-index: 3; } Would it be possible to show me your header.php file?

Need to know the NextGen Gallery # you setup for your headers.

A basic question: Do you have NextGen Gallery slide show working on your site?

The menu placement is accomplished by adding CSS in the Atahualpa Theme Options, Various Content Items, Add CSS/HTML Inserts.

This area is also where you manipulate the placement of the rotating header.

My CSS:
#sbsl27_1 {
width: 950px;
z-index: 4;
}
#menu1 {
Position: absolute;
margin-top: 158px;
padding: 8px;
width: auto;
z-index: 4;
}
ul.rMenu {
background: transparent !important;
}
ul.rMenu li {
background: transparent !important;
margin-right: 8px;
}
ul.rMenu li ul li {
margin-right: 0;
}
#menu2 {
Position: absolute;
margin-left: 528px;
padding: 8px;
width: auto;
z-index: 4;
}
#imagecontainer {
position: absolute;
width:950px;
z-index: 3;
}

]]> By: Diya http://www.crazytrike.com/2009/06/03/rotating-header-using-nextgen-gallery/#comment-91 Diya Mon, 26 Jul 2010 14:45:55 +0000 http://www.crazytrike.com/?p=884#comment-91 :( not working.. anyway I used default header rotation but am stuck with the menubar placing on the header. How did you place your menubar on the rotating header?? Please help, Diya :( not working.. anyway I used default header rotation but am stuck with the menubar placing on the header. How did you place your menubar on the rotating header??

Please help,
Diya

]]> By: dougfoot http://www.crazytrike.com/2009/06/03/rotating-header-using-nextgen-gallery/#comment-90 dougfoot Mon, 26 Jul 2010 00:39:05 +0000 http://www.crazytrike.com/?p=884#comment-90 Thoughts and questions: 1) I gather you are using Atahualpa 3.5.3 2) The header.php in the root folder of the Atahualpa theme is the header.php that should be edited (make a copy first) 3) Look for "Header" around line 61 of the header.php file (this is the area of most importance) 4) Around line 64 should be "<code><?php bfa_header_config($bfa_ata['configure_header']); ?></code>" 5) Insert the line "<code><?php if (function_exists("nggSlideshowWidget")) {nggSlideshowWidget(27,950,200);} ?></code>" (insert a new line after the bfa_header_config, this would be line 65, shifting the text file down one line, the NextGen Gallery widget code) Input for the NextGen Gallery widget: nggSlideshowWidget(gallery #, width, height) You will also have to make changes in the Atahualpa Theme Options Thoughts and questions:
1) I gather you are using Atahualpa 3.5.3
2) The header.php in the root folder of the Atahualpa theme is the header.php that should be edited (make a copy first)
3) Look for “Header” around line 61 of the header.php file (this is the area of most importance)
4) Around line 64 should be “< ?php bfa_header_config($bfa_ata['configure_header']); ?>”
5) Insert the line “< ?php if (function_exists("nggSlideshowWidget")) {nggSlideshowWidget(27,950,200);} ?>” (insert a new line after the bfa_header_config, this would be line 65, shifting the text file down one line, the NextGen Gallery widget code)

Input for the NextGen Gallery widget: nggSlideshowWidget(gallery #, width, height)

You will also have to make changes in the Atahualpa Theme Options

]]>