View Full Version : Add text /message to home page???
photomagic
Jul-23-2007, 01:19 PM
Hi,
I would like to add a short message to my home page horizontally below nav bar but do not have a clue on how to do it. Can someone please help me?
Thank you,
Michele
oxy8384
Jul-23-2007, 03:43 PM
...to have a kink to your page. Any time you post here, it's probably a good habit to include a link to the page(s) in question...
Bill
photomagic
Jul-23-2007, 05:20 PM
...to have a kink to your page. Any time you post here, it's probably a good habit to include a link to the page(s) in question...
Bill
www.creativefreedomphotography.com
oxy8384
Jul-23-2007, 05:32 PM
www.creativefreedomphotography.com (http://www.creativefreedomphotography.com)
Don't know how much you know about HTML and such, so here's a quick answer. Feel free to ask if you need more answers:
in the code where you created your navcontainer div, add this immediately after the closing </div> tag for the navcontainer:
<div id="extraText">My extra text, here.</div>
(The id=.. will come in handy if you need to restyle [i.e., reposition, change color, etc.] of the text.)
If you need more help, just ask...
Bill
GJMPhoto
Jul-23-2007, 05:47 PM
Don't know how much you know about HTML and such, so here's a quick answer. Feel free to ask if you need more answers:
in the code where you created your navcontainer div, add this immediately after the closing </div> tag for the navcontainer:
<div id="extraText">My extra text, here.</div>
(The id=.. will come in handy if you need to restyle [i.e., reposition, change color, etc.] of the text.)
If you need more help, just ask...
Bill
If you're not already using it, you can use the Bio Box and supress the photo with this in your CSS:
#bioBox .photo {display: none;}
#bioBox .title {display: none;}
#bioBox .border-top {display: none;}
#bioBox .border-bottom {display: none;}
Then this will supress the white line between the text and your first gallery:
#categoriesBox .boxTop {display: none;}
I'm doing this on my site: Gary Morgen Photography www.garymorgenphotography.com (http://www.garymorgenphotography.com)
- Gary.
photomagic
Jul-23-2007, 05:49 PM
Don't know how much you know about HTML and such, so here's a quick answer. Feel free to ask if you need more answers:
in the code where you created your navcontainer div, add this immediately after the closing </div> tag for the navcontainer:
<div id="extraText">My extra text, here.</div>
(The id=.. will come in handy if you need to restyle [i.e., reposition, change color, etc.] of the text.)
If you need more help, just ask...
Bill
Thank you, Bill. I'm learning. How do I make it more center on the page?
Thanks.. :)
GJMPhoto
Jul-23-2007, 05:53 PM
Thank you, Bill. I'm learning. How do I make it more center on the page?
Thanks.. :)
I've been turned onto a nice HTML generator called NVU. You can download it for free and it provides a visual layout tool where you can add text, center it, put it in tables, etc. then just cut and paste the HTML into the description sections of your galleries, etc. Very easy to use...and you can keep a backup of all your HTML on your machine.
I'll see if I can find the link...or someone else must know!
- Gary.
photomagic
Jul-23-2007, 05:54 PM
If you're not already using it, you can use the Bio Box and supress the photo with this in your CSS:
#bioBox .photo {display: none;}
#bioBox .title {display: none;}
#bioBox .border-top {display: none;}
#bioBox .border-bottom {display: none;}
Then this will supress the white line between the text and your first gallery:
#categoriesBox .boxTop {display: none;}
I'm doing this on my site: Gary Morgen Photography www.garymorgenphotography.com (http://www.garymorgenphotography.com)
- Gary.
_Thanks Gary... Your site is coming along nicely. I like the idea, but I think my bio box is already in use and want something simple.. I'm off to a great start with Bills instructions for now..
Thanks :)
photomagic
Jul-23-2007, 05:56 PM
I've been turned onto a nice HTML generator called NVU. You can download it for free and it provides a visual layout tool where you can add text, center it, put it in tables, etc. then just cut and paste the HTML into the description sections of your galleries, etc. Very easy to use...and you can keep a backup of all your HTML on your machine.
I'll see if I can find the link...or someone else must know!
- Gary.
Sounds interesting, Gary...
photomagic
Jul-23-2007, 06:03 PM
Also, I only want the text on the home pg, not every page. Is that possible?
Thanks. :)
oxy8384
Jul-23-2007, 06:20 PM
Also, I only want the text on the home pg, not every page. Is that possible?
Thanks. :) Try adding this to your CSS:
#extraText {
display: none;
width: 750px;
text-align: center;
}
.homepage #extraText {
display: block;
}
you might also consider 'dimming' the text a little, by changing the color from white to a shade of gray - add this to the #extraText block, above:
color: #999999;
Bill
photomagic
Jul-23-2007, 06:25 PM
Try adding this to your CSS:
#extraText {
display: none;
width: 750px;
text-align: center;
}
.homepage #extraText {
display: block;
}
you might also consider 'dimming' the text a little, by changing the color from white to a shade of gray - add this to the #extraText block, above:
color: #999999;
Bill
Good idea on the tone... Thanks!! :)
Now I just need to center it??
oxy8384
Jul-23-2007, 06:28 PM
Yup! Add this to the #extraText CSS:
margin: 0 auto;
:thumb
photomagic
Jul-23-2007, 06:40 PM
Yup! Add this to the #extraText CSS:
margin: 0 auto;
:thumb
Perfect, Bill!! Thank you so much!! :)
vBulletin® v3.8.5, Copyright ©2000-2012, Jelsoft Enterprises Ltd.