PDA

View Full Version : adding another item to navbar


rhdesigns
Apr-19-2009, 09:36 AM
i would like to add another button to my navbar. It will be called "local talent" and the link is
http://rhdesigns95s.smugmug.com/gallery/7946406_inPHa/1/496472779_pTAka
i would like the button to be the same size as the rest and sit to the left on the second row. I will upload the other link with the image that i will use for the button as soon as i can finish it.
my site is rhdesigns95s.smugmug.com
thanks for the help in advance

jfriend
Apr-19-2009, 10:09 AM
In the interest of teaching a fisherman to fish on their own, is there any reason that you can't just add one more item to your navbar by copying of the existing items and then changing the href and the text to what you want for the new button?

rhdesigns
Apr-19-2009, 10:38 AM
alright i did get the button to pop up on the page and it will take you to the correct page. The only thing that i need to do is move the button so that it is under the nav bar, right now it is out in the margin. What codes can i use to center or relocate a picture or icon?
thanks

jfriend
Apr-19-2009, 10:41 AM
alright i did get the button to pop up on the page and it will take you to the correct page. The only thing that i need to do is move the button so that it is under the nav bar, right now it is out in the margin. What codes can i use to center or relocate a picture or icon?
thanks You can start by putting it right after the previous button before the </ul> tag instead of after it. All you have to do is make it look exactly like the other ones and it will work.

rhdesigns
Apr-19-2009, 10:43 AM
sorry that i missed that.

rhdesigns
Apr-19-2009, 01:30 PM
is there any way to put that button on the second line?

jfriend
Apr-19-2009, 02:02 PM
is there any way to put that button on the second line? If you put a <br> before the <li> tag, it will start a new line.

rhdesigns
Apr-19-2009, 06:34 PM
that looks good for now. The other issue is trying to get my email link at the bottom of the page center and accessable. At this point it is off to the left side, and unclickable. What can i do to fix that?

jfriend
Apr-19-2009, 06:42 PM
that looks good for now. The other issue is trying to get my email link at the bottom of the page center and accessable. At this point it is off to the left side, and unclickable. What can i do to fix that?

Change your custom footer to this:

<div id="myFooter">
<a href="mailto:rhenderson95s@aol.com?subject=rh%20designs% 20inquiry">
<img src="http://rhdesigns95s.smugmug.com/photos/516010165_z2fYr-S.png" border="0"> </a>
</div>

I added a space after the <a before the href. I removed an extra quote from the end of the link. I added the missing </a> tag. I added a surrounding <div>.

Then, add this CSS to your site-wide-customization to center it:

#myFooter {text-align:center;}

I would also suggest that you improve the legibility of the text in that graphic as I cannot read it.

You may want to do a search here and find out how you can accomplish the same functionality, but not give up your email address to the spam robots like this will. Try a dgrin search for "spam email link".

rhdesigns
Apr-19-2009, 08:09 PM
im glad you said something about the clarity of the email link, i thought it was tough to read just didnt no how bad it would look to someone that didnt no what it said.

I went and searched for the email spam link and found the following information:

add to javascript box...
function norobotmail(aUser, aDomain) { document.location = "mailto:" + aUser + "@" + aDomain; }

add to footer box...
<a href="javascript:norobotmail('rhenderson95s', 'aol.com')">Email me</a>

what else do i have to substitute for the 2 lines? Can i make a "Email Me" button link the email link i have on the site now?

jfriend
Apr-19-2009, 08:12 PM
im glad you said something about the clarity of the email link, i thought it was tough to read just didnt no how bad it would look to someone that didnt no what it said.

I went and searched for the email spam link and found the following information:

add to javascript box...
function norobotmail(aUser, aDomain) { document.location = "mailto:" + aUser + "@" + aDomain; }

add to footer box...
<a href="javascript:norobotmail('rhenderson95s', 'aol.com')">Email me</a>

what else do i have to substitute for the 2 lines? Can i make a "Email Me" button link the email link i have on the site now?

This is right. Keep everything you have, just change your

<a href="mailto...">

part of what you have now to

<a href="javascript:norobotmail('rhenderson95s', 'aol.com')">

this and add the javascript to your bottom javascript. Keep everything else the same.

rhdesigns
Apr-20-2009, 05:15 AM
haha that works out pretty good. how does the "EMAIL ME" look to you?
sorry for all the changes, i just havent gotten the site to look exactly the way id like yet.
thanks for the help

rhdesigns
Apr-20-2009, 05:28 AM
i would like to put text above the galleries on my galleries page. I cant find anywhere that says gallery description so that i can put in the codes that i have for my other page. This is what i have:
for the homepage i was told to use the codes
<div id="homepage_text">BlahBlahBlahBlahBlahBlahBlahBlahBlahBlah</div>
and
/*====Style Home Page Text*/
#homepage_text
{border: 3px ridge grey;
font-size:120%;
font-weight: bold;
color:red;
width:750px}

what will i have to do to this set of codes to work on my galleries page?
thanks
ryan

Allen
Apr-20-2009, 05:52 AM
i would like to put text above the galleries on my galleries page. I cant find anywhere that says gallery description so that i can put in the codes that i have for my other page. This is what i have:
for the homepage i was told to use the codes
<div id="homepage_text">BlahBlahBlahBlahBlahBlahBlahBlahBlahBlah</div>
and
/*====Style Home Page Text*/
#homepage_text
{border: 3px ridge grey;
font-size:120%;
font-weight: bold;
color:red;
width:750px}

what will i have to do to this set of codes to work on my galleries page?
thanks
ryan
If you are adding the homepage_text div to your header it will appear on all
pages. But I can't find the div in your html. Where are you using it?

Where do you want it to show on the page, under the nav bar? If so, add
the div under the nav in the header and change the CSS to this.

/*====Style Home Page Text*/
#homepage_text {
display: none;
margin: 0 auto;
text-align: center;
border: 3px ridge grey;
font-size:120%;
font-weight: bold;
color:red;
width:750px}

.galleries #homepage_text {display: block;}

rhdesigns
Apr-20-2009, 06:19 AM
if you click on galleries it takes you to the pages that displays all of the galleries. I would like there to be text above the thumbnails on just that galleries page as a description for the galleries. I tried moving those codes around but didnt get anywhere.

Allen
Apr-20-2009, 06:43 AM
if you click on galleries it takes you to the pages that displays all of the galleries. I would like there to be text above the thumbnails on just that galleries page as a description for the galleries. I tried moving those codes around but didnt get anywhere.
:scratch What I posted does just that. When you say "text above the
thumbnails", do you mean each one? Or one text box above the thumbs?

rhdesigns
Apr-20-2009, 06:46 AM
just above all
ill try it again
it did work, i just misunderstood how to set it up
thanks

:scratch What I posted does just that. When you say "text above the
thumbnails", do you mean each one? Or one text box above the thumbs?

rhdesigns
Apr-20-2009, 07:44 AM
i would like to have borders on my "local talent" page just like the home page what do i have to add for those borders? I had it before but cant find where i had it written out
thanks



just above all
ill try it again
it did work, i just misunderstood how to set it up
thanks

Allen
Apr-20-2009, 08:48 AM
i would like to have borders on my "local talent" page just like the home page what do i have to add for those borders? I had it before but cant find where i had it written out
thanks
Something like this in CSS?

.gallery_7570850 .journal_entry,
.gallery_7946406 .journal_entry {
border: 2px solid white;
padding: 20px;
}

The padding spaces it out on all sides.

You can remove this below and the one above will do both galleries.

.gallery_7570850 .journal_entry
{border:2px solid white;}

rhdesigns
Apr-20-2009, 02:25 PM
now i would like to take and set my galleries page up so that there are two colomns with the descriptions to the left of the thumbnails
it looks too confusing with the four columns and you cant read the full description
what do i have to change in the codes for the colomns?

rhdesigns
Apr-23-2009, 08:31 AM
bump

now i would like to take and set my galleries page up so that there are two colomns with the descriptions to the left of the thumbnails
it looks too confusing with the four columns and you cant read the full description
what do i have to change in the codes for the colomns?

jfriend
Apr-23-2009, 08:35 AM
bump Can you please add your web-site address to your dgrin signature so it's in every posting? You are a lot less likely to get help if the potential helpers have to do a bunch of detective work to find your site and a lot more likely to get help if you people can just click a link that is always at the bottom of every posting.

You can go back to two columns by simply removing this CSS from your customization:

/*====Line Up Galleries 4 Across====*/
.miniBox {width:122px; text-align:center; height:150px; margin:028px;}
.miniBox .photo {float:none; width:122px; height:auto; _height:1px;}
.miniBox .albumTitle {width:122px;}
.miniBox .description {width:122px;}
.miniBox .updated {width:122px;}
.loggedIn .miniBox {height:auto; min-height:300px;}
.loggedIn .miniBox .smbuttons {margin:0 auto; width:122px;}
.loggedIn .miniBox input {width:122px;}
.loggedIn .miniBox textarea {width:112px;}
.boxBottom .albumLarge {width:192px; height:350px; text-align:center;margin:0 24px;}
.albumLarge .photoLarge {float:none; width:192px; height:auto; _height:1px;}
.albumLarge .albumTitle {width:192px;}
.albumLarge .description {width:192px;}
.albumLarge .updated {width:192px;}
.loggedIn .boxBottom .albumLarge {height:auto; min-height:450px;}
.loggedIn .albumLarge .smbuttons {margin:0 auto; width:192px;}
.loggedIn .albumLarge input {width:192px;}
.loggedIn .albumLarge textarea {width:182px;}



I've never seen anyone successfully put the gallery titles to the left of the thumbs. That isn't the natural layout order in the HTML. It is may be possible with a bunch of work, but haven't ever seen that code lying around. I would wonder if it would look very good.

rhdesigns
Apr-23-2009, 08:42 AM
let me know if the signature is good
are there any other layouts that you can do with the galleries?

jfriend
Apr-23-2009, 09:05 AM
let me know if the signature is good
are there any other layouts that you can do with the galleries? Signature is good, thanks.

I've seen a vertical list, thumbs only, text only, 2-across, 4-across, stretchy.

rhdesigns
Apr-26-2009, 06:38 PM
is there any way to put more than one picture in a boxed in section on my local talent page? Id like to do a bio on a race team. I will have a picture of the group together at the top and then i want to do smaller photos under that one with them riding. If thats possible id like to do it.


Signature is good, thanks.

I've seen a vertical list, thumbs only, text only, 2-across, 4-across, stretchy.