PBase

This is the forum for www.pbase.com
http://form.pbase.com/

Logo and Homepage question

http://form.pbase.com/viewtopic.php?f=8&t=36392

Page 1 of 1

Logo and Homepage question

PostPosted: Sun Feb 24, 2008 8:17 am
by a_zeitler
Looking at my homepage, how do I remove the large gap between the snow image and the menu bars? I wouldn't mind removing that snow image also. I copied another code that I found in the forum and replaced items with my images. Here is the code that I have now:

<html lang="en-US"><head>
<p align="center"><img src="http://www.pbase.com/a_zeitler/image/93343720.jpg">
<p align="center"><img src="http://www.pbase.com/a_zeitler/image/74689278/large.jpg">
<center>
<table border="0" cellpadding="0" cellspacing="0" width="400">
<tbody>
<td align=left>
<td colspan="3" valign="bottom"><!--- menu starts here --->
<table class="luis" border="0" cellpadding="0" cellspacing="0" width="500">
<tbody>
<tr align="middle">
<TD><a href="http://www.pbase.com/a_zeitler/profile"><h3>Profile</h3></a></td>
<TD><a href="http://www.pbase.com/a_zeitlera/guestbook"><h3>Guestbook</h3></a></td>
<TD><a href="http://www.pbase.com/a_zeitler/root&view=recent"><h3>Recent</h3></a></td>
<TD><a href='/a_zeitler#galerias'><h3>Galleries</h3></a></td>
<TD><a href="http://upload.pbase.com/edit_gallery/a_zeitler/root"><h3>Edit</h3></a></td>
<td><img src="http://www.pbase.com/image/56552555/original.jpg" width="8"></td>
</a></td></tr></tbody></table></td></tr><!--- menu ends here --->
<tr>
<td valign="top">

SLIDESHOW( http://www.pbase.com/a_zeitler/image/89 ... medium.jpg, delay=3, loop=yes)
<img id="imgid" src="http://www.pbase.com/image/56552555/original.jpg"></td>
<td><img src="http://www.pbase.com/image/56552555/original.jpg"><width="15"></td>
<td bgcolor="#333333" valign="top"><!--- right column --->
<table border="0" cellpadding="5" cellspacing="0">
<p align="center"><p> Hello, Thank You for spending some time in my galleries. I am a Photographer based in Pittsburgh, PA. If you need a Pittsburgh Photographer please do not hesitate to contact me. I am willing to tackle any project that you can dream up. My rates are reasonable. To find out my rates please inquire with specific details regarding a type of shoot you would like. Thank You for Looking.

I am also a self taught jeweler, specializing in custom designs and stone setting. My prize piece as of right now is a 317 carat Citrine pendant accented with diamonds. Images of this piece may be found in my Misc. Studio gallery. If there is a piece of jewelry that you would like replicated, custome made or repaired please feel free to contact me regarding this. I do the work at home on my spare time. Since I am no longer in a non-competitive job position, and I still retain contacts to receive materials at wholesale price, I am able to beat almost any retail jewelery/repair shops prices.

NEW STUDIO may be open in February 2008. The location will be: 162 Steuben Street, Pittsburgh PA 15220, in the West End neighborhood of Pittsburgh. This is only 2000ft from the end of the West End Bridge, near the top of Wabash Street. The space will consist of approx. 600 - 800 square feet on the second floor of the Giangarlo Scientific Building. I look forward to the step up from a dirty, grungy, dusty old basement. Make an appointment to shoot in the new studio!
</p></td></tr></tbody></table></td><!--- end right column --->
</tr>
<tr>
<td colspan="5"><img onload="" src="http://www.pbase.com/image/56552555/original.jpg" height="6"></td></tr><!--- Elated credit <A HREF="http://www.elated.com">http://www.elated.com</A> --->
<tr>
<td colspan="5" align="center">
<p> ModelMayhem: #422502 - http://modelmayhem.com/member.php?id=422502
Modelgraphy: #803754 - http://www.modelgraphy.com/us/profile.php?803754
OneModelPlace: #206325 - http://www.onemodelplace.com/member.cfm?P_ID=206325
MySpace: http://www.myspace.com/aaronzeitlerphotography<br>
</p></td></tr><!--- end elated credit---></tbody></table></center>
<br><br><br><br><br><br>
<a name="galerias"></a>

PostPosted: Sun Feb 24, 2008 10:29 am
by dang
This is the code when looking at the source with Firefox, and as you can see, there's a lot of <br> tags that should be removed. When you add code, be sure you aren't leaving blank lines which can be interpreted as breaks. Also, it's not always necessary to add <p align="center"> which adds two breaks, where <br> &/or <center> can be used instead. Test each one, one at a time, if needed, and change as possible. It's also good to close your tags. So if you add a paragraph, it should end with </p> and no <br> is needed before it unless you're trying to add additional space. And generally, it's best to end a paragraph and add another, or breaks after the closing.
Code: Select all
<br><p align="center"><img src="http://www.pbase.com/a_zeitler/image/93343720.jpg">
<br></p><p align="center"><img src="http://www.pbase.com/a_zeitler/image/74689278/large.jpg">
<br></p><center> 
<br><br><br><br><br><br><br><br><br><br><br><br><table border="0" cellpadding="0" cellspacing="0" width="400">
<tbody>
<tr><td align="left"> 
<br></td><td colspan="3" valign="bottom"><!--- menu starts here --->
<br><br><br><br><br><br><br><br><br><br><table class="luis" border="0" cellpadding="0" cellspacing="0" width="500">
<tbody> 
<tr align="center">
<td><a href="http://www.pbase.com/a_zeitler/profile"><h3>Profile</h3></a></td> 
<td><a href="http://www.pbase.com/a_zeitlera/guestbook"><h3>Guestbook</h3></a></td> 
<td><a href="http://www.pbase.com/a_zeitler/root&amp;view=recent"><h3>Recent</h3></a></td> 
<td><a href="/a_zeitler#galerias"><h3>Galleries</h3></a></td>
<td><a href="http://upload.pbase.com/edit_gallery/a_zeitler/root"><h3>Edit</h3></a></td>
<td><img src="http://www.pbase.com/image/56552555/original.jpg" width="8"></td>   
</tr></tbody></table></td></tr><!--- menu ends here --->
<tr>
<td valign="top">
<br>
<br><!--
   
    THE OFFICIAL PBASE SLIDESHOW
   
    Learn how to make a slideshow for your own galleries:
    http://www.pbase.com/help/slideshow
   
-->

<table id="inline_slideshow" cellpadding="0" cellspacing="0">
    <tbody><tr><td>
        <a href="http://www.pbase.com/image/89745159"><img src="http://i.pbase.com/g3/98/689298/3/89745159.pnynVdqg.jpg" style="border: medium none ; opacity: 1; width: 286px; height: 400px;"></a>
    </td></tr>
</tbody></table>

<script type="text/javascript">
if (document.getElementById && document.getElementsByTagName) {
  var delay = 5000;       // image display time
  var fade_time = 300;      // time an image spends fading
  var fade_speed = 24;      // time between each grade of the fade process
  var loop = true;         // whether or not to restart slideshow on end
  var host = 'http://i.pbase.com';

  var images = [{url: '/g3/98/689298/3/89339290.97QMjdcT.jpg'},{url: '/g3/98/689298/3/89745159.pnynVdqg.jpg'},{url: '/g3/98/689298/3/90509283.tHol4NM3.jpg'},{url: '/g3/98/689298/3/89744184.T0pNBsty.jpg'},{url: '/g3/98/689298/3/90509281.MGgZmy4T.jpg'},{url: '/g3/98/689298/3/89337883.QVFzBrxt.jpg'},{url: '/g1/98/689298/3/93347987.K6qdZKJj.jpg'},{url: '/g3/98/689298/3/89339290.97QMjdcT.jpg'},{url: '/g3/98/689298/3/89745159.pnynVdqg.jpg'},{url: '/g3/98/689298/3/90509283.tHol4NM3.jpg'},{url: '/g3/98/689298/3/89744184.T0pNBsty.jpg'},{url: '/g3/98/689298/3/90509281.MGgZmy4T.jpg'},{url: '/g3/98/689298/3/89337883.QVFzBrxt.jpg'},{url: '/g1/98/689298/3/93347987.K6qdZKJj.jpg'}];
  var index = 0;
  var count = 0;
  var increment = Math.round((1 / (fade_time / fade_speed)) * 100) / 100;
  var image_node = get('inline_slideshow').getElementsByTagName('img')[0];
  var image_anchor_node = get('inline_slideshow').getElementsByTagName('a')[0];
  var ImageLoader;
  load_next_image();
}
else {
  document.write('Slideshow cannot start because your browser is out of date.');
}
function load_next_image() {
  if (index + 1 == images.length) count++;
  index = (index + 1 == images.length) ? 0 : index + 1;
  ImageLoader = new Image;
  ImageLoader.src = host + images[index].url;
  if (ImageLoader.complete) {
    hold_image();
  }
  else {
    ImageLoader.onload = function() {hold_image();};
    ImageLoader.onerror = function() {load_next_image();};
  }
}
function hold_image() {
  if (count >= 1 && !loop) return;
  setTimeout('fade_out()', delay);
}
function fade_out(value) {
  value = (value == null) ? 1 : value;
  if (value > 0) {
    value -= increment;
    value = Math.round(value * 100) / 100;
    set_opacity(image_node, value);
    setTimeout('fade_out(' + value + ')', fade_speed);
  }
  else {
    set_opacity(image_node, 0);
    show_loaded_image();
  }
}
function show_loaded_image() {
  image_node.src = host + images[index].url;
  image_node.style.width = ImageLoader.width;
  image_node.style.height = ImageLoader.height;
  if (image_anchor_node) {
    var id = images[index].url;
    id = id.substring(id.lastIndexOf('/') + 1, id.indexOf('.'));
    image_anchor_node.href = 'http://www.pbase.com/image/' + id;
  }
  fade_in();
}
function fade_in(value) {
  value = (value == null) ? 0 : value;
  if (value < 1) {
    value += increment;
    value = Math.round(value * 100) / 100;
    set_opacity(image_node, value);
    setTimeout('fade_in(' + value + ')', fade_speed);
  }
  else {
    set_opacity(image_node, 1);
    load_next_image();
  }
}
</script>

<br><img id="imgid" src="http://www.pbase.com/image/56552555/original.jpg"></td>
<td><img src="http://www.pbase.com/image/56552555/original.jpg"><width="15"></width="15"></td>
<td bgcolor="#333333" valign="top"><!--- right column --->
<br><br><p align="center"></p><p>     Hello, Thank You for spending some time in my galleries. I am a Photographer based in Pittsburgh, PA. If you need a Pittsburgh Photographer please do not hesitate to contact me. I am willing to tackle any project that you can dream up. My rates are reasonable. To find out my rates please inquire with specific details regarding a type of shoot you would like. Thank You for Looking.
<br>
<br>     I am also a self taught jeweler, specializing in custom designs and stone setting. My prize piece as of right now is a 317 carat Citrine pendant accented with diamonds. Images of this piece may be found in my Misc. Studio gallery. If there is a piece of jewelry that you would like replicated, custome made or repaired please feel free to contact me regarding this. I do the work at home on my spare time. Since I am no longer in a non-competitive job position, and I still retain contacts to receive materials at wholesale price, I am able to beat almost any retail jewelery/repair shops prices.
<br>
<br>     NEW STUDIO may be open in February 2008. The location will be: 162 Steuben Street, Pittsburgh PA 15220, in the West End neighborhood of Pittsburgh. This is only 2000ft from the end of the West End Bridge, near the top of Wabash Street. The space will consist of approx. 600 - 800 square feet on the second floor of the Giangarlo Scientific Building. I look forward to the step up from a dirty, grungy, dusty old basement. Make an appointment to shoot in the new studio!
<br></p><table border="0" cellpadding="5" cellspacing="0">
</table></td><!--- end right column --->
</tr>
<tr>
<td colspan="5"><img onload="" src="http://www.pbase.com/image/56552555/original.jpg" height="6"></td></tr><!--- Elated credit <A HREF="http://www.elated.com" <A HREF="http://www.elated.com">http://www.elated.com</A> </A> --->
<tr>
<td colspan="5" align="center">
<br><p> ModelMayhem: #422502 - <a href="http://modelmayhem.com/member.php?id=422502">http://modelmayhem.com/member.php?id=422502</a> <br>Modelgraphy: #803754 - <a href="http://www.modelgraphy.com/us/profile.php?803754">http://www.modelgraphy.com/us/profile.php?803754</a> <br>OneModelPlace: #206325 - <a href="http://www.onemodelplace.com/member.cfm?P_ID=206325">http://www.onemodelplace.com/member.cfm?P_ID=206325</a> <br>MySpace: <a href="http://www.myspace.com/aaronzeitlerphotography">http://www.myspace.com/aaronzeitlerphotography</a> <br>
<br></p></td></tr><!--- end elated credit---></tbody></table></center>
<br><br><br><br><br><br><br>
<br><a name="galerias"></a>


Another note on adding the imges to your slide show, it's not necessary to add the entire url. Just add the image number insetead, example: 990219489,6578493,2221890
This shortens the amount of code which has to be read, and interpreted.

As always suggested, make a hidden gallery to work out the bugs. and check using multiple browsers and screen resolutions.
Good luck.

PostPosted: Sun Feb 24, 2008 10:49 am
by flemmingbo
I have a suspicion that all the <BR> tags that Dang have spotted are from the fact that you haven't ticked the 'html in the description' box. If you do not, then PBase will add <br> tags for every new line.

Try and edit your gallery, just beneath the gallery description, make sure you have checked the 'html in the description' box and then update the gallery. Hope this helps!

regards,

Flemming

PostPosted: Sun Feb 24, 2008 10:52 am
by dang
Ha... good thought Flemming. :wink:

PostPosted: Sun Feb 24, 2008 3:23 pm
by a_zeitler
Thanks Guys. That worked wonders. So much easier to change it now. Checking the Html box seemed to have done the most.

Thanks Again! I appreciate the help!

PostPosted: Sun Feb 24, 2008 3:58 pm
by flemmingbo
a_zeitler wrote:Thanks Guys. That worked wonders. So much easier to change it now. Checking the Html box seemed to have done the most.

Thanks Again! I appreciate the help!


Yeah that did the trick, your front page looks better now!! :D
Glad to help!

regards,

Flemming

PostPosted: Sun Feb 24, 2008 4:14 pm
by dang
Great!
Thanks Flemming, I'm rusty messing with the slide show and generally senile anyway! :wink:
All times are UTC
Page 1 of 1
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/