Cobranding samples?

[Barb]

I've only done a few things to my site, mostly just trimming it down and giving it a cleaner look. I managed to give my blog more or less the same theme also!

willkimball.smugmug.com (http://willkimball.smugmug.com)

I'd appreciate all the critique/suggestions I can get!

I also gathered together all/most of the good examples of cobranding in this thread on my del.icio.us site. Here they are:

http://del.icio.us/willjoe86/co-branding

Thanks!Nice job on your smugmug page and your blog page. You did a great job making them look alike!

And your Delicious site is terrific.

[JErst]

Ok im hollerin....
Im VERY new to all this...Ive become quite frustrated.
I spent two days trying to figure out how to do my footer.
Finally succeeded from reading here on dgrin. So...Thanks all of you
for your samples, advice and discussions of your frustrations so I could
avoid some of them.

Here is what ive done so far.. http://www.erstphotography.com (http://www.erstphotography.com/)
still very simple but Im a slow learner.

Any advice? comments?

[Andy]

Ok im hollerin....
Im VERY new to all this...Ive become quite frustrated.
I spent two days trying to figure out how to do my footer.
Finally succeeded from reading here on dgrin. So...Thanks all of you
for your samples, advice and discussions of your frustrations so I could
avoid some of them.

Here is what ive done so far.. http://www.erstphotography.com (http://www.erstphotography.com/)
still very simple but Im a slow learner.

Any advice? comments?

it's coming along... :wave welcome to dgrin :D

you've got an error on your footer, please copy/paste the code in a reply here...

[Mike Lane]

http://del.icio.us/willjoe86/co-branding
Nice use of deicious!

[willjoe86]

thanks everyone for checking out the site!

Del.icio.us is pretty awesome isn't it?! Im finding it to be more and more useful.

[PhotoDrifter]

hey cletus,

that's just journal style (available with any smugmug account), with some html embedded in the captioning. it was actually pretty easy.

holler if i can help you :andy
Hi Andy,
I love your site!
How did you get the hyperlink back to your home page from within the galleries?
Mine only works when I'm on the front page of the gallery but disappears when I actually go into it.
Thanks for the help!

[Barb]

Hi Andy,
I love your site!
How did you get the hyperlink back to your home page from within the galleries?
Mine only works when I'm on the front page of the gallery but disappears when I actually go into it.
Thanks for the help!
Hi :)

I'm not Andy, but there are some good threads here in the forum dealing with navbars, which is I believe what you want to achieve. Here's one thread with some good info :)

http://www.dgrin.com/showthread.php?t=18204&highlight=navbar

Wish I had seen that thread before I struggled my way through my navbar - lol.

[Markjay]

I hooked up with Mike Lane to re-do the cobranding on my smugmug site.

I had a goal.......
create a start / welcome page that also doubles as a preview of some of my popular galleries, with a link to the main gallerires available to the guest / viewer

I created a graphic image from one of my sunset photographs that gets a lot of "oooh and ahhhs", created 6 square crop thumbnails to represent those 6 preview galleries, laid it out and saved it as a graphic / jpg..... then sent it to Mike and said "ok, here's what I want the front page to look like, go ahead and do the CSS code and get the links pointed where they need to etc.

I agreed to pay Mike for rendering this service.... he deserves every dime of it because I have ZERO CSS & Html knowlege and, I have no TIME either!! So, I could not have done this without his assistance.... or it would have taken me YEARS to do!! :-)

So, I credit Mike for getting the welcome page links working and, helping me change the color scheme of my inside galleries which were... well, they were boring!!!

I took the time to create all square 1:1 crop "zoomed" thumbnails in the galleries, so that all the thumbs worked better together visually.... prior to that there were a jumble of horizontal and vertical thumbs that positionted themselves differently on the page, depending on how Smugmug laid them out / spaced them apart on the page by default.

Take a look and see what you think? ANY and all additional suggestions are not only welcome, they are encouraged and appreciated.

My last step (which I'll do later this week) is to create a CNAME record for Choicephotos.net. Then, I'll setup a print ordering gallery.

here's the website: http://choicephotos.net

Enjoy and again a big thanks to Mike Lane who responded to my request and had the patience to work with me through all my required changes.

WOuld love to hear back from you!

Markjay

[JErst]

it's coming along... :wave welcome to dgrin :D

you've got an error on your footer, please copy/paste the code in a reply here...
Which part of the footer Andy? Dont want to take up large amount of space posting all three parts?

Thanks
Jenni

[PhotoDrifter]

Thanks!!!

Hi :)

I'm not Andy, but there are some good threads here in the forum dealing with navbars, which is I believe what you want to achieve. Here's one thread with some good info :)

http://www.dgrin.com/showthread.php?t=18204&highlight=navbar

Wish I had seen that thread before I struggled my way through my navbar - lol.

[Andy]

Which part of the footer Andy? Dont want to take up large amount of space posting all three parts?

Thanks
Jenni

this part:

rigth under "contact Jennifer"

it shows:
< class="footer">

[JErst]

this part:

rigth under "contact Jennifer"

it shows:
< class="footer">oops...

That doesnt show up in IE...?
here is the footer
<div align="center"< class="footer"><h3>All images posted on this site are Copyright protected ©Erst 2005.</h3></div>

So that isnt supposed to be there? (I obviously am still oblivious) Should I
just take that out?

[flyingdutchie]

oops...

That doesnt show up in IE...?
here is the footer
<div align="center"< class="footer"><h3>All images posted on this site are Copyright protected ©Erst 2005.</h3></div>

So that isnt supposed to be there? (I obviously am still oblivious) Should I
just take that out?Try this:
<div align="center" class="footer"><h3>All images posted on this site are Copyright protected ©Erst 2005.</h3></div>

Note that i removed the 'less than' character before the word 'class'.

[JErst]

Try this:
<div align="center" class="footer"><h3>All images posted on this site are Copyright protected ©Erst 2005.</h3></div>

Note that i removed the 'less than' character before the word 'class'.
Thank You:rofl

[Miguel Lasa]

Hello,

This is my first post on this excellent forum, very helpful and hope to learn a lot.

I am a wildlife photographer with no knowledge at all of html or codes. Would like to improve a bit the way may smugmug website looks.
I would appreciate your help for a simple design of my website.
I am happy the way it looks , just need a menu on the left with something like


Bio
galleries
contact
sales


and when you click on them the page on the right changes acordingly
Any advise code and where to put it would be really apreciated

thank you to all
Miguel


www.miguellasa.com (http://www.miguellasa.com)

[Andy]

Hello,

This is my first post on this excellent forum, very helpful and hope to learn a lot.

I am a wildlife photographer with no knowledge at all of html or codes. Would like to improve a bit the way may smugmug website looks.
I would appreciate your help for a simple design of my website.
I am happy the way it looks , just need a menu on the left with something like


Bio
galleries
contact
sales


and when you click on them the page on the right changes acordingly
Any advise code and where to put it would be really apreciated

thank you to all
Miguel


www.miguellasa.com (http://www.miguellasa.com)

hiya miguel :wave

have you checked out smugmug customization for dummies (http://www.dgrin.com/showthread.php?t=18732) an excellent resource. there are two chapters sticky in this forum.

also, please copy/paste your code into a reply msg here so we can help you.

[JErst]

hello miguel

I checked your site. It looks great so far!!
Lovely pictures.

Jenni

[Miguel Lasa]

thank you very much for your help,

my code is the smugmug default with only added

in header html

<div align="center">
<H2><FONT COLOR="#FF3399"<FONT FACE="Comic Sans MS,sans-serif, Arial, Helvetica, Geneva">Wildlife and Nature Photography</FONT></H2>
</div>




the rest is all empy except at the styles sheet html



.box {
background-color: black;
}


I would like to get something like your website Andy, looks fantastic

http://www.moonriverphotography.com/





thank you again

miguel

[Mike Lane]

thank you very much for your help,

my code is the smugmug default with only added

in header html

<div align="center">
<H2><FONT COLOR="#FF3399"<FONT FACE="Comic Sans MS,sans-serif, Arial, Helvetica, Geneva">Wildlife and Nature Photography</FONT></H2>
</div>




the rest is all empy except at the styles sheet html



.box {
background-color: black;
}


I would like to get something like your website Andy, looks fantastic

http://www.moonriverphotography.com/





thank you again

miguel
You left off a closing angle bracket Miguel, and really you could be doing this an easier way. Replace your header with this:

<div id="myHeader">
<H2>Wildlife and Nature Photography</H2>
</div>

And put this in your "stylesheet html" box in your cobranding page:

#myHeader {
font-family: Comic Sans MS, sans-serif, Arial, Helvetica, Geneva;
color:#ff3399;
text-align:center;
}

[Miguel Lasa]

Thank you Mike, the code works very well and is easier,

could you give me some advise how to add some code to make the web look like andys website.I just need the design where you click on ie contact, gallery, email, sales and the page displays like andys web


I have inserted a conter java code to get some more free stats into the body tag, but the counter apperas on the top left and I would like it to be in the bottom left , how could I change the position ?
here is the counter code

<!-- Start of StatCounter Code -->
<script type="text/javascript" language="javascript">
var sc_project=948677;
var sc_invisible=0;
var sc_partition=7;
var sc_security="c526fc8e";
var sc_remove_link=1;
</script>
<script type="text/javascript" language="javascript" src="<A href="http://www.statcounter.com/counter/counter.js"></script><noscript><img">http://www.statcounter.com/counter/counter.js"></script><noscript><img src="http://c8.statcounter.com/counter.php?sc_project=948677&amp;java=0&amp;security=c526 fc8e&amp;invisible=0" alt="web statistic" border="0"> </noscript>
<!-- End of StatCounter Code -->

thank you very much

[Mike Lane]

Thank you Mike, the code works very well and is easier,

could you give me some advise how to add some code to make the web look like andys website.I just need the design where you click on ie contact, gallery, email, sales and the page displays like andys web


I have inserted a conter java code to get some more free stats into the body tag, but the counter apperas on the top left and I would like it to be in the bottom left , how could I change the position ?
here is the counter code

<!-- Start of StatCounter Code -->
<script type="text/javascript" language="javascript">
var sc_project=948677;
var sc_invisible=0;
var sc_partition=7;
var sc_security="c526fc8e";
var sc_remove_link=1;
</script>
<script type="text/javascript" language="javascript" src="<A href="http://www.statcounter.com/counter/counter.js"></script><noscript><img">http://www.statcounter.com/counter/counter.js"></script><noscript><img src="http://c8.statcounter.com/counter.php?sc_project=948677&amp;java=0&amp;security=c526 fc8e&amp;invisible=0" alt="web statistic" border="0"> </noscript>
<!-- End of StatCounter Code -->

thank you very much
The nav bar is complicated. I'll be getting into that in the cobranding for dummies thread eventually. As for the stat counter, simply put that whole code in your footer html box.

[Andy]

moon river photography (http://www.dgrin.com/showthread.php?t=19491) updated. please let me know what you think :D

[shaman]

I've been experimenting with css for a week or so on my site.
I'd like to add some buttons for a home page, an about me page, contact me page, etc. under my header.

http://www.shaman.smugmug.com


I'm not sure how to attempt this because I'm not sure what I'd name these buttons. Any suggestions?
Also, is there a way to get rid of the "last updated" next to the galleries on the home page?

[Aaron Wilson]

What is a good program or how to learn css, I would like to do some up lifting to my site... Andy and your page looks great!
I've been experimenting with css for a week or so on my site.
I'd like to add some buttons for a home page, an about me page, contact me page, etc. under my header.

http://www.shaman.smugmug.com


I'm not sure how to attempt this because I'm not sure what I'd name these buttons. Any suggestions?
Also, is there a way to get rid of the "last updated" next to the galleries on the home page?

[Andy]

What is a good program or how to learn css, I would like to do some up lifting to my site... Andy and your page looks great!


customizing for dummies (http://www.dgrin.com/showthread.php?t=18623) right here - mike's series is excellent

firefox, and the firefox web developer extension (google it) are amazingly good, easy, free tools for learning with immediate feedback!

thanks for the kind words.

[jfriend]

Also, is there a way to get rid of the "last updated" next to the galleries on the home page?
You can get rid of the "last updated" text with this CSS:

/* hide the update times for galleries */
p.updated {
display:none;
}

[shaman]

You can get rid of the "last updated" text with this CSS:

/* hide the update times for galleries */
p.updated {
display:none;
}
THANKS JOHN!

[Neptune]

Any suggestions on getting rid of the errors I get when I load my page?

http://www.opticaltranquility.com

I cant figure out how to place text in the nav bar under the images at the top of the page and with creating a links page?

Any suggestions???

[Mike Lane]

Any suggestions on getting rid of the errors I get when I load my page?

http://www.opticaltranquility.com

I cant figure out how to place text in the nav bar under the images at the top of the page and with creating a links page?

Any suggestions???
Hi there Neptune, welcome to dgrin.

I noticed a couple of things about your page. First you have the following in the wrong place:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="200" height="620">
<param name="movie" value="http://www.wavewatch.com/flash/INTmagnets/MagnetAffiliate.swf?theLocation=14">
<param name="quality" value="high">
<embed src="http://www.wavewatch.com/flash/INTmagnets/MagnetAffiliate.swf?theLocation=14" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="200" height="620">
</object>
You have put that in your stylesheet html box. It should definitely not go there. Your header or your footer would be a more appropriate place for it.

About the rest of the page, you have some mal-formed tables. In your header you have this:

<table border="0" align="center" cellpadding="0" cellspacing="0"> <td bgcolor="black" >
You are required to have a <tr> before the <td>

[Neptune]

Im still lost on where to place that tag

[Mike Lane]

Im still lost on where to place that tag
A table's basic syntax is this:

<table>
<tr>
<td>Stuff</td>
</tr>
</table>

You left out the <tr> </tr> part. Take a look at your header html box.

[Neptune]

I think I got it but I cant figure out how to create a link page to help support the other sites? Do I make a word document then upload it to a gallery and refer to it? I only have what I have by the c/p method. Also I can't seem to text on the pictures at the top to show where to they link to?

One more thing, How does Andy have one image in the back ground like that. His site and lenscapes are pretty tight.

[Mike Lane]

I think I got it but I cant figure out how to create a link page to help support the other sites? Do I make a word document then upload it to a gallery and refer to it? I only have what I have by the c/p method. Also I can't seem to text on the pictures at the top to show where to they link to?

One more thing, How does Andy have one image in the back ground like that. His site and lenscapes are pretty tight.
Perhaps you'd like to follow along here (http://www.dgrin.com/showthread.php?t=18623).

[Neptune]

Sorry for the confusion Mike,

I thank you for your help and appreciate it a bunch! Ill read through those and hopefully I will have figured it out.

Nate

[ann]

http://www.moonriverphotography.com (http://www.moonriverphotography.com/)

and if you need any help, just holler :wink

:andyHi Andy, I was wondering how you got the photo in the background of your web page and the browser buttons up top. (You have a great site) If you could help I would appreciate it. Thank you

[Andy]

Hi Andy, I was wondering how you got the photo in the background of your web page and the browser buttons up top. (You have a great site) If you could help I would appreciate it. Thank you

:wave Hi Ann :D

Short answer is, "Mike helped me a TON" :lol3
Longer answer is, before this version, I made my own navbar, and bg image. It's not hard. Look in Mike's Customizing for Dummies (http://www.dgrin.com/showthread.php?t=18623) series. Search for "navbar" (search within thread), search for "background image" this will be a good start.

Finally - the easiest and bestest way? Get Firefox, and the Firefox web-developer toolkit (both FREE from Mozilla.org). The webdev tool kit lets you see so easily the css that different pages use!

All the best (and thanks for the kind words),

[ann]

:wave Hi Ann :D

Short answer is, "Mike helped me a TON" :lol3
Longer answer is, before this version, I made my own navbar, and bg image. It's not hard. Look in Mike's Customizing for Dummies (http://www.dgrin.com/showthread.php?t=18623) series. Search for "navbar" (search within thread), search for "background image" this will be a good start.

Finally - the easiest and bestest way? Get Firefox, and the Firefox web-developer toolkit (both FREE from Mozilla.org). The webdev tool kit lets you see so easily the css that different pages use!

All the best (and thanks for the kind words),
Andy, thank you for the links. I am checking them out. I already added another code to my web page thru one of those links. I think I am getting addicted to this stuff. Eventhough I dont know much about it. It is neat to see your web page improve. You all are great help. (you're welcome):):

[ExposeTheMoment]

I updated my smugmug site and still tweeking. http://photos.htps.net (http://photos.htps.net/) to get a better idea on how this all works, my main site is http://www.htps.net (http://www.htps.net/)

Questions or Comments? let em rip

I would also like to have my gallerys, set up like Mike Lane where there more accross then two down.

Can anyone help?

[Mike Lane]

I updated my smugmug site and still tweeking. http://photos.htps.net (http://photos.htps.net/) to get a better idea on how this all works, my main site is http://www.htps.net (http://www.htps.net/)

Questions or Comments? let em rip

I would also like to have my gallerys, set up like Mike Lane where there more accross then two down.

Can anyone help? The first thing that jumps out is that your navbar isn't centered. It's a very cool navbar though :thumb

If you want your thumbs to display like I've got them just put this in your stylesheet box:

.box .miniBox {width:182px; height:auto; min-height:140px; margin:20px 0 0; padding:0; _height:140px;}
.box .miniBox .nav, .box .miniBox .private {width:187px; padding-top:15px;}
.box .miniBox .photo {margin:0; padding:0; width:187px; _height:1px;}
.box .albumTitle, .box p.description {text-align:center;}
.box .boxBottom .albumLarge {height:auto; min-height:200px; margin:20px 0 0;padding:0; width:187px;}
.box .boxBottom .albumLarge .photoLarge {margin:0; padding:0; width:187px;}
.box .boxBottom .albumLarge .nav {width:187px; padding-top:15px;}

Note that there's a bit of a bug in the current version of firefox that will make the titles disappear. This appears to be fixed in an upcoming version though. Every other browser works.

[aleman]

Hello all,

I have gotten many great ideas from this forum and have tried to put them to good use. I have made a few changes to my site but I am still not satisfied. I am not sure what it is missing.

I would appreciate any comments or help on my site.

Thanks

http://familia-aleman.smugmug.com/

[hutch]

Looks great! I love your Header. Any pointers on how you did this with the rollovers? Did you do this with Javascript?



Hello all,

I have gotten many great ideas from this forum and have tried to put them to good use. I have made a few changes to my site but I am still not satisfied. I am not sure what it is missing.

I would appreciate any comments or help on my site.

Thanks

http://familia-aleman.smugmug.com/

[Mike Lane]

Looks great! I love your Header. Any pointers on how you did this with the rollovers? Did you do this with Javascript?Nope, there's no javascript at all in that navbar! Bravo! That was done using the CSS Sprites method. w00t!:clap:clap

[hutch]

That's excellent. I saw a link that you provided to this earlier. It looked interesting. I'll have to check it out again in more detail.

Nope, there's no javascript at all in that navbar! Bravo! That was done using the CSS Sprites method. w00t!:clap:clap

[aleman]

Thanks Hutch,

The header is all CSS. I did it with the help of the following website:

http://www.cssplay.co.uk/menus/flickerfree_mk3.html

This site is full of great stuff. I spent hours browsing.


Looks great! I love your Header. Any pointers on how you did this with the rollovers? Did you do this with Javascript?

[hankfannin@adelphia.net]

http://www.moonriverphotography.com

and if you need any help, just holler :wink

:andy
Andy, I'd love to copy your site, not exactly of course, but the format abd style. I can't figure out how to do the nav bar, can't find any examples etc. I looked at and tried some of the html examples but they don't tell you where to insert the code. I tries putting it in a couple of places, submitted it and - nothing, no change to my site. Where do you put the html code for the nav bars?
Any help appreciated. Your site rocks.
Hank Fannin:dunno

[Andy]

Andy, I'd love to copy your site, not exactly of course, but the format abd style. I can't figure out how to do the nav bar, can't find any examples etc. I looked at and tried some of the html examples but they don't tell you where to insert the code. I tries putting it in a couple of places, submitted it and - nothing, no change to my site. Where do you put the html code for the nav bars?
Any help appreciated. Your site rocks.
Hank Fannin:dunno
Hi Hank,

read this thread:
http://www.dgrin.com/showthread.php?t=31647 the navbar link is there. Then do the navbar tutorial, and paste your results in a new thread, asking for help where to put it. I'll do it for you, and / or one of the helpers will show you how.

:wave welcome to Dgrin!

[JBurt]

Nope, there's no javascript at all in that navbar! Bravo! That was done using the CSS Sprites method. w00t!:clap:clap
I clicked on your site to see your rollovers and did a view source so I could try and understand the CSS. (fat chance but at least I'm familiarizing myself with it) Imagine my surprise when reading the source code that I find my website' URL there.

var smugmugUserHomepage = "http://galleries.jburtphotos.com";

Is this because I'm signed into my smugmug account? Or....

I better find out now before I run across something like that on my page source and freak.

I like your rollovers by the way.

[Mike Lane]

I clicked on your site to see your rollovers and did a view source so I could try and understand the CSS. (fat chance but at least I'm familiarizing myself with it) Imagine my surprise when reading the source code that I find my website' URL there.

var smugmugUserHomepage = "http://galleries.jburtphotos.com";

Is this because I'm signed into my smugmug account? Or....

I better find out now before I run across something like that on my page source and freak.

I like your rollovers by the way.

It's just because you're signed in is all. I ran into the same thing before :lol3

[JBurt]

It's just because you're signed in is all. I ran into the same thing before :lol3
Thanks Mike.

[dcyphert]

Andy,

I'm fairly new to SM...What is cobranding by definition here at SM? What can it be useful for? Thanks.

Dave

[ExposeTheMoment]

Andy,

I'm fairly new to SM...What is cobranding by definition here at SM? What can it be useful for? Thanks.

Dave

CoBranding

My url is http://www.exposethemoment.com
my smugmug account is http://exposethemoment.smugmug.com

But you visit my url and click client galleries you see

http://photos.exposethemoment.com/

Thats because I use a sub-domain. The cobranding allows my smugmug site to look like and feel like my actual domain www.exposethemoment.com (http://www.exposethemoment.com)

Its make the person vewing the your site like they never left.

[Andy]

Andy,

I'm fairly new to SM...What is cobranding by definition here at SM? What can it be useful for? Thanks.

Dave
Hi Dave,

What Gary is talking about (thanks Gary) is actualy custom domain + customization.

We refer to "cobranding" now as "customization." Almost anything you can dream up to do to your site, is possible. Here are some great examples:
http://dgrin.smugmug.com/gallery/1801307

and a great place to start, is here:
http://www.dgrin.com/showthread.php?t=31647

Post your questions in this forum and we'll be glad to help you :)

[dcyphert]

Here's my contribution (http://propointmedia.smugmug.com/)....please check it out...I'll take any constructive ideas to make it better. It's an ongoing labor of love...but it's all about time. Thanks.

Dave
http://www.propointmedia.com

[Andy]

Here's my contribution (http://propointmedia.smugmug.com/)....please check it out...I'll take any constructive ideas to make it better. It's an ongoing labor of love...but it's all about time. Thanks.

Dave
http://www.propointmedia.com
Looks great! Nice job.
In FF, your galleries are 3-across on the homepage.

[dcyphert]

Looks great! Nice job.
In FF, your galleries are 3-across on the homepage.

Thanks Andy...how do I get it to be 5 across in FF...or is that even possible with CSS?