At this point I am fairly happy with my page layout. I cannot for the life of me figure out how to get my "about me" page to where I can type some info about me with a picture.
I followed the tutorial on how to do a "journal style" page with text, but got nowhere and gave up. Also, when I set the about me gallery to a journal style, it changed all my other galleries to that style which I do not want to happen.
I have read thru the forum for what seems like most of the day (a sunny one at that) and feel like I am just pasting code in hoping it will work at this point.
Any help would be appreciated.
See if you can follow this.
http://allen-steve.smugmug.com/gallery/3819841
Here's a start for you. Be sure to log out and look.
Put this in the About gallery description
<html>
<div class="myTitle">
A Little About Me
</div> <!-- closes myTitle div -->
<div class="myPhoto">
<img src="/photos/1064358708_VaNxp-S.jpg" width="300" height="300" />
</div> <!-- closes myPhoto div -->
<div class="myText">
<p>Thanks for stopping by. This is an example of
adding html to the gallery description which can be use
for an "about me", "guestbook", "info", "contact" or any
other "html" page.</p>
<p>Create a new gallery, set it to private and journal
style under gallery customization.</p>
<p>text text text text text text text text text text text
text text text text text text text text text text text
text text text text text text text text text text text
text text text text</p>
<p>text text text text text text text text text text text
text text text text text text text text text text text
text text text text text</p>
<p>You can contact me by Email <a href="mailto:vbahns@gmail.com">
<span class="myEmail">here</span></a></p>
</div> <!-- closes myText div -->
<div class="spacer"></div>
</html>
and this in your advanced CSS
/* START about gallery 14368743_tyf4a */
.gallery_14368743 #albumDescription {
margin-top: 40px; /* gap from navbar at top */
background: #ccc; /* background of description box */
padding: 20px 40px 40px 40px; /* top right bottom left */
} /* spacing inside box from edges */
.gallery_14368743 .myPhoto {
float: left; /* allows the text to flow to the right */
padding: 0 30px 10px 0; /* top right bottom left */
} /* spacing of text around photo */
.gallery_14368743 .myPhoto img {
border: 4px ridge #444; /* add border around photo */
}
.gallery_14368743 .myTitle {
font-family: Comic Sans MS, verdana;
font-size: 150%;
color: #444;
font-weight: bold;
text-align: center;
margin: 0 auto 30px auto; /* top right bottom left */
}
.gallery_14368743 .myText {
font-family: Comic Sans MS, verdana;
font-size: 100%;
color: #444;
font-weight: normal;
text-align: justify;
}
.gallery_14368743 .myEmail {color: #444;}
.gallery_14368743 .myEmail:hover {color: red;}
/* things you can hide on page */
.gallery_14368743 #albumNav_top,
.gallery_14368743 #albumNav_bottom,
.notLoggedIn .gallery_14368743 .journal_entry, /* hides photos in gallery */
.notLoggedIn .gallery_14368743 #breadcrumb {display: none;}
/* END about gallery */