Sign Up! Login: Password: New User? Forgot? Support
Top Mods!
Wowhead Search
by sonofsamedi
Digital Clock
by Wolfar15
Admin Forums
Welcome to the GuildPortal Help Community! These forums are for admin-to-admin help.
Available Forums
Forums : Pimp My Site! > Borders and Content Boxes
536912520_Inactive (New Admin) 2/12/2005 3:20 AM EST : Borders and Content Boxes

536912520_Inactive
Posts: 2765
Zomgawsh Poster

Ok, I'm trying to give my website a complete overhaul, but I'm having some major issues.

#1 - I can not for the life of me get the content box title and the line that comes under it to appear on top of whatever Image I plug in for the background in that area.

#2 - I'm having major issues getting custom borders to work, any help on this would be GREATLY appreciated.  I did it at one point, but when I just change the URL that's listed, it doesn't work like it used to.  It messes them all up, so I guess I need to generate new HTML code somehow to plug the URLS into.

*Arouin
TopBottom

Techisattva (Guild Admin) 6/16/2005 12:44 PM EST : RE: Borders and Content Boxes
Techisattva
Posts: 64
Posts With Wolves

I'm having problems with the custome border graphics working as well. I've tried loading them to the GP file manager and to a myfilestash.com account.  In both cases I get the preview, however, in neither case does it actually populate the images across the site.

Any suggestions...?

- Tech
TopBottom

Techisattva (Guild Admin) 6/17/2005 5:06 AM EST : RE: Borders and Content Boxes
Techisattva
Posts: 64
Posts With Wolves

name="6103222">

I actually solved the problem...

It seems that when I applied a previous "Theme" it inserted some custom HTML into various sections.  This never got disabled when I reset the site to the default settings, or tried to apply graphics to the content boxes.  Ah well, can't have everything - but at least it wasn't anything major.

- Tech

-Tech
TopBottom

Plannb23 (Guild Admin) 6/20/2005 4:40 AM EST : RE: Borders and Content Boxes
Plannb23
Posts: 1277
Zomgawsh Poster

I know this is late but I thought I would add some HTML for people who wanted customized boxes.

<table width=100% border=0 cellpadding=0 cellspacing=0>
  <tr>
    <td> <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <tdwidth=75><imgsrc="http://img.photobucket.com/albums/v138/heralds/CT/box_borders/box_border_01.gif"width=25 height=25 alt=""></td>
          <tdbackground="http://img.photobucket.com/albums/v138/heralds/CT/box_borders/box_border_02.gif"width=100% height=25 alt="" align="center"><p><fontcolor="#000000"></font>
            </p></td>
          <tdwidth=75><imgsrc="http://img.photobucket.com/albums/v138/heralds/CT/box_borders/box_border_03.gif"width=24 height=25 alt=""></td>
        </tr>
      </table></td>
  </tr>
  <tr>
    <td> <table width=100% border=0 cellpadding=0 cellspacing=0>
        <tr>
          <td width=25background="http://img.photobucket.com/albums/v138/heralds/CT/box_borders/box_border_04.gif"></td>
          <tdvalign="top"background="http://img.photobucket.com/albums/v138/heralds/CT/box_borders/box_border_05.gif"bgcolor="#FFFFFF">
           <p align="center"><font color="#000000" size="3"face="Engravers MT"><strong><em>$block[title]</em>
              </strong></font><br>
              $block[content] </p>

              </font></p></td>
          <tdbackground="http://img.photobucket.com/albums/v138/heralds/CT/box_borders/box_border_06.gif"width=24></td>
        </tr>
      </table></td>
  </tr>
  <tr>
    <td height="23">
      <table width=100% border=0 cellpadding=0 cellspacing=0>
        <tr>
          <tdwidth=21><imgsrc="http://img.photobucket.com/albums/v138/heralds/CT/box_borders/box_border_07.gif"width=25 height=23 alt=""></td>
          <tdbackground="http://img.photobucket.com/albums/v138/heralds/CT/box_borders/box_border_08.gif"width=100% height=23 alt=""></td>
          <tdwidth=20> <imgsrc="http://img.photobucket.com/albums/v138/heralds/CT/box_borders/box_border_09.gif"width=24 height=23 alt=""></td>
        </tr>
      </table>
    </td>
  </tr>
</table>


Arouin said:
Ok, I'm trying to give my website a complete overhaul, but I'm having some major issues.

#1- I can not for the life of me get the content box title and the linethat comes under it to appear on top of whatever Image I plug in forthe background in that area.

#2 - I'm having major issuesgetting custom borders to work, any help on this would be GREATLYappreciated.  I did it at one point, but when I just change theURL that's listed, it doesn't work like it used to.  It messesthem all up, so I guess I need to generate new HTML code somehow toplug the URLS into.

*Arouin


TopBottom

Hatsepsut (New Admin) 1/20/2006 3:54 AM EST : RE: Borders and Content Boxes
Hatsepsut
Posts: 326
Fingers of Fury!

Hey guys,

first of all, thanks for the html, much helpful.

I'm trying to get my head around what goes where in these differentcontent box borders and why there are so many of them instead of just8...

Could somebody take a look at http://www.guildportal.com/Guild.aspx?GuildID=14832&TabID=124922
and tell me why the top left box border has a hole in it, since I'm out of guesses?

TopBottom

Eileithia (New Admin) 1/20/2006 6:21 AM EST : RE: Borders and Content Boxes

Eileithia
Posts: 997
Zomgawsh Poster

name="9991564">

OK.. not sure what you guys do to set up your borders, or if you're using the built in paste your links for the areas stuff.. but.. the way that I create my borders so that they scale etc is... (Need an HTML program such as Frontpage, or Dreamweaver etc)

For the center section.. so it scales, (Not a fixed value)..

Set up a simple 3 row by 1 column table, and set the width to 100%.. use a % value so that it will scale horisontaly..

In the first row.. create a second table.. this table will be 1 row by 3 columns.. now.. adjust the first and third cell of this table to be the exact dimention of your corner images.. set the background-image for these cells to be your corner images.. for the middle section.. you want to set it so that the hight has a value, but the width has no value.. this way it will scale.. set the background image for the middle sell to be the top of your border image.. this must be an image that will repeat seamlessly..

You can add your $block[title] tag to this cell if you wish and format it for your title for the boximage.. by adding the css tag, or even just manually formatting.. either will work..

Follow these steps for the 2nd row.. insert a 1x3 table again, but make it so that the first and third cell of these are the width of your side images.. do not enter a hight value as it will need to scale vertically.. the center cell will be your area for the $block[content] tag..

Bottom row.. insert a 1x3 table again, and use the same formatting you did for the top replacing the links for your bottom border images..

When I create these, I do it visually in dreamweaver, then I copy and paste the HTML into the "Custom HTML" section for content containters..

Feel free to check my site to see the final result..

Anyhow.. here's the HTML code for my center container, and the steps above are exactly what you see below:

<table width="100%"  border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><table width="100%"  border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="182" height="52" background="http://topleft.gif">&nbsp;</td>
    <td height="52" align="center" valign="middle" background="http://topcent.gif" class="ContentBoxTitle">$block[title]</td>
    <td width="192" height="52" background="http://topright.gif">&nbsp;</td>
  </tr>
</table>
</td>
  </tr>
  <tr>
    <td><table width="100%"  border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="19" background="http://left.gif">&nbsp;</td>
    <td bgcolor="#000000" class="ContentBoxBody">&nbsp;$block[content]&nbsp;</td>
    <td width="19" background="http://right.gif">&nbsp;</td>
  </tr>
</table>
</td>
  </tr>
  <tr>
    <td><table width="100%"  border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="182" height="52" background="http://bottomleft.gif">&nbsp;</td>
    <td background="http://bottomcent.gif">&nbsp;</td>
    <td width="192" height="52" background="http://bottomright.gif">&nbsp;</td>
  </tr>
</table>
</td>
  </tr>
</table>
<br>

TopBottom

Eileithia (New Admin) 1/20/2006 8:37 AM EST : RE: Borders and Content Boxes

Eileithia
Posts: 997
Zomgawsh Poster

Hatsepsut said:
Hey guys,

first of all, thanks for the html, much helpful.

I'm trying to get my head around what goes where in these different content box borders and why there are so many of them instead of just 8...

Could somebody take a look at http://www.guildportal.com/Guild.aspx?GuildID=14832&TabID=124922
and tell me why the top left box border has a hole in it, since I'm out of guesses?



And to answer this question.. the reason your bottom border does not extend to the side of the box is because it's set as an image in the cell, not as a repeating background for that cell. have a look at my previous post to show you how to make it a backgroud image instead of a placed image.. (Hope that makes any sense)
TopBottom

537160445_Inactive (New Admin) 2/12/2006 8:20 AM EST : RE: Borders and Content Boxes
537160445_Inactive
Posts: 233
Fingers of Fury!

Thanks a lot Eileithia!! You'r post helped me a lot figuring out why I was getting som ugly holes in my layout.

Cheers
TopBottom

537448465_Inactive (New Admin) 2/16/2006 5:34 PM EST : RE: Borders and Content Boxes
537448465_Inactive
Posts: 198
Posts With Wolves

Where does the HTML code go?
TopBottom

Admins Online
There are   members online.
So-and-so has logged on!
%title%
%message%