View Full Version : Need help on a few custom things
Dave Clee
Aug-19-2007, 07:40 AM
First let me say that I decided to go custom with my smugmug look a few days ago and have found the amount of info and support to be top notch.
I have managed to get thru most of it myself. But there are still a few things that need tweaking..
Problem 1 - http://dclee.smugmug.com/gallery/3329353. I cant seem to make my bio picture unclickable..Also I need some help on getting my text description beside this pic aligned a bit better. It needs to be bumped up the page a bit.
Problem 2 - http://dclee.smugmug.com/gallery/3329353 The text headers should be in red, it works when I am logged in but the text color turns to white otherwise.
Problem 3 - http://dclee.smugmug.com/ - How can I get my banner to move down a few lines from the top of the page ? How can I get a bit better seperation between the banner and navbar.
Thanks in advance...
Dave
Allen
Aug-19-2007, 08:22 AM
...
Problem 3 - http://dclee.smugmug.com/ - How can I get my banner to move down a few lines from the top of the page ? How can I get a bit better seperation between the banner and navbar.
Thanks in advance...
Dave
Add the bold to move it down in your header code.
<img src="http://dclee.smugmug.com/photos/184687919-L.jpg" height="150" width="750" style="margin-top: 20px;">
</div>
Will look at the other two.
Allen
Aug-19-2007, 09:07 AM
...
Problem 1 - http://dclee.smugmug.com/gallery/3329353. I cant seem to make my bio picture unclickable..Also I need some help on getting my text description beside this pic aligned a bit better. It needs to be bumped up the page a bit.
Problem 2 - http://dclee.smugmug.com/gallery/3329353 The text headers should be in red, it works when I am logged in but the text color turns to white otherwise.
...
Thanks in advance...
Dave
Through this together to put the info in the gallery description instead of
using the journal entry and caption. The photo is not clickable there.
Add this to the "About Me" gallery description.
<html>
<div id="galDescImg">
<img src="/photos/185372529-S.jpg" height="300" width="201">
</div>
<div id="galDescText1">
<p><h2>Welcome to DaveClee.com</h2></p>
<p>I am a freelance photographer based out of Ottawa, Ontario Canada.
I live with my beautiful wife and 2 kids and enjoy many hobbies.
However I have always had a passion for photography and over the
last year or so have definitely taken my photography to the next
level.
</p>
<p><span class="GDH">What camera equipment do you use ?</span><br>
My main camera is a Nikon D200, and I use an assortment of Nikkor
lenses such as the 70-200VR2.8, 17-55 2.8, 12-24 F4, 50mm 1.4 prime
and a few others.
</p>
</div>
<div id="galDescText2">
<p><span class="GDH">What is your favourite type of photography ?</span><br>
I love shooting Landscapes and Portraits.
</p>
<p><span class="GDH">What kind of photography services do you provide ?</span><br>
Well, I offer Wedding, Portrait and Corporate Event services, however it
doesnt stop there. Give me a call and lets discuss your ideas on what exactly
you need captured.
</p>
<p><span class="GDH">What is your contact information ? </span><br>
Please feel free to contact me via telephone (613)864-1560 or
<a href="mailtodclee@cmpa.org">
Email</a> for all photography related inquiries.
</p>
</div>
</html>
Add this to your CSS
/* about me gallery */
.gallery_3329353 #galDescImg {
position: relative;
height: 300px;
width: 201px;
margin-top: 40px;
margin-left: 60px;
border:4px double #cccccc;
}
.gallery_3329353 #galDescText1 {
position: relative;
font-size: 1.2em;
font-weight: bold;
color: #ccc;
text-align: justify;
width: 340px;
margin-top: -350px;
margin-left: 320px;
}
.gallery_3329353 #galDescText2 {
position: relative;
font-size: 1.2em;
font-weight: bold;
color: #ccc;
text-align: justify;
width: 540px;
margin-top: 50px;
margin-left: 60px;
}
.gallery_3329353 .GDH {
font-size: 120%;
color: red;
}
.gallery_3329353 #galDescText1 a:hover {color: red;}
.gallery_3329353 #galDescText1 h2 {color: red;}
.gallery_3329353 .journal_entry {display:none;}
/* end about me gallery */
Dave Clee
Aug-19-2007, 06:00 PM
Thanks Al, that seemed to do the trick !
Cheers
Dave
Through this together to put the info in the gallery description instead of
using the journal entry and caption. The photo is not clickable there.
Add this to the "About Me" gallery description.
<html>
<div id="galDescImg">
<img src="/photos/185372529-S.jpg" height="300" width="201">
</div>
<div id="galDescText1">
<p><h2>Welcome to DaveClee.com</h2></p>
<p>I am a freelance photographer based out of Ottawa, Ontario Canada.
I live with my beautiful wife and 2 kids and enjoy many hobbies.
However I have always had a passion for photography and over the
last year or so have definitely taken my photography to the next
level.
</p>
<p><span class="GDH">What camera equipment do you use ?</span><br>
My main camera is a Nikon D200, and I use an assortment of Nikkor
lenses such as the 70-200VR2.8, 17-55 2.8, 12-24 F4, 50mm 1.4 prime
and a few others.
</p>
</div>
<div id="galDescText2">
<p><span class="GDH">What is your favourite type of photography ?</span><br>
I love shooting Landscapes and Portraits.
</p>
<p><span class="GDH">What kind of photography services do you provide ?</span><br>
Well, I offer Wedding, Portrait and Corporate Event services, however it
doesnt stop there. Give me a call and lets discuss your ideas on what exactly
you need captured.
</p>
<p><span class="GDH">What is your contact information ? </span><br>
Please feel free to contact me via telephone (613)864-1560 or
<a href="mailtodclee@cmpa.org">
Email</a> for all photography related inquiries.
</p>
</div>
</html>
Add this to your CSS
/* about me gallery */
.gallery_3329353 #galDescImg {
position: relative;
height: 300px;
width: 201px;
margin-top: 40px;
margin-left: 60px;
border:4px double #cccccc;
}
.gallery_3329353 #galDescText1 {
position: relative;
font-size: 1.2em;
font-weight: bold;
color: #ccc;
text-align: justify;
width: 340px;
margin-top: -350px;
margin-left: 320px;
}
.gallery_3329353 #galDescText2 {
position: relative;
font-size: 1.2em;
font-weight: bold;
color: #ccc;
text-align: justify;
width: 540px;
margin-top: 50px;
margin-left: 60px;
}
.gallery_3329353 .GDH {
font-size: 120%;
color: red;
}
.gallery_3329353 #galDescText1 a:hover {color: red;}
.gallery_3329353 #galDescText1 h2 {color: red;}
.gallery_3329353 .journal_entry {display:none;}
/* end about me gallery */
vBulletin v3.5.2, Copyright ©2000-2010, Jelsoft Enterprises Ltd.