Placing additional images beneath the profile picture |
Placing additional images beneath the profile picture |
Sep 1 2006, 02:24 AM
Post
#1
|
|
![]() Vae Victis ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Member Posts: 1,423 Joined: Sep 2006 Member No: 460,227 |
Greetings.
I'd like to have two or three small thumbnails lined up beneath my profile picture. I know the html for the thumbnails and the images, but I'm uncertain as to where I would place this so it's positioned where I want it to be (in the profile). Much appreciated. |
|
|
|
![]() |
Sep 5 2006, 08:16 PM
Post
#2
|
|
|
Senior Member ![]() ![]() ![]() ![]() Group: Member Posts: 122 Joined: Feb 2005 Member No: 106,057 |
this should be much more flexible to work with. You don't need to use a DIV tag, like it is in this example; just make sure it has the
CODE id="profilepiccontent" style="display:none" attributes set. The profilepiccontent element and everything in it will be automatically moved under the profile picture.CODE <div id="profilepiccontent" style="display:none">
<!-- INSERT YOUR HTML HERE --> </div> <script language="JavaScript" type="text/javascript"> <!-- /* this code inserts content directly below your profile image v2.0 by threepointone @ createblog.com */ /* HOW TO USE: create any element with an id="profilepiccontent" and insert your HTML in that element. Preferably, the element should have style="display:none" to reduce flicker while the page loads. The HTML will be copied automatically under the profile. */ var myobj = document.getElementById("profilepiccontent") var tgtelement=document.getElementById("ProfileModule1_lblImage") tgtelement.parentNode.insertBefore(myobj, tgtelement.nextSibling) document.getElementById("profilepiccontent").style.display = "" --> </script> |
|
|
|
Reidar Placing additional images beneath the profile picture Sep 1 2006, 02:24 AM
fishcake-y If you want them directly under your profile pictu... Sep 1 2006, 10:59 AM
threepointone about to go to sleep, so no time to code it--if yo... Sep 3 2006, 10:59 PM
threepointone the instructions are in the code.
CODE<script ... Sep 5 2006, 06:03 PM
Reidar Awesome, thanks. Couple questions:
1. how would I... Sep 5 2006, 06:38 PM
Reidar Thanks a lot, threepoint one; it's working per... Sep 5 2006, 11:59 PM
threepointone you probably have to set border="0" or s... Sep 6 2006, 09:59 AM![]() ![]() |