FAQtoid

ajbphotography · Mar-04-2011, 04:02 PM #1

Can anyone help me do something like this ( http://www.palmerhalvorson.com/Portf.../9893006_XPfQg ) but as my homepage?

Thank you a million!!!!

www.ajbphotographystudio.com

jfriend · Mar-04-2011, 04:41 PM #2

Make the five images you want to use and then post back with links to those images and folks can help you with the HTML to put that on your homepage.

ajbphotography · Mar-04-2011, 06:14 PM #3

Thank you a million!!! Here are the five images/galleries. I'm more with the link going to the gallery instead of the one picture. One of these galleries is empty but I can throw an image in there if need be.

Blog - http://ajbphotography.smugmug.com/Ot...16069546_dCMUz

Children - http://www.ajbphotographystudio.com/...05978959_uyqax

Family - http://www.ajbphotographystudio.com/...44056953_B4Q34

Places - http://ajbphotography.smugmug.com/Ot...05986589_jou2z

About me - http://ajbphotography.smugmug.com/gallery/7148615_CkVV8

Thank you so much!!! I've been trying to learn all this but wow!!

jfriend · Mar-04-2011, 06:21 PM #4

Quote:

Originally Posted by ajbphotography

Thank you a million!!! Here are the five images/galleries. I'm more with the link going to the gallery instead of the one picture. One of these galleries is empty but I can throw an image in there if need be.

Blog - http://ajbphotography.smugmug.com/Ot...16069546_dCMUz

Children - http://www.ajbphotographystudio.com/...05978959_uyqax

Family - http://www.ajbphotographystudio.com/...44056953_B4Q34

Places - http://ajbphotography.smugmug.com/Ot...05986589_jou2z

About me - http://ajbphotography.smugmug.com/gallery/7148615_CkVV8

Thank you so much!!! I've been trying to learn all this but wow!!

These are links to galleries. What I wanted you to post links to was the images that you want to appear on your homepage. To get the format you asked for, your images have to be the right size/shape and all identical size.

ajbphotography · Mar-04-2011, 06:34 PM #5

Okay, let me know if this is correct.

Blog - http://ajbphotography.smugmug.com/Ot...354_7QRRc-A-LB

Children - http://www.ajbphotographystudio.com/...959_uyqax-A-LB

Family - http://www.ajbphotographystudio.com/...953_B4Q34-A-LB

Places - http://www.ajbphotographystudio.com/...815_BGe4o-A-LB

About me - http://ajbphotography.smugmug.com/ph...91_vxzsc-S.jpg

jfriend · Mar-04-2011, 06:44 PM #6

Quote:

Originally Posted by ajbphotography

Okay, let me know if this is correct.

Blog - http://ajbphotography.smugmug.com/Ot...354_7QRRc-A-LB

Children - http://www.ajbphotographystudio.com/...959_uyqax-A-LB

Family - http://www.ajbphotographystudio.com/...953_B4Q34-A-LB

Places - http://www.ajbphotographystudio.com/...815_BGe4o-A-LB

About me - http://ajbphotography.smugmug.com/ph...91_vxzsc-S.jpg

Getting closer. The family image and the About me image are not the appropriate size/shape. All five need to be exactly the same size to get the look of that other site.

ajbphotography · Mar-04-2011, 07:02 PM #7

Let's try this:

Family - http://www.ajbphotographystudio.com/...636_HLwFk-A-LB

About me - http://www.ajbphotographystudio.com/...47_fMWWm-M.jpg

jfriend · Mar-04-2011, 08:15 PM #8

Quote:

Originally Posted by ajbphotography

Let's try this:

Family - http://www.ajbphotographystudio.com/...636_HLwFk-A-LB

About me - http://www.ajbphotographystudio.com/...47_fMWWm-M.jpg

Your images are varying sizes and the About image doesn't show anything for me, but here's something you can start with. Insert this into your bioBox on your home page:

Code:

<html>
<div id="homepageIconContainer">
<span class="homepageIcon"><a href="/"><img src="/photos/1205993815_BGe4o-S.jpg" border="0"></a></span>
<span class="homepageIcon"><a href="/"><img src="/photos/1206020636_HLwFk-S.jpg" border="0"></a></span>
<span class="homepageIcon"><a href="/"><img src="/photos/1206001354_7QRRc-S.jpg" border="0"></a></span>
<span class="homepageIcon"><a href="/"><img src="/photos/1205978959_uyqax-S.jpg" border="0"></a></span>
<span class="homepageIcon"><a href="/"><img src="/photos/1205978959_uyqax-S.jpg" border="0"></a></span>
</div>
</html>

And, add this CSS:

Code:

#homepageIconContainer {margin: 50px auto 50px; text-align: center; }
.homepageIcon img {padding: 10px;}

After putting this into your page, there's a bunch to do to finish it up:

Decide if this is too wide. If so, make your images narrower.
Get a working About image and put it's direct link URL into the HTML
Add the text labels to the images.
Fill in the desired click targets in the HTML. Where is says href="/" for each image, fill in the proper URL destination between the quotes.

It should initially end up looking something like this when you first put the code in (before you've fixed it up):

ajbphotography · Mar-04-2011, 08:24 PM #9

Wow!! You are awesome!!! I'll play with it more the next couple of days and clean it up a bit. Can I contact you again if I get stuck?

jfriend · Mar-04-2011, 08:26 PM #10

Quote:

Originally Posted by ajbphotography

Wow!! You are awesome!!! I'll play with it more the next couple of days and clean it up a bit. Can I contact you again if I get stuck?

Post any other questions in this thread.

ajbphotography · Mar-05-2011, 05:40 PM #11

Another question: I made a navigation bar in the easy customizer, I want it to show up on all the pages EXCEPT the homepage. Is that possible?

jfriend · Mar-05-2011, 05:57 PM #12

Quote:

Originally Posted by ajbphotography

Another question: I made a navigation bar in the easy customizer, I want it to show up on all the pages EXCEPT the homepage. Is that possible?

Add this CSS:

.homepage #customNavContainer {display: none;}

ajbphotography · Mar-05-2011, 06:01 PM #13

Perfect!! Thank you!!

ajbphotography · Mar-08-2011, 05:10 PM #14

One last question for a little while, I promise! How do I keep my banner on all my pages EXCEPT for the one my blog is on? I linked my blog so it shows up within smugmug and I really like it. The only downfall is that the banner pushes it down the page.

http://www.ajbphotographystudio.com/...6001354_7QRRc/

jfriend · Mar-08-2011, 06:09 PM #15

Quote:

Originally Posted by ajbphotography

One last question for a little while, I promise! How do I keep my banner on all my pages EXCEPT for the one my blog is on? I linked my blog so it shows up within smugmug and I really like it. The only downfall is that the banner pushes it down the page.

http://www.ajbphotographystudio.com/...6001354_7QRRc/

Try this CSS:

.gallery_16069546 #customLogo {display: none;}

ajbphotography · Mar-08-2011, 06:17 PM #16

Perfect! Thank you again for all your help. Seeing these codes is helping me piece things together! Thank you again!!

shniks · Mar-08-2011, 06:33 PM #17

This was done for the homepage. Is there a tutorial or thread to do this for the 'Galleries' page?

Thanks a lot,

jfriend · Mar-08-2011, 08:28 PM #18

Quote:

Originally Posted by shniks

This was done for the homepage. Is there a tutorial or thread to do this for the 'Galleries' page?

Thanks a lot,

I don't understand. Please describe what you want on the galleries page?

shniks · Mar-08-2011, 08:36 PM #19

Quote:

Originally Posted by jfriend

I don't understand. Please describe what you want on the galleries page?

I want to have the similar galleries as referenced in the OP (vertical click-able pictures for the galleries).

Thanks,

jfriend · Mar-08-2011, 08:49 PM #20

Quote:

Originally Posted by shniks

I want to have the similar galleries as referenced in the OP (vertical click-able pictures for the galleries).

Thanks,

The solution here is hard-coded to specific images and specific destinations. It works when you are linking to only a small number of categories that don't change or to a fixed number of galleries that don't change. Your Galleries page currently has seven items on it. Is that what you want to link to? If so, you can do it the same way as specified here, but it will probably require smaller images or two rows. We would just make the bioBox show on your galleries page instead of on your homepage with a couple. To do that, you would enable your bioBox in the homepage layout button, put the HTML in it like the previous example, but using your own images and links and then change this piece of your CSS from this:

Code:

.homepage #galleriesBox,
.homepage #categoriesBox,
.homepage #featuredBox {
    display: none;
}

.galleries #bioBox {
    display: none;
}



.galleries #galleriesBox,
.galleries #categoriesBox,
.galleries #featuredBox {
    display: block;

}

to this (add lines in green, remove lines in red):

Code:

.homepage #galleriesBox,
.homepage #bioBox,
.homepage #categoriesBox,
.homepage #featuredBox {
    display: none;
}

.galleries #bioBox {
    display: none;
}



.galleries #galleriesBox,
.galleries #bioBox,
.galleries #categoriesBox,
.galleries #featuredBox {
    display: block;

}

Also, this CSS at the end of your CSS has an error on every line and is causing problems. You cannot just put random characters in your CSS like this.

Code:

/.galleryPage, .boxBottom, .boxTop, .box /
/{border:none !important;}/
/.boxBottom, .boxTop, .box /
/{background:none !important;}/

If you no longer need that CSS, you can just remove it. If you want to comment the whole block out, then do it like this:

Code:

/* .galleryPage, .boxBottom, .boxTop, .box 
{border:none !important;}
.boxBottom, .boxTop, .box 
{background:none !important;} */

If you want to just temporarily disable the rules in a clean way, then just put an X in front of the attribute names so they don't match anything (but are still legal).

Code:

.galleryPage, .boxBottom, .boxTop, .box 
{xborder:none !important;}
.boxBottom, .boxTop, .box 
{xbackground:none !important;}


Similar Threads	Thread Starter	Forum	Replies	Last Post

Stretchy slideshow customization for the Homepage	jfriend	SmugMug Customization	854	Jan-24-2013 01:37 PM
New slideshow option on the homepage	jfriend	SmugMug Support	40	Nov-05-2009 09:40 AM
Accidentally deleted my homepage while editing html	dfg1983	SmugMug Customization	4	Aug-08-2009 05:28 PM
Link to my homepage?	tsinsf	SmugMug Support	1	Feb-22-2009 03:04 PM
homepage, remove gallery path, add drop down	gilbert	SmugMug Customization	7	Oct-06-2006 09:48 AM

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

FAQtoid

Dgrin Challenges

Need some help with Accessories?

Tutorials

The Hot Seat

Africa!

SmugMug How To:

SmugMug News:

SmugMug Status

Mar-04-2011, 04:02 PM #1
ajbphotography ^OP Big grins Join Date: Jan 2011 Location: Carolinas Posts: 11	Help! Trying to do this for my homepage! Can anyone help me do something like this ( http://www.palmerhalvorson.com/Portf.../9893006_XPfQg ) but as my homepage? Thank you a million!!!! www.ajbphotographystudio.com

Mar-04-2011, 04:41 PM #2
jfriend Scripting dude-volunteer Join Date: Mar 2005 Location: San Francisco Bay Area, California Posts: 24,570	Make the five images you want to use and then post back with links to those images and folks can help you with the HTML to put that on your homepage. __________________ --John Homepage • Popular JFriend's javascript customizations • Secrets for getting fast answers on Dgrin Always include a link to your site when posting a question

Mar-04-2011, 06:14 PM #3
ajbphotography ^OP Big grins Join Date: Jan 2011 Location: Carolinas Posts: 11	Thank you a million!!! Here are the five images/galleries. I'm more with the link going to the gallery instead of the one picture. One of these galleries is empty but I can throw an image in there if need be. Blog - http://ajbphotography.smugmug.com/Ot...16069546_dCMUz Children - http://www.ajbphotographystudio.com/...05978959_uyqax Family - http://www.ajbphotographystudio.com/...44056953_B4Q34 Places - http://ajbphotography.smugmug.com/Ot...05986589_jou2z About me - http://ajbphotography.smugmug.com/gallery/7148615_CkVV8 Thank you so much!!! I've been trying to learn all this but wow!!

Mar-04-2011, 06:34 PM #5
ajbphotography ^OP Big grins Join Date: Jan 2011 Location: Carolinas Posts: 11	Okay, let me know if this is correct. Blog - http://ajbphotography.smugmug.com/Ot...354_7QRRc-A-LB Children - http://www.ajbphotographystudio.com/...959_uyqax-A-LB Family - http://www.ajbphotographystudio.com/...953_B4Q34-A-LB Places - http://www.ajbphotographystudio.com/...815_BGe4o-A-LB About me - http://ajbphotography.smugmug.com/ph...91_vxzsc-S.jpg

Mar-04-2011, 07:02 PM #7
ajbphotography ^OP Big grins Join Date: Jan 2011 Location: Carolinas Posts: 11	Let's try this: Family - http://www.ajbphotographystudio.com/...636_HLwFk-A-LB About me - http://www.ajbphotographystudio.com/...47_fMWWm-M.jpg

Mar-04-2011, 08:24 PM #9
ajbphotography ^OP Big grins Join Date: Jan 2011 Location: Carolinas Posts: 11	Wow!! You are awesome!!! I'll play with it more the next couple of days and clean it up a bit. Can I contact you again if I get stuck?

Mar-05-2011, 05:40 PM #11
ajbphotography ^OP Big grins Join Date: Jan 2011 Location: Carolinas Posts: 11	Another question: I made a navigation bar in the easy customizer, I want it to show up on all the pages EXCEPT the homepage. Is that possible?

Mar-05-2011, 06:01 PM #13
ajbphotography ^OP Big grins Join Date: Jan 2011 Location: Carolinas Posts: 11	Perfect!! Thank you!!

Mar-08-2011, 05:10 PM #14
ajbphotography ^OP Big grins Join Date: Jan 2011 Location: Carolinas Posts: 11	One last question for a little while, I promise! How do I keep my banner on all my pages EXCEPT for the one my blog is on? I linked my blog so it shows up within smugmug and I really like it. The only downfall is that the banner pushes it down the page. http://www.ajbphotographystudio.com/...6001354_7QRRc/

Mar-08-2011, 06:17 PM #16
ajbphotography ^OP Big grins Join Date: Jan 2011 Location: Carolinas Posts: 11	Perfect! Thank you again for all your help. Seeing these codes is helping me piece things together! Thank you again!!

Mar-08-2011, 06:33 PM #17
shniks The Light Explorer Join Date: Jan 2008 Location: Los Angeles, CA Posts: 982	John This was done for the homepage. Is there a tutorial or thread to do this for the 'Galleries' page? Thanks a lot, __________________ Nikhil My Website \| My Blog \| My Facebook Page