1

[dbphoto1981]

dbphoto1981

#7039

Hi, I have this app from the weather network with this code:

<iframe marginheight="0" marginwidth="0" name="wxButtonFrame" id="wxButtonFrame" height="20" src="http://btn.weather.ca/weatherbuttons/template4.php?placeCode=PT080000&category0=Cities&containerWidth=367&btnNo=&backgroundColor=blue&multipleCity=0&citySearch=0&celsiusF=C" align="top" frameborder="0" width="367" scrolling="no" allowTransparency="true"></iframe>

I want to put this on my home page Here in the top menu bar where it says ‘Gallery’/’Contact’ but to the right of this, would anyone know how to do this?

Thanks 🙂

[Kenneth John Odle]

Kenneth John Odle

#36617

Use a Graphene action hook widget area. There is a tutorial on my blog.

[dbphoto1981]

dbphoto1981

#36618

Hi, thanks, I dont really understand the action hook, I have found the header file but not sure how to implement the code into the right part?

[Kenneth John Odle]

Kenneth John Odle

#36619

You do not edit theme files. That is the purpose of action hooks and action hook widget areas. See the tutorial on my blog.

[dbphoto1981]

dbphoto1981

#36620

Thanks, discovered this, but it does not let me input anything into the ‘Graphene top bar’ or ‘graphene header menu’ it just shows

Quote:

Dynamically added widget area. This widget area is attached to the ‘graphene_top_bar’ action hook.

and am trying to paste in my code?

Thanks for the help 🙂

[Kenneth John Odle]

Kenneth John Odle

#36621

Yep, you have to activate the widget area in Graphene options, and then go to the widgets pane, add a text widget, and add your code to the text widget.

[dbphoto1981]

dbphoto1981

#36622

Thanks, I see, sorry, had to put the text box in there.

Is there a way to customise so it shows on the right of my top header? at the moment it is showing to the left and undernath my menu?

Have a look Here

[Kenneth John Odle]

Kenneth John Odle

#36623

Try this in custom CSS:

#text-3 {float: right;}

[dbphoto1981]

dbphoto1981

#36624

Yep, that worked, is there a way to have it on the same line as the text that is on the left? just so it moves it up a bit?

Thanks for the help 🙂

[Anonymous]

Anonymous

#36625

Add this:

#text-3 {

position: relative;

top: -30px;

}

Maybe some px more or less ;).