• Homepage
  • Menu Tutors
    • Simple Menu
    • Dropdown Menu HTML
    • Dropdown Menu CSS
  • HTML Tutors
    • Album Description HTML Text Only
    • New Album Description HTML Text & Photo
    • Separate Links Gallery
    • Another Links Gallery
    • Example of more levels
  • Menu 3
    • Drop 1 >
      • D1 Flyout 1
      • D1 Flyout 2 >
        • D1FO2 Flyout 1
        • D1FO2 Flyout 2
    • Drop 2 >
      • D2 Flyout 1
      • D2 Flyout 2
    • Drop 3
  • My Site
  • Menu 5
  • Menu 6
    • Drop 1
    • < Drop 2
      • D2 Flyout 1
      • < D2 Flyout 2
        • D2FO2 Flyout 1
        • D2FO2 Flyout 2
  • Manage Site
    • Control Panel
    • Customization
    • Themes
    • Categories
    • Subcategories
    • Sharegroups
    • Keywords
    • Messages
    • Watermarks
    • Sales
    • Private
Steve Allen (allen-steve)  > Other > Links journal style
My Links Page

text text text text text text



Link 1

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 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 text text text text text text text text text text text text text text




Link 2

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 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 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 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 text text text text




Link 3

text text text text text text text text text text text text text text text text text text




Link 4

text text text text text text text text text text text text text text text text text text




Under customize galley
Set the gallery to "journal (old)" style, unlisted and set sharing and printing off.
Add this to your gallery/album description
Change the xxxxxxxx_xxxxx to your photo number.
<html>
<div class="pageTitleLinks">
    My Links Page
  <br />
    <p>text text text text text text</p>
</div>

<hr size="1" color="#6090d1">
<br />

<div class="boxBottom">
   <div class="myPhotoLinks">
      <a href="http://www.myLinkedSite.com">
        <img src="/photos/xxxxxxxx_xxxxx-Ti.jpg">
      </a>
   </div>
   <div class="myTextLinks">
      <center><b>Link 1</b></center><br />
      <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 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 text text text text text text 
         text text text text text text text text
      </p>
   </div>
   <div class="spacer"></div>
</div>

<br />
<hr size="1" color="#6090d1">
<br />

<div class="boxBottom">
   <div class="myPhotoLinks">
      <a href="http://www.myLinkedSite.com">
        <img src="/photos/xxxxxxxx_xxxxx>-Th.jpg">
      </a>
   </div>
   <div class="myTextLinks">
      <center><b>Link 2</b></center><br />
      <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 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 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 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 text text text text
      </p>
   </div>
   <div class="spacer"></div>
</div>

<br />
<hr size="1" color="#6090d1">
<br />

<div class="boxBottom">
   <div class="myPhotoLinks">
      <a href="http://www.myLinkedSite.com">
        <img src="/photos/xxxxxxxx_xxxxx-200x200.jpg">
      </a>
   </div>
   <div class="myTextLinks">
      <center><b>Link 3</b></center><br />
      <p>text text text text text text text text text 
         text text text text text text text text text
      </p>
   </div>
   <div class="spacer"></div>
</div>

<br />
<hr size="1" color="#6090d1">
<br />

<div class="boxBottom">
   <div class="myPhotoLinks">
      <a href="http://www.myLinkedSite.com">
        <img src="/photos/xxxxxxxx_xxxxx-300x300.jpg">
      </a>
   </div>
   <div class="myTextLinks">
      <center><b>Link 4</b></center><br />
      <p>text text text text text text text text text 
         text text text text text text text text text
      </p>
   </div>
   <div class="spacer"></div>
</div>

<br />
<hr size="1" color="#6090d1">

</html>




Add this to your CSS

Replace xxxxxxxx with your new gallery number
/* START gallery xxxxxxx */ .gallery_xxxxxxx .myPhotoLinks { float: left; padding-right: 20px; } .gallery_xxxxxxx .myTextLinks { font-family: Comic Sans MS, verdana; color: #6090D1; font-size: 120%; } .gallery_xxxxxxx #pageTitleLinks { /* title only */ font-family: Comic Sans MS, verdana; text-align: center; color: #6090D1; font-size: 200%; /* Sets the page title font size */ } .gallery_xxxxxxx #pageTitleLinks p { /* text only */ margin: 0 auto; width: 500px; text-align: center; font-size: 80%; margin: 0 auto 10px; } /* hide unnecessary elements */ .gallery_xxxxxxx #albumNav_top, .gallery_xxxxxxx #albumNav_bottom, .gallery_xxxxxxx .nophotos h3, .notLoggedIn .gallery_xxxxxxx .journal_entry, .notLoggedIn .gallery_xxxxxxx #breadcrumb {display: none;} /* END gallery xxxxxxx */


This is a brand new gallery with no photos.

Powered by SmugMug | Login | Shopping Cart | Help | Portions © 2009 SmugMug, Inc.
Show FeedsAvailable Feeds | What are feeds?
Gallery Photos:
Atom FeedAtom | RSS FeedRSS
Comments | Info | Keywords

| hide gallery comments

New comment: Requires approval

Name: 
Email: 
Link: 
Connect  Connect with Facebook


Rating: stars
To foil spammers, enter this code: copy this text in this box: Code unreadable?