theme merge

Worker Joined: Jun 09, 2007 Posts: 172

I have posted some info starting this in another area, and felt that it would be better to continue here.

What I am trying to do right now, is change the table border from one theme to look the same in another.

I am trying to more some of the info from the AOM theme to the fisubice theme.

from the AOM theme that i seem to see would be part of the code that i am looking at

Code:

$ul_corner_big = "tl.gif";            # Upper left corner of your large frame


$ur_corner_big = "tr.gif";         # Upper right corner of your large frame


$ll_corner_big = "bl.gif";            # Lower left corner of your large frame


$lr_corner_big = "br.gif";         # Lower right corner of your large frame


$lframe_big = "l.gif";               # Left vertical element of your large frame


$rframe_big = "r.gif";            # Right vertical element of your large frame


$lmframe_big = "ml.gif";         # Left middle vertical element of your large frame


$rmframe_big = "mr.gif";         # Right middle vertical element of your large frame


$uframe_big = "t.gif";            # Upper horizontal element of your large frame


$dframe_big = "b.gif";            # Lower horizontal element of your large frame


$midframe_big = "m.gif";         # Middle horizontal element of your large frame


$hframe_big = 17;               # Height of each vertical element of your large frame


$wframe_big = 17;               # Width of each vertical element of your large frame





$ul_corner_sm = "tl.gif";         # Upper left corner of your small frame


$ur_corner_sm = "tr.gif";         # Upper right corner of your small frame


$ll_corner_sm = "bl.gif";            # Lower left corner of your small frame


$lr_corner_sm = "br.gif";         # Lower right corner of your small frame


$lframe_sm = "l.gif";               # Left vertical element of your small frame


$rframe_sm = "r.gif";            # Right vertical element of your small frame


$lmframe_sm = "ml.gif";         # Left middle vertical element of your small frame


$rmframe_sm = "mr.gif";         # Right middle vertical element of your small frame


$uframe_sm = "t.gif";            # Upper horizontal element of your small frame


$dframe_sm = "b.gif";            # Lower horizontal element of your small frame


$midframe_sm = "m.gif";         # Middle horizontal element of your small frame


$hframe_sm = 17;               # Height of each vertical element of your small frame


$wframe_sm = 17;               # Width of each vertical element of your small frame





$theme_image_path="themes/AOM/images/";   # Path to your theme graphics (USE TRAILING FORESLASH!!)


$pixel = "pixel.gif";                              # Single pixel graphic used as vertical seperator


$divider = "divider.gif";                           # Horizontal "bar" seperator

now here i seen that i would also need to copy over these gifs over to the images folder.
Now it looks like this code can go right under the color codes on the theme.php

next is to do edits to the tables and the block i guess...now on the aol theme there is this info:

Code:

/************************************************************/


/* Function OpenTable()                                                       */


/*************************************************************/





function OpenTable() {


global $thename, $bgcolor1, $bgcolor2, $bgcolor3, $bgcolor4, $bgcolor5, $textcolor1, $textcolor2, $textcolor3, $textcolor4, $textcolor5, $textcolor6;


global $welcomeMessage, $theme_image_path;


global $ul_corner_big, $ur_corner_big, $ll_corner_big, $lr_corner_big, $lframe_big, $rframe_big, $uframe_big, $dframe_big, $midframe_big, $hframe_big, $wframe_big;


global $ul_corner_sm, $ur_corner_sm, $ll_corner_sm, $lr_corner_sm, $lframe_sm, $rframe_sm, $uframe_sm, $dframe_sm, $midframe_sm, $hframe_sm, $wframe_sm;


global $bg_overall, $bg_sideblocks, $bg_center;





echo "<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\">";


echo "  <tr>";


echo "    <td>";


echo "    <img border=\"0\" src=\"$theme_image_path$ul_corner_big\" width=\"$wframe_big\" height=\"$hframe_big\"></td>";


echo "    <td background=\"$theme_image_path$uframe_big\" height=\"$hframe_big\" align=\"center\" width=\"100%\">&nbsp;</td></font>";


echo "    </td>";


echo "    <td>";


echo "    <img border=\"0\" src=\"$theme_image_path$ur_corner_big\" width=\"$wframe_big\" height=\"$hframe_big\"></td>";


echo "  </tr>";


echo "  <tr>";


echo "    <td background=\"$theme_image_path$lframe_big\" width=\"$wframe_big\">&nbsp;</td></font>";


echo "    </td>";


echo "    <td background=\"$theme_image_path$bg_center\" bgcolor=\"$bgcolor2\" width=\"100%\">";


}





/************************************************************/


/* Function OpenTable2()                                    */


/************************************************************/





function OpenTable2() {


global $thename, $bgcolor1, $bgcolor2, $bgcolor3, $bgcolor4, $bgcolor5, $textcolor1, $textcolor2, $textcolor3, $textcolor4, $textcolor5, $textcolor6;


global $welcomeMessage, $theme_image_path;


global $ul_corner_big, $ur_corner_big, $ll_corner_big, $lr_corner_big, $lframe_big, $rframe_big, $uframe_big, $dframe_big, $midframe_big, $hframe_big, $wframe_big;


global $ul_corner_sm, $ur_corner_sm, $ll_corner_sm, $lr_corner_sm, $lframe_sm, $rframe_sm, $uframe_sm, $dframe_sm, $midframe_sm, $hframe_sm, $wframe_sm;


global $bg_overall, $bg_sideblocks, $bg_center;





echo "<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\">";


echo "  <tr>";


echo "    <td>";


echo "    <img border=\"0\" src=\"$theme_image_path$ul_corner_sm\" width=\"$wframe_sm\" height=\"$hframe_sm\"></td>";


echo "    <td background=\"$theme_image_path$uframe_sm\" height=\"$hframe_sm\" align=\"center\" width=\"100%\">&nbsp;</td></font>";


echo "    </td>";


echo "    <td>";


echo "    <img border=\"0\" src=\"$theme_image_path$ur_corner_sm\" width=\"$wframe_sm\" height=\"$hframe_sm\"></td>";


echo "  </tr>";


echo "  <tr>";


echo "    <td background=\"$theme_image_path$lframe_sm\" width=\"$wframe_sm\">&nbsp;</td></font>";


echo "    </td>";


echo "    <td background=\"$theme_image_path$bg_sideblocks\" bgcolor=\"$bgcolor3\" width=\"100%\">";


}





/************************************************************/


/* Function CloseTable()                                    */


/************************************************************/





function CloseTable() {


global $thename, $bgcolor1, $bgcolor2, $bgcolor3, $bgcolor4, $bgcolor5, $textcolor1, $textcolor2, $textcolor3, $textcolor4, $textcolor5, $textcolor6;


global $welcomeMessage, $theme_image_path;


global $ul_corner_big, $ur_corner_big, $ll_corner_big, $lr_corner_big, $lframe_big, $rframe_big, $uframe_big, $dframe_big, $midframe_big, $hframe_big, $wframe_big;


global $ul_corner_sm, $ur_corner_sm, $ll_corner_sm, $lr_corner_sm, $lframe_sm, $rframe_sm, $uframe_sm, $dframe_sm, $midframe_sm, $hframe_sm, $wframe_sm;


echo "</td>";


echo "    <td background=\"$theme_image_path$rframe_big\" width=\"$wframe_big\">&nbsp;</td></font>";


echo "    <tr>";


echo "        <td width=\"$wframe_big\" height=\"$hframe_big\"><img src=\"$theme_image_path$ll_corner_big\" alt=\"\" border=\"0\"></td>";


echo "        <td background=\"$theme_image_path$dframe_big\" height=\"$hframe_big\" align=\"center\">&nbsp;</font></td>";


echo "        <td><img src=\"$theme_image_path$lr_corner_big\" width=\"$wframe_big\" alt=\"\" border=\"0\"></td>";


echo "    </tr>";


echo "    </td></tr></table>";


echo "    <br>";


}





/************************************************************/


/* Function CloseTable2()                                   */


/************************************************************/





function CloseTable2() {


global $thename, $bgcolor1, $bgcolor2, $bgcolor3, $bgcolor4, $bgcolor5, $textcolor1, $textcolor2, $textcolor3, $textcolor4, $textcolor5, $textcolor6;


global $welcomeMessage, $theme_image_path;


global $ul_corner_big, $ur_corner_big, $ll_corner_big, $lr_corner_big, $lframe_big, $rframe_big, $uframe_big, $dframe_big, $midframe_big, $hframe_big, $wframe_big;


global $ul_corner_sm, $ur_corner_sm, $ll_corner_sm, $lr_corner_sm, $lframe_sm, $rframe_sm, $uframe_sm, $dframe_sm, $midframe_sm, $hframe_sm, $wframe_sm;


echo "</td>";


echo "    <td background=\"$theme_image_path$rframe_sm\" width=\"$wframe_sm\">&nbsp;</td></font>";


echo "    <tr>";


echo "        <td width=\"$wframe_sm\" height=\"$hframe_sm\"><img src=\"$theme_image_path$ll_corner_sm\" alt=\"\" border=\"0\"></td>";


echo "        <td background=\"$theme_image_path$dframe_sm\" height=\"$hframe_sm\" align=\"center\">&nbsp;</font></td>";


echo "        <td><img src=\"$theme_image_path$lr_corner_sm\" width=\"$wframe_sm\" alt=\"\" border=\"0\"></td>";


echo "    </tr>";


echo "    </td></tr></table>";


echo "    <br>";


}





/************************************************************/


/* Function FormatStory()                                   */


/************************************************************/





function FormatStory($thetext, $notes, $aid, $informant) {


global $thename, $bgcolor1, $bgcolor2, $bgcolor3, $bgcolor4, $bgcolor5, $textcolor1, $textcolor2, $textcolor3, $textcolor4, $textcolor5, $textcolor6;


global $welcomeMessage, $theme_image_path;


global $ul_corner_big, $ur_corner_big, $ll_corner_big, $lr_corner_big, $lframe_big, $rframe_big, $uframe_big, $dframe_big, $midframe_big, $hframe_big, $wframe_big;


global $ul_corner_sm, $ur_corner_sm, $ll_corner_sm, $lr_corner_sm, $lframe_sm, $rframe_sm, $uframe_sm, $dframe_sm, $midframe_sm, $hframe_sm, $wframe_sm;


global $anonymous;


global $bg_overall, $bg_sideblocks, $bg_center;





    if ($notes != "") {


   $notes = "<b>"._NOTE."</b> <i>$notes</i>\n";


    } else {


   $notes = "";


    }


    if ("$aid" == "$informant") {


   echo "<font color=\"$textcolor3\">$thetext<br>$notes</font>\n";


    } else {


   if($informant != "") {


       $boxstuff = "<a href=\"user.php?op=userinfo&amp;uname=$informant\">$informant</a> ";


   } else {


       $boxstuff = "$anonymous ";


   }


   $boxstuff .= ""._WRITES." <i>\"$thetext\"</i> $notes\n";


   echo "<font color=\"$textcolor3\">$boxstuff</font>\n";


    }


}

now in aom i am guessing this is where it is callings the graphics to place as a boarder around the boxes.
so i look at fisubice and I see that there is a theme.php and then a tables.php and then a blocks.php

so for themes i would thing i need to do a change in the tables.php file which is this:

Code:

function OpenTable() {


    global $bgcolor1, $bgcolor2;


    echo '<table width="100%" border="0" cellspacing="0" cellpadding="7">


  <tr>


    <td><table width="100%" border="0" cellspacing="0" cellpadding="1">


        <tr>


          <td bgcolor="#486386"><table width="100%" border="0" cellspacing="0" cellpadding="1">


              <tr>


                <td bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="1">


                    <tr>


                      <td bgcolor="#F4F6FB"><table width="100%" border="0" cellspacing="0" cellpadding="4">


                          <tr>


                            <td>';


}





function CloseTable() {


    echo '</td>


                          </tr>


                        </table></td>


                    </tr>


                  </table></td>


              </tr>


            </table></td>


        </tr>


      </table></td>


  </tr>


</table>';


}





function OpenTable2() {


    global $bgcolor1, $bgcolor2;


    echo '<table width="100%" border="0" cellspacing="0" cellpadding="7">


  <tr>


    <td><table width="100%" border="0" cellspacing="0" cellpadding="1">


        <tr>


          <td bgcolor="#486386"><table width="100%" border="0" cellspacing="0" cellpadding="1">


              <tr>


                <td bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="1">


                    <tr>


                      <td bgcolor="#F4F6FB"><table width="100%" border="0" cellspacing="0" cellpadding="4">


                          <tr>


                            <td>';


}





function CloseTable2() {


    echo '</td>


                          </tr>


                        </table></td>


                    </tr>


                  </table></td>


              </tr>


            </table></td>


        </tr>


      </table></td>


  </tr>


</table>';


}

now from earlier, how would I move aom code into the fisubice?

and this is not including the changes to the block.html file

thanks for any suggestions or ideas to do this...I am trying Smile

Theme Guru Joined: Jan 11, 2006 Posts: 170

You will have to recode everything from the AOM theme to match the fisubice theme. There are 2 table sets, one inner and one outer. They are divided into top, center, bottom. Then the table filler code in beneath the tables themselves.

I could help more if I could see the AOM theme.

Posted: Sun Nov 16, 2008 1:11 pm

papamike: thanks for the responce....if you do a google search for the aom theme you will see a free one that would be complete but here is just the theme.php file

Code:

<?php





###########################


###


### PHPNuke Themes Template


### Developed by Dave Mednick


### Copyright Mednick Online Network 2002


### Email: [ Only registered users can see links on this board! Get registered or login! ]


###


### http://www.ageofmythologyplanet.com


### http://www.dungeonsiegeplanet.com


### http://www.ecade.biz


### http://www.msec-inc.com


###


### Please view the README.DOC file for more information


### on how to use this template.


###


############################





global $thename, $bgcolor1, $bgcolor2, $bgcolor3, $bgcolor4, $bgcolor5, $textcolor1, $textcolor2, $textcolor3, $textcolor4, $textcolor5, $textcolor6;


global $welcomeMessage, $theme_image_path, $pixel, $divider;


global $ul_corner_big, $ur_corner_big, $ll_corner_big, $lr_corner_big, $lframe_big, $rframe_big, $uframe_big, $dframe_big, $midframe_big, $hframe_big, $wframe_big, $lmframe_big, $rmframe_big;


global $ul_corner_sm, $ur_corner_sm, $ll_corner_sm, $lr_corner_sm, $lframe_sm, $rframe_sm, $uframe_sm, $dframe_sm, $midframe_sm, $hframe_sm, $wframe_sm, $lmframe_sm, $rmframe_sm;


global $bg_overall, $bg_sideblocks, $bg_center;





$thename = "AOM";                        # The name of your theme





$bg_overall ="main_bg.gif";               # The overall background


$bg_sideblocks = "main_bg.gif";            # The left and right block background


$bg_center = "main_bg.gif";               # The center block background





$bgcolor1 = "#000000";                  # primary background color


$bgcolor2 = "#000000";                  # header and footer background color


$bgcolor3 = "#000000";                  # block area background color


$bgcolor4 = "#000000";                  # center block background color


$bgcolor5 = "#000000";                  # left and right block background color


$textcolor1 = "#C27B48";               # center block default title text color


$textcolor2 = "#C27B48";               # left and right block default title text color


$textcolor3 = "#A2834C";               # upper center block default text color


$textcolor4 = "#FFFFFF";               # lower center block default text color


$textcolor5 = "#A2834C";               # right and left block default text color


$textcolor6 = "#A2834C";               # header and footer default text color





$welcomeMessage = "Welcome to Age of Mythology Planet!";   # Your welcome message (optional to display)





$ul_corner_big = "tl.gif";            # Upper left corner of your large frame


$ur_corner_big = "tr.gif";         # Upper right corner of your large frame


$ll_corner_big = "bl.gif";            # Lower left corner of your large frame


$lr_corner_big = "br.gif";         # Lower right corner of your large frame


$lframe_big = "l.gif";               # Left vertical element of your large frame


$rframe_big = "r.gif";            # Right vertical element of your large frame


$lmframe_big = "ml.gif";         # Left middle vertical element of your large frame


$rmframe_big = "mr.gif";         # Right middle vertical element of your large frame


$uframe_big = "t.gif";            # Upper horizontal element of your large frame


$dframe_big = "b.gif";            # Lower horizontal element of your large frame


$midframe_big = "m.gif";         # Middle horizontal element of your large frame


$hframe_big = 17;               # Height of each vertical element of your large frame


$wframe_big = 17;               # Width of each vertical element of your large frame





$ul_corner_sm = "tl.gif";         # Upper left corner of your small frame


$ur_corner_sm = "tr.gif";         # Upper right corner of your small frame


$ll_corner_sm = "bl.gif";            # Lower left corner of your small frame


$lr_corner_sm = "br.gif";         # Lower right corner of your small frame


$lframe_sm = "l.gif";               # Left vertical element of your small frame


$rframe_sm = "r.gif";            # Right vertical element of your small frame


$lmframe_sm = "ml.gif";         # Left middle vertical element of your small frame


$rmframe_sm = "mr.gif";         # Right middle vertical element of your small frame


$uframe_sm = "t.gif";            # Upper horizontal element of your small frame


$dframe_sm = "b.gif";            # Lower horizontal element of your small frame


$midframe_sm = "m.gif";         # Middle horizontal element of your small frame


$hframe_sm = 17;               # Height of each vertical element of your small frame


$wframe_sm = 17;               # Width of each vertical element of your small frame





$theme_image_path="themes/AOM/images/";   # Path to your theme graphics (USE TRAILING FORESLASH!!)


$pixel = "pixel.gif";                              # Single pixel graphic used as vertical seperator


$divider = "divider.gif";                           # Horizontal "bar" seperator





#######


###


###  YOU SHOULD NEVER HAVE TO CHANGE ANYTHING BELOW


###  THIS POINT!!


###


#######





/************************************************************/


/* Function OpenTable()                                                       */


/*************************************************************/





function OpenTable() {


global $thename, $bgcolor1, $bgcolor2, $bgcolor3, $bgcolor4, $bgcolor5, $textcolor1, $textcolor2, $textcolor3, $textcolor4, $textcolor5, $textcolor6;


global $welcomeMessage, $theme_image_path;


global $ul_corner_big, $ur_corner_big, $ll_corner_big, $lr_corner_big, $lframe_big, $rframe_big, $uframe_big, $dframe_big, $midframe_big, $hframe_big, $wframe_big;


global $ul_corner_sm, $ur_corner_sm, $ll_corner_sm, $lr_corner_sm, $lframe_sm, $rframe_sm, $uframe_sm, $dframe_sm, $midframe_sm, $hframe_sm, $wframe_sm;


global $bg_overall, $bg_sideblocks, $bg_center;





echo "<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\">";


echo "  <tr>";


echo "    <td>";


echo "    <img border=\"0\" src=\"$theme_image_path$ul_corner_big\" width=\"$wframe_big\" height=\"$hframe_big\"></td>";


echo "    <td background=\"$theme_image_path$uframe_big\" height=\"$hframe_big\" align=\"center\" width=\"100%\">&nbsp;</td></font>";


echo "    </td>";


echo "    <td>";


echo "    <img border=\"0\" src=\"$theme_image_path$ur_corner_big\" width=\"$wframe_big\" height=\"$hframe_big\"></td>";


echo "  </tr>";


echo "  <tr>";


echo "    <td background=\"$theme_image_path$lframe_big\" width=\"$wframe_big\">&nbsp;</td></font>";


echo "    </td>";


echo "    <td background=\"$theme_image_path$bg_center\" bgcolor=\"$bgcolor2\" width=\"100%\">";


}





/************************************************************/


/* Function OpenTable2()                                    */


/************************************************************/





function OpenTable2() {


global $thename, $bgcolor1, $bgcolor2, $bgcolor3, $bgcolor4, $bgcolor5, $textcolor1, $textcolor2, $textcolor3, $textcolor4, $textcolor5, $textcolor6;


global $welcomeMessage, $theme_image_path;


global $ul_corner_big, $ur_corner_big, $ll_corner_big, $lr_corner_big, $lframe_big, $rframe_big, $uframe_big, $dframe_big, $midframe_big, $hframe_big, $wframe_big;


global $ul_corner_sm, $ur_corner_sm, $ll_corner_sm, $lr_corner_sm, $lframe_sm, $rframe_sm, $uframe_sm, $dframe_sm, $midframe_sm, $hframe_sm, $wframe_sm;


global $bg_overall, $bg_sideblocks, $bg_center;





echo "<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\">";


echo "  <tr>";


echo "    <td>";


echo "    <img border=\"0\" src=\"$theme_image_path$ul_corner_sm\" width=\"$wframe_sm\" height=\"$hframe_sm\"></td>";


echo "    <td background=\"$theme_image_path$uframe_sm\" height=\"$hframe_sm\" align=\"center\" width=\"100%\">&nbsp;</td></font>";


echo "    </td>";


echo "    <td>";


echo "    <img border=\"0\" src=\"$theme_image_path$ur_corner_sm\" width=\"$wframe_sm\" height=\"$hframe_sm\"></td>";


echo "  </tr>";


echo "  <tr>";


echo "    <td background=\"$theme_image_path$lframe_sm\" width=\"$wframe_sm\">&nbsp;</td></font>";


echo "    </td>";


echo "    <td background=\"$theme_image_path$bg_sideblocks\" bgcolor=\"$bgcolor3\" width=\"100%\">";


}





/************************************************************/


/* Function CloseTable()                                    */


/************************************************************/





function CloseTable() {


global $thename, $bgcolor1, $bgcolor2, $bgcolor3, $bgcolor4, $bgcolor5, $textcolor1, $textcolor2, $textcolor3, $textcolor4, $textcolor5, $textcolor6;


global $welcomeMessage, $theme_image_path;


global $ul_corner_big, $ur_corner_big, $ll_corner_big, $lr_corner_big, $lframe_big, $rframe_big, $uframe_big, $dframe_big, $midframe_big, $hframe_big, $wframe_big;


global $ul_corner_sm, $ur_corner_sm, $ll_corner_sm, $lr_corner_sm, $lframe_sm, $rframe_sm, $uframe_sm, $dframe_sm, $midframe_sm, $hframe_sm, $wframe_sm;


echo "</td>";


echo "    <td background=\"$theme_image_path$rframe_big\" width=\"$wframe_big\">&nbsp;</td></font>";


echo "    <tr>";


echo "        <td width=\"$wframe_big\" height=\"$hframe_big\"><img src=\"$theme_image_path$ll_corner_big\" alt=\"\" border=\"0\"></td>";


echo "        <td background=\"$theme_image_path$dframe_big\" height=\"$hframe_big\" align=\"center\">&nbsp;</font></td>";


echo "        <td><img src=\"$theme_image_path$lr_corner_big\" width=\"$wframe_big\" alt=\"\" border=\"0\"></td>";


echo "    </tr>";


echo "    </td></tr></table>";


echo "    <br>";


}





/************************************************************/


/* Function CloseTable2()                                   */


/************************************************************/





function CloseTable2() {


global $thename, $bgcolor1, $bgcolor2, $bgcolor3, $bgcolor4, $bgcolor5, $textcolor1, $textcolor2, $textcolor3, $textcolor4, $textcolor5, $textcolor6;


global $welcomeMessage, $theme_image_path;


global $ul_corner_big, $ur_corner_big, $ll_corner_big, $lr_corner_big, $lframe_big, $rframe_big, $uframe_big, $dframe_big, $midframe_big, $hframe_big, $wframe_big;


global $ul_corner_sm, $ur_corner_sm, $ll_corner_sm, $lr_corner_sm, $lframe_sm, $rframe_sm, $uframe_sm, $dframe_sm, $midframe_sm, $hframe_sm, $wframe_sm;


echo "</td>";


echo "    <td background=\"$theme_image_path$rframe_sm\" width=\"$wframe_sm\">&nbsp;</td></font>";


echo "    <tr>";


echo "        <td width=\"$wframe_sm\" height=\"$hframe_sm\"><img src=\"$theme_image_path$ll_corner_sm\" alt=\"\" border=\"0\"></td>";


echo "        <td background=\"$theme_image_path$dframe_sm\" height=\"$hframe_sm\" align=\"center\">&nbsp;</font></td>";


echo "        <td><img src=\"$theme_image_path$lr_corner_sm\" width=\"$wframe_sm\" alt=\"\" border=\"0\"></td>";


echo "    </tr>";


echo "    </td></tr></table>";


echo "    <br>";


}





/************************************************************/


/* Function FormatStory()                                   */


/************************************************************/





function FormatStory($thetext, $notes, $aid, $informant) {


global $thename, $bgcolor1, $bgcolor2, $bgcolor3, $bgcolor4, $bgcolor5, $textcolor1, $textcolor2, $textcolor3, $textcolor4, $textcolor5, $textcolor6;


global $welcomeMessage, $theme_image_path;


global $ul_corner_big, $ur_corner_big, $ll_corner_big, $lr_corner_big, $lframe_big, $rframe_big, $uframe_big, $dframe_big, $midframe_big, $hframe_big, $wframe_big;


global $ul_corner_sm, $ur_corner_sm, $ll_corner_sm, $lr_corner_sm, $lframe_sm, $rframe_sm, $uframe_sm, $dframe_sm, $midframe_sm, $hframe_sm, $wframe_sm;


global $anonymous;


global $bg_overall, $bg_sideblocks, $bg_center;





    if ($notes != "") {


   $notes = "<b>"._NOTE."</b> <i>$notes</i>\n";


    } else {


   $notes = "";


    }


    if ("$aid" == "$informant") {


   echo "<font color=\"$textcolor3\">$thetext<br>$notes</font>\n";


    } else {


   if($informant != "") {


       $boxstuff = "<a href=\"user.php?op=userinfo&amp;uname=$informant\">$informant</a> ";


   } else {


       $boxstuff = "$anonymous ";


   }


   $boxstuff .= ""._WRITES." <i>\"$thetext\"</i> $notes\n";


   echo "<font color=\"$textcolor3\">$boxstuff</font>\n";


    }


}





/************************************************************/


/* Function themeheader()                                   */


/************************************************************/





function themeheader() {


global $thename, $bgcolor1, $bgcolor2, $bgcolor3, $bgcolor4, $bgcolor5, $textcolor1, $textcolor2, $textcolor3, $textcolor4, $textcolor5, $textcolor6;


global $welcomeMessage, $theme_image_path;


global $ul_corner_big, $ur_corner_big, $ll_corner_big, $lr_corner_big, $lframe_big, $rframe_big, $uframe_big, $dframe_big, $midframe_big, $hframe_big, $wframe_big;


global $ul_corner_sm, $ur_corner_sm, $ll_corner_sm, $lr_corner_sm, $lframe_sm, $rframe_sm, $uframe_sm, $dframe_sm, $midframe_sm, $hframe_sm, $wframe_sm;


global $user, $sitename;


global $bg_overall, $bg_sideblocks, $bg_center;





    cookiedecode($user);


    $username = $cookie[1];


    if ($username == "") {


        $username = "Anonymous";


    }


    echo "<body bgcolor=\"$bgcolor1\" text=\"#FFFFFF\" link=\"#A2834C\" vlink=\"#A2834C\" alink=\"#A2834C\">\n"


   ."<br>\n";


    if ($banners) {


   include("banners.php");


    }


   echo "<table cellpadding=\"0\" cellspacing=\"0\" width=\"99%\" border=\"0\" align=\"center\" bgcolor=\"$bgcolor3\">\n";


   echo "<tr><td valign=\"top\">\n";


   blocks(left);


    echo "</td><td><img src=\"$theme_image_path$pixel\" width=\"15\" height=\"1\" border=\"0\" alt=\"\"></td><td width=\"100%\"";


   echo "valign=top>\n";


}





/************************************************************/


/* Function themefooter()                                   */


/************************************************************/





function themefooter() {


global $thename, $bgcolor1, $bgcolor2, $bgcolor3, $bgcolor4, $bgcolor5, $textcolor1, $textcolor2, $textcolor3, $textcolor4, $textcolor5, $textcolor6;


global $welcomeMessage, $theme_image_path;


global $ul_corner_big, $ur_corner_big, $ll_corner_big, $lr_corner_big, $lframe_big, $rframe_big, $uframe_big, $dframe_big, $midframe_big, $hframe_big, $wframe_big;


global $ul_corner_sm, $ur_corner_sm, $ll_corner_sm, $lr_corner_sm, $lframe_sm, $rframe_sm, $uframe_sm, $dframe_sm, $midframe_sm, $hframe_sm, $wframe_sm;


global $index, $foot1, $foot2, $foot3, $foot4, $pixel, $divider;


    if ($index == 1) {


      echo "</td><td><img src=\"$theme_image_path$pixel\" width=\"15\" height=\"1\" border=\"0\" alt=\"\"></td><td valign=\"top\" width=\"150\">\n";


      blocks(right);


   }


$footer_message = "$foot1<br>$foot2<br>$foot3<br>$foot4";


echo "</td><table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" bgcolor=\"$bgcolor2\" align=\"center\"><tr align=\"center\">";


echo "</td><td width=\"100%\"><p><img src=\"$theme_image_path$divider\" align=\"center\" alt=\"\"></p>";


echo    $footer_message;


echo "</td></tr></table>\n";


}





/************************************************************/


/* Function themeindex()                                    */


/************************************************************/





function themeindex ($aid, $informant, $time, $title, $counter, $topic, $thetext, $notes, $morelink, $topicname, $topicimage, $topictext) {


global $thename, $bgcolor1, $bgcolor2, $bgcolor3, $bgcolor4, $bgcolor5, $textcolor1, $textcolor2, $textcolor3, $textcolor4, $textcolor5, $textcolor6;


global $welcomeMessage, $theme_image_path;


global $ul_corner_big, $ur_corner_big, $ll_corner_big, $lr_corner_big, $lframe_big, $rframe_big, $uframe_big, $dframe_big, $midframe_big, $hframe_big, $wframe_big, $lmframe_big, $rmframe_big;


global $ul_corner_sm, $ur_corner_sm, $ll_corner_sm, $lr_corner_sm, $lframe_sm, $rframe_sm, $uframe_sm, $dframe_sm, $midframe_sm, $hframe_sm, $wframe_sm;


global $bg_overall, $bg_sideblocks, $bg_center;


global $anonymous, $tipath;


echo "<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\" width=\"100%\">";


echo "    <tr>";


echo "   <td width=\"$wframe_big\" height=\"$hframe_big\">";


echo "   <img border=\"0\" src=\"$theme_image_path$ul_corner_big\" width=\"$wframe_big\" height=\"$hframe_big\"></td>";


echo "    <td background=\"$theme_image_path$uframe_big\" width=\"100%\" align=\"center\">&nbsp;</td></font>";


echo "    </td>";


echo "    <td width=\"$wframe_big\" ><img border=\"0\" src=\"$theme_image_path$ur_corner_big\" width=\"$wframe_big\"></td>";


echo "    </tr>";


echo "    <tr>";


echo "    <td background=\"$theme_image_path$lframe_big\" width=\"$wframe_big\">&nbsp;</td></font>";


echo "        <td background=\"$theme_image_path$bg_center\" bgcolor=\"$bgcolor4\" width=\"100%\">";


echo "                <font color=\"$textcolor4\"><b><a href=\"modules.php?name=Search&query=&amp;topic=$topic\">";


echo   "            <img src=\"images/topics/$topicimage\" border=\"0\" ";


echo "Alt=\"$topictext\" align=\"right\" hspace=\"5\" vspace=\"5\"></a></B></font>";


echo "                <font color=\"$textcolor1\"><b>$title</b></font><br><br>";


echo "                <font color=\"$textcolor3\">";


FormatStory($thetext, $notes, $aid, $informant);


echo "                </font>";


echo "        </td>";


echo "<td background=\"$theme_image_path$rframe_big\">&nbsp;</font></td>";


echo "    </tr>";


echo "    <tr>";


echo "        <td width=\"$wframe_big\" height=\"$hframe_big\"><img src=\"$theme_image_path$lmframe_big\" width=\"$wframe_big\" height=\"$hframe_big\" border=\"0\"></td>\n";


echo "        <td align=center bgcolor=\"$bgcolor4\" background=\"$theme_image_path$midframe_big\" height =\"$hframe_big\" width=100%>&nbsp;</font></td>";


echo "        <td width=\"$wframe_big\" height=\"$hframe_big\"><img src=\"$theme_image_path$rmframe_big\" width=\"$wframe_big\" height=\"$hframe_big\" border=\"0\"></td>";


echo "    </tr>";


echo "     <tr>";


echo "      <td background=\"$theme_image_path$lframe_big\" width=\"$wframe_big\">&nbsp;</font></td>";


echo "      <td background=\"$theme_image_path$bg_center\" align=center bgcolor=\"$bgcolor4\">\n";


echo "        <font color=\"$textcolor4\">"._POSTEDBY." ";


echo "        <a href=\"user.php?op=userinfo&amp;uname=$informant\"> $informant</a> "._ON." $time $timezone ($counter"._READS.")<br></font>";


echo "           <font>$morelink</font>";


echo "        </td>";


echo "        <td background=\"$theme_image_path$rframe_big\" width=\"$wframe_big\">&nbsp;</font></td>";


echo "    </tr>";


echo "    <tr>";


echo "        <td width=\"$wframe_big\" valign=top><img src=\"$theme_image_path$ll_corner_big\" alt=\"\" border=\"0\"></td>";


echo "        <td background=\"$theme_image_path$dframe_big\" align=\"center\" width=100%>&nbsp;</font></td>";


echo "        <td width=\"50\" valign=top><img src=\"$theme_image_path$lr_corner_big\" alt=\"\" border=\"0\"></td>";


echo "    </tr>";


echo "</table>";


echo "    <br>";


}





/************************************************************/


/* Function themearticle()                                  */


/************************************************************/





function themearticle ($aid, $informant, $datetime, $title, $thetext, $topic, $topicname, $topicimage, $topictext) {


global $thename, $bgcolor1, $bgcolor2, $bgcolor3, $bgcolor4, $bgcolor5, $textcolor1, $textcolor2, $textcolor3, $textcolor4, $textcolor5, $textcolor6;


global $welcomeMessage, $theme_image_path;


global $ul_corner_big, $ur_corner_big, $ll_corner_big, $lr_corner_big, $lframe_big, $rframe_big, $uframe_big, $dframe_big, $midframe_big, $hframe_big, $wframe_big;


global $ul_corner_sm, $ur_corner_sm, $ll_corner_sm, $lr_corner_sm, $lframe_sm, $rframe_sm, $uframe_sm, $dframe_sm, $midframe_sm, $hframe_sm, $wframe_sm;


global $bg_overall, $bg_sideblocks, $bg_center;


global $admin, $sid, $tipath;


    Opentable();


    echo "<font color=\"#363636\"><b>$title</b></font><br>\n"


        ."<font>"._POSTEDON." $datetime by ";


    formatAidHeader($aid);


    if (is_admin($admin)) {


   echo "<br>[ <a href=\"admin.php?op=EditStory&amp;sid=$sid\">"._EDIT."</a> | <a href=\"admin.php?op=RemoveStory&amp;sid=$sid\">"._DELETE."</a> ]\n";


    }


    echo "<br><br>";


    echo "<a href=\"modules.php?name=Search&query=&amp;topic=$topic\"><img src=\"$tipath$topicimage\" border=\"0\" Alt=\"$topictext\" align=\"right\" hspace=\"10\" vspace=\"10\"></a>\n";


    FormatStory($thetext, $notes="", $aid, $informant);


    echo "<br>\n\n\n";


    CloseTable();


}





/************************************************************/


/* Function themeidebox()                                   */


/************************************************************/





function themesidebox($title, $content) {


global $thename, $bgcolor1, $bgcolor2, $bgcolor3, $bgcolor4, $bgcolor5, $textcolor1, $textcolor2, $textcolor3, $textcolor4, $textcolor5, $textcolor6;


global $welcomeMessage, $theme_image_path;


global $ul_corner_big, $ur_corner_big, $ll_corner_big, $lr_corner_big, $lframe_big, $rframe_big, $uframe_big, $dframe_big, $midframe_big, $hframe_big, $wframe_big;


global $ul_corner_sm, $ur_corner_sm, $ll_corner_sm, $lr_corner_sm, $lframe_sm, $rframe_sm, $uframe_sm, $dframe_sm, $midframe_sm, $hframe_sm, $wframe_sm;


global $bg_overall, $bg_sideblocks, $bg_center;


echo "<table border=0 cellspacing=0 cellpadding=0 width=180>";


echo "<tr>";


echo "<td width=$wframe_sm height=$hframe_sm><img src=\"$theme_image_path$ul_corner_sm\" alt=\"\" border=0></td>";


echo "<td background=\"$theme_image_path$uframe_sm\" align=center width=100% height=$hframe_sm>&nbsp;</font></td>";


echo "<td width=$wframe_sm height=$hframe_sm><img src=\"$theme_image_path$ur_corner_sm\" alt=\"\" border=0></td>";


echo "</tr>";


echo "<tr>";


echo "<td background=\"$theme_image_path$lframe_sm\" width=$hframe_sm>&nbsp;</font></td>";


echo "<td background=\"$theme_image_path$bg_sideblocks\" bgcolor=\"$bgcolor5\" width=10%><center><img src=\"$theme_image_path$title.gif\" alt=\"$title\" border=0></center><br>";


##


## See above where it says **<img src=\"$theme_image_path$title.gif\" alt=\"$title\" border=0>** ?? You must have gif files with the various


## headings for your side blocks.  Check out the images included with the archive, ie. "Web Hits.gif"


##


echo "<font color=\"$textcolor5\">$content</font></td>";


echo "<td background=\"$theme_image_path$rframe_sm\">&nbsp;</font></td>";


echo "</tr>";


echo "<tr>";


echo "<td width=$wframe_sm height=$hframe_sm><img src=\"$theme_image_path$ll_corner_sm\" alt=\"\" border=0></td>";


echo "<td background=\"$theme_image_path$dframe_sm\" align=center width=100% height=$hframe_sm>&nbsp;</font></td>";


echo "<td width=$wframe_sm height=$hframe_sm><img src=\"$theme_image_path$lr_corner_sm\" alt=\"\" border=0></td>";


echo "</tr>";


echo "</table>";


echo "<br>";


}





?>

this was setup kinda unique i guess and not split up like fisubice. this one has the tables in the theme.php file where fisubice has a seperate table file.
I did notice that some of the blocks can be changed from the blocks file, so merging the info from aom to work in fisubice looks to be a challange.

thank you for any advice and help Smile

Posted: Sun Nov 16, 2008 2:04 pm

Quote:

so merging the info from aom to work in fisubice looks to be a challange.

Indeed! The fisubice theme is the only one left in the RN distribution that continues the practice of having separate html files and eval'ng the code. So the structure is way different from the aom theme. This doesn't make your job impossible but it makes it a lot harder, I think.

I would recommend that you step back and define your objectives a bit more clearly ... at least clearer than you have stated them here. Do you want a fisubice theme with different colors? Or do you want some undefined change(s) to the aom theme? Does the aom theme validate through w3c now or are you going to have a lot of work to do to make that happen?

Posted: Sun Nov 16, 2008 2:28 pm

Hmm, Let me get this right, you want to put the table surrounding graphics into fisubice? And the graphic is a outline? I'm asking this because when I read the readme file it stated that there are other versions.

If so that wouldn't be to difficult. Looks like there are 8 graphics which make up the surround. I would go to the images folder and copy those graphics (I didn't see a copyright on them) or make your own. And construct your surround in fisubice using those graphics. Forget about extracting the code from AOM.

Another way to do it is by creating a table border, say 6 or 7 px wide and define the color value to that. style=\"border: 7px solid #bda897;\"

Posted: Sun Nov 16, 2008 3:51 pm

thats it....
you make it look so easy Smile

i am a trial and error person, would probally forget how to spell my name if i didnt use it so much.

my problem is that the border seems to be called from multi spots! that is why i am confused as to what line to edit or change....from testing i have changed the color and a few other things..but that was making changes to the blocks.html file
So that is why i am having so much trouble, cause i see some changes take effect when I do something in one file, and then i read that I need to look at making changes to the table file and then i see where i need to add something to the theme.php hehehehe

I like the aom theme and the colors that are used, but there is no header and the code is hard to compare with other code to learn where to make changes.
I like fisubice as it is still what most people have worked with the most in RN and i can find alot of info when reading.
So i have been trying to take the style of aom and change fisubice to that look and I have learned alot, but I am about to run out of asprin Sad

so far i have been able to change the background graphic to a gif in the style sheet, it took me 2 weeks and bugging alot of people here Smile

but it is done hehe

So if you dont mind, could you show me where i could incorperate the graphic border into fisubice, and where and what code i would need to add and change.

Most people know that I dont usually ask for anyone to just show me what i need to do, but I am so lost with some of this that i had to color my hair because it was getting to grey.

thank you for your time and help .....I am very greatfull...

Posted: Sun Nov 16, 2008 10:16 pm

List of graphics needed for the Table surround they're all in the images folder.
tl.gif
tr.gif
bl.gif
br.gif
l.gif
r.gif
t.gif
b.gif

The Table surround ... One example ... Note: it is both CSS and XHTML compliant I haven't looked at the fisubice theme but I know it is compliant and maybe using PHP5 not sure though but I will look at it tomorrow (Monday).

echo "<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\"><tr><td>"; // Open the table and wrap it
echo "<img src=\"themes/fisubice/images/tl.gif\" width=\"17\" height=\"17\" alt=\"\" /></td>"; //Top Left Corner Image
echo "<td style=\"background-image: url('themes/fisubice/images/t.gif'); height:17px; width:100%;\"></td>"; // Top Center Background Image
echo "<td><img src=\"themes/fisubice/images/tr.gif\" width=\"17\" height=\"17\" alt=\"\" /></td></tr>"; // Top Right Corner Image
// Wrap and add left background image
echo "<tr><td colspan=\"3\" style=\"background-image: url('themes/fisubice/images/l.gif'); background-repeat: repeat-x; width:17px; height:100%;\"></td>
// The following line adds the Table background image or color
echo "<td style=\"background-image: url('themes/fisubice/images/main_bg.gif'); background-repeat: repeat-x,y; width: 100%; \">";} // Background where the content will go

This is the top and center allowing for a background image where the content goes. The center right side is still open and you'll notice I inserted a colspan=3 which is usually needed to let the sides go from top to bottom. Also, never use border=\"0\' in a xhtml file. Instead use:
img {
border: 0;
}
in your external stylesheet

I'll finish this up tomorrow.

Posted: Mon Nov 17, 2008 12:25 am

papamike:
I will copy those to my image folder and try to insert the code to see what it will do. I have to take my grandson to a few appts and some other running i need to do and not getting to bed until 1am est I will be draggin butt in the morning. But I will try this as soon as I can.

I dont have a couple of questions.

In your examples you use "echo" at the beginning of the line, I figure that is because thats how it was done with the aom theme. but to add this to the "table.html" file none of the info starts with "echo"
If you can look up a few post I posted the code to the "table.html" file so you can see how the table is setup.

I thank you for all the hard work and effort you have done to help me. It is very nice of you to help me with this. You have helped like so many others to make this site great.

Posted: Mon Nov 17, 2008 7:20 am

To answer your echo question, you're correct I coded it like AOM had in it's theme.php file. With a html file all of the 'extra' code would be stripped away. I'll finish this up later today.

Posted: Mon Nov 17, 2008 11:42 am

thanks again.....it lets me know that I can notice some differences hehe thats the hard part about being a "trial and error" person Smile

thanks again for all the help

Posted: Mon Nov 17, 2008 4:18 pm

Here's the code that you should paste into the table.php file to get the effect you are looking for. If you will note I removed the globals, (bgcolor1, bgcolor2) they weren't called up so they weren't needed.

As I said just copy and paste this into the tables.php file replacing what's there now.

Quote:

<?php

function OpenTable(){

echo "<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\"><tr>\n";
echo "<td><img src=\"themes/fisubice/images/tl.gif\" width=\"17\" height=\"17\" alt=\"\" /></td>\n";
echo "<td style=\"background-image: url('themes/fisubice/images/t.gif'); background-repeat: repeat-x; height:17px; width:100%;\"></td>\n";
echo "<td><img src=\"themes/fisubice/images/tr.gif\" width=\"17\" height=\"17\" alt=\"\" /></td></tr>\n";
echo "<tr><td rowspan=\"4\" style=\"background-image: url('themes/fisubice/images/l.gif'); background-repeat: repeat-y; width:17px; height:100%;\"></td>\n";
echo "<td style=\"background-image: url('themes/fisubice/images/main_bg.gif'); background-repeat: repeat-x,y; width:100%; \">\n";}

function OpenTable2() {
global $bgcolor1, $bgcolor2;
echo "<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tr><td style=\"text-align: center;\">\n";
echo "<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\" ><tr><td style=\"text-align: center;\">\n";}

function CloseTable() {
echo "<td style=\"background-image: url('themes/fisubice/images/r.gif'); background-repeat: repeat-y; width:17px; height:100%; \"></td></tr>\n";
echo "<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tr><td><img src=\"themes/fisubice/images/bl.gif\" width=\"17\" height=\"17\" alt=\"\" /></td><td style=\"background-image: url('themes/fisubice/images/m.gif'); background-repeat: repeat-x; height:17px; width:100%;\"></td><td><img src=\"themes/fisubice/images/br.gif\" width=\"17\" height=\"17\" alt=\"\" /></td></tr></table>\n";}

function CloseTable2() {
echo "</td></tr></table></td></tr></table>\n";}

?>

Posted: Tue Nov 18, 2008 12:30 am

papamike:
what i did was open my table.php file and delete everything and then pasted your code in there. I then copied the files over but noticed that in the list you had a few post up that the "b.gif" file is not used but the "m.gif" file was what was used.
Everything seems to work great, the only think i notice is that the border at the bottom is offset.....its like the bottom border is lower by a few pixles, or like 1/16in
So i dont know if I have done anything wrong, i cannot figure out what i may of done.

Next question would be to get the same borders to go around the blocks, should it just be a simular change in the block.html file? I am starting to see a pattern to how you did this but wanted to ask..

again thanks for so much help, i would not even be this far without your help...
thank you

Posted: Tue Nov 18, 2008 7:26 am

I looked for the b.gif file but didn't see it, you should replace m.gif with b.gif that will fix the bottom graphic being out of line.

Yes, the blocks.html is the same but this time you only use html no php. There should be two variables $title and $content.

Posted: Tue Nov 18, 2008 1:39 pm

ok, this is what i am trying, sorry for taking all your time, this has really been a big learning experience.

ok, here is blocks.html file

Code:

<table width="170" border="0" cellspacing="0" cellpadding="7">


  <tr>


    <td><table width="100%" border="0" cellspacing="0" cellpadding="1">


        <tr>


          <td bgcolor="#486386"><table width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#9966FF">


              <tr>


                <td height="27" style="background-image: url(themes/fisubice/images/main_bg.gif)"><table width="100%" border="0" cellspacing="0" cellpadding="4">


                    <tr>


                      <td><font class="block-title"><strong>$title</strong></font></td>


                    </tr>


                  </table></td>


              </tr>


              <tr>


                <td bgcolor="#999999"><table width="100%" border="0" cellspacing="0" cellpadding="4">


                    <tr>


                      <td>$content</td>


                    </tr>


                  </table></td>


              </tr>


              <tr>


                <td height="27" style="background-image: url(themes/fisubice/images/cellpic1.gif)">&nbsp;</td>


              </tr>


            </table></td>


        </tr>


      </table></td>


  </tr>


</table>

now this is what i have been looking at....so far i havnt been able to test yet but since i had a chance to post real quick I wanted to ask advice.

Now taking from the table information, I was going to try and add the border lines to the blocks.html...the two variables are not posted there so that is why i am confused
this line seems to be for the border and color of the border, so i would figure that I would look to replace that line with the graphic information.

Code:

<td bgcolor="#486386"><table width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#9966FF">

and this

Code:

echo "<td><img src=\"themes/fisubice/images/tl.gif\" width=\"17\" height=\"17\" alt=\"\" /></td>\n";


echo "<td style=\"background-image: url('themes/fisubice/images/t.gif'); background-repeat: repeat-x; height:17px; width:100%;\"></td>\n";


echo "<td><img src=\"themes/fisubice/images/tr.gif\" width=\"17\" height=\"17\" alt=\"\" /></td></tr>\n";

now i figured that i could take out the "echo" and just start the line with the <td>

Code:

echo "<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tr><td><img src=\"themes/fisubice/images/bl.gif\" width=\"17\" height=\"17\" alt=\"\" /></td><td style=\"background-image: url('themes/fisubice/images/m.gif'); background-repeat: repeat-x; height:17px; width:100%;\"></td><td><img src=\"themes/fisubice/images/br.gif\" width=\"17\" height=\"17\" alt=\"\" /></td></tr></table>\n";}

ok, bare with me as I am still learning Smile

next i look at the blocks again and see that this line

Code:

<td height="27" style="background-image: url(themes/fisubice/images/main_bg.gif)"><table width="100%" border="0" cellspacing="0" cellpadding="4">

is like a header or title for each block, so i guess that would be the title string?

and next hehehe

Code:

<td bgcolor="#999999"><table width="100%" border="0" cellspacing="0" cellpadding="4">

i think this is more for text color

and last

Code:

<td height="27" style="background-image: url(themes/fisubice/images/cellpic1.gif)">&nbsp;</td>

this line seems to be for the background color of the block.

now the title background i used the same as the main background but I dont know how it will look untill i get the border to show. I may look to change the title color and background color to something else that would work with the main background.

so sorry for the book again, kinda excited.

Posted: Tue Nov 18, 2008 6:13 pm

I looked over your post and can reply in the morning. Kinda tied up this evening. I have a very simple method for building the blocks, I'll pass along to you Wednesday morning.

Posted: Wed Nov 19, 2008 8:47 am

I coded the blocks identical to the tables. It starts with the top three graphic files then there is one 'nested' table which houses the background image and also variables &title and &content. then the bottom images.

Quote:

<table cellspacing="0" cellpadding="0" style="border: 0; width:180px;"><tr><td><img src="themes/fisubice/images/tl.gif" height="17" width="17" alt="" /></td><td style="background-image: url('themes/fisubice/images/t.gif'); background-repeat: repeat-x; width: 100%; height: 17px;"></td><td><img src="themes/fisubice/images/tr.gif" width="17" height="17" alt="" /></td></tr><tr><td style="background-image: url('themes/fisubice/images/l.gif'); background-repeat: repeat-y; width: 17px; height: 100%;"></td><td><table cellspacing="0" cellpadding="0" style="border: 0; width:180px; background-image: url('themes/fisubice/images/main_bg.gif'); background-repeat: repeat-y;"><tr><td><center>$title</center></td></tr><tr><td>$content</td></tr></table><td style="background-image: url('themes/fisubice/images/r.gif'); background-repeat: repeat-y; width: 17px; height: 100%;"></td></tr><tr><td><img src="themes/fisubice/images/bl.gif" width="17" height="17" alt="" /></td><td style="background-image: url('themes/fisubice/images/b.gif'); background-repeat: repeat-x; width: 100%; height: 17px;"></td><td><img src="themes/fisubice/images/br.gif" height="17" width="17" alt="" /></td></tr></table>
<br />

Posted: Wed Nov 19, 2008 9:31 pm

well i dont know what I am doing wrong, i copied and pasted your info and when i pasted it there was only one very long line.
I tried it as it was, and i went and tried to stack them like i would normally see.
it seems that the corners and everything else was there, but the connection of the corners were missing.
I went back and tried to compare with the tables.php file to see what was common and I have had no luck.
I even noticed that there was alot of simular information but not exact...i also noticed that the m.gif was not used, so i dont know if i am just missing something else....

again thank you for helping, i am learning so much Smile

Posted: Wed Nov 19, 2008 9:43 pm

I use IE7 as my browser but have Firefox installed. I haven't looked at it through Firefox yet, is that your browser?

Posted: Thu Nov 20, 2008 11:21 am

Here's what is created with the code I posted for the blocks.

The same image is viewed through either IE7 or Firefox 3.

The m.gif image, I suspect, is used in the news graphic.

Posted: Thu Nov 20, 2008 12:28 pm

i use firefox 3, but i am doing this setup using xampp on a small server with win2003 small buisness edition. I will try to copy and past the info again with explorer and see if it is different, other then that I can pm you my link so you can see what i am working on if that would help.

Posted: Thu Nov 20, 2008 12:46 pm

well I went to what i was testing with firefox and explorer and explorer would show everything correct!
with firefox, for the blocks, all i see are the corners of the blocks...now the table looks fine...
I have tried to make sure the cache is empty, that i force a refresh, and nothing.....dunno
It is really starting to look good with explorer Smile

...i figure that i can use the same thing for the blocks as i would for the news and stuff so i will try that...and then I have...."cough" the header.....hehehe

you have been so much help, thank you so very much....i will try not to abuse you so much if i can from the temptation Smile

Posted: Thu Nov 20, 2008 1:58 pm

Well this didnt take to long...i am tempted again....

This is what I tried to do with these two.

this one i didnt see any results, so i am not sure
story_page.html

Code:

<table cellspacing="0" cellpadding="0" style="border: 0; width:180px;">


<tr><td><img src="themes/fisubice/images/tl.gif" height="17" width="17" alt="" /></td>


<td style="background-image: url('themes/fisubice/images/t.gif'); background-repeat: repeat-x; width: 100%; height: 17px;"></td>


<tr><td><font class="storytitle"><b>$title</b></font><font class="block-title">&nbsp;</font></td></tr>


<td><img src="themes/fisubice/images/tr.gif" width="17" height="17" alt="" /></td></tr>


<tr><td style="background-image: url('themes/fisubice/images/l.gif'); background-repeat: repeat-y; width: 17px; height: 100%;"></td>


<td><table cellspacing="0" cellpadding="0" style="border: 0; width:180px; background-image: url('themes/fisubice/images/main_bg.gif'); background-repeat: repeat-y;">


<tr><td><a href="modules.php?name=News&amp;new_topic=$topic" title="$topictext"><img src="$tipath$topicimage" border="0" alt="$topictext" align="right" hspace="10" vspace="10" /></a>$content</td><tr>


<td><center>$title</center></td></tr><tr><td>$content</td></tr></table>


<td style="background-image: url('themes/fisubice/images/r.gif'); background-repeat: repeat-y; width: 17px; height: 100%;"></td></tr>


<tr><td><img src="themes/fisubice/images/bl.gif" width="17" height="17" alt="" /></td>


<td style="background-image: url('themes/fisubice/images/b.gif'); background-repeat: repeat-x; width: 100%; height: 17px;"></td>


<tr><td nowrap="nowrap"><div align="center"><font class="content">$posted</font><br /></div></td></tr>


<td><img src="themes/fisubice/images/br.gif" height="17" width="17" alt="" /></td></tr></table> 


<br />

but this one, i seen the changes, and well lets say it was close...but no cigar!!!
I am sure you will see what I tried to do, and lets say if you want a really good laugh, let me know.
story_home.html

Code:

<table cellspacing="0" cellpadding="0" style="border: 0; width:100%;">


<tr><td><img src="themes/fisubice/images/tl.gif" height="17" width="17" alt="" /></td>


<td style="background-image: url('themes/fisubice/images/t.gif'); background-repeat: repeat-x; width: 100%; height: 17px;"></td>


<td><img src="themes/fisubice/images/tr.gif" width="17" height="17" alt="" /></td></tr>


<tr><td style="background-image: url('themes/fisubice/images/l.gif'); background-repeat: repeat-y; width: 17px; height: 100%;"></td>


<tr><td><font class="storytitle"><b>$title</b></font><font class="block-title">&nbsp;</font></tr></td>


<td><table cellspacing="0" cellpadding="0" style="border: 0; width:100%; background-image: url('themes/fisubice/images/main_bg.gif'); background-repeat: repeat-y;">


<tr><td><center>$title</center></td></tr><tr><td>$content</td></tr></table>


<td style="background-image: url('themes/fisubice/images/r.gif'); background-repeat: repeat-y; width: 17px; height: 100%;"></td></tr>


<tr><td><img src="themes/fisubice/images/bl.gif" width="17" height="17" alt="" /></td>


<td style="background-image: url('themes/fisubice/images/b.gif'); background-repeat: repeat-x; width: 100%; height: 17px;"></td>


<tr><td ><div align="center"><font class="content">$posted</font><br /><font class="content">$morelink</font></div></tr></td>


<td><img src="themes/fisubice/images/br.gif" height="17" width="17" alt="" /></td></tr></table> 


<br />

now i changed the 180px to 100% and i copied some lines from the original that seem to request for the class file...so i am not for sure..

right now to look at this, i get some of the border...it looks like the text is there and then the title is crunched at the left. so that is no room for the border.
You may see that I tried to figure this out on my own so i wouldnt need to keep bothering you.....so again I am humbled by your help and thank you for any direction you may have.

Posted: Thu Nov 20, 2008 6:23 pm

Yeaaaaa.....

I figured it out Smile

In IE I now have it looking right

With Firefox it still looks messed up...dunno why

I will continue to work on this..... Smile

Posted: Thu Nov 20, 2008 6:26 pm

ok, here's what I came up with. For reference you may want to compare your code against mine to see where your errors are. I don't know your level of knowledge, but you're doing a terrific job here explaining just what you are trying to do and supplying your code which makes things easily workable.

Quote:

<table cellspacing="0" cellpadding="0" style="border: 0; width:100%; background-image: url('themes/fisubice/images/main_bg.gif'); background-repeat: repeat-y,x;"><tr><td><img src="themes/fisubice/images/tl.gif" height="17" width="17" alt="" /></td><td style="background-image: url('themes/fisubice/images/t.gif'); background-repeat: repeat-x; width: 100%; height: 17px;"></td><td><img src="themes/fisubice/images/tr.gif" width="17" height="17" alt="" /></td></tr><tr><td style="background-image: url('themes/fisubice/images/l.gif'); background-repeat: repeat-y; width: 17px; height: 100%;"></td><td width="100%"><center><b>$title</b><br />$content</center></td><td style="background-image: url('themes/fisubice/images/r.gif'); background-repeat: repeat-y; width: 17px; height: 100%;"></td></tr><tr><td><img src="themes/fisubice/images/ml.gif" height="17" width="17" alt="" /></td><td style="background-image: url('themes/fisubice/images/m.gif'); background-repeat: repeat-x; width: 100%; height: 17px;"></td><td><img src="themes/fisubice/images/mr.gif" height="17" width="17" alt="" /></td></tr><tr><td style="background-image: url('themes/fisubice/images/l.gif'); background-repeat: repeat-y; width: 17px; height: 100%;"></td><td width="100%"><center>$posted<br />$morelink</center><br /></td><td style="background-image: url('themes/fisubice/images/r.gif'); background-repeat: repeat-y; width: 17px; height: 100%;"></td></tr><tr><td><img src="themes/fisubice/images/bl.gif" height="17" width="17" alt="" /></td><td style="background-image: url('themes/fisubice/images/b.gif'); background-repeat: repeat-x; width: 100%; height: 17px;"></td><td><img src="themes/fisubice/images/br.gif" height="17" width="17" alt="" /></td></tr></table>
<br />

Here's the image to match the code I quoted.

One tip I might pass along, when working with html keep your code tight. Don't leave any spaces between <td> <tr> or </td> </tr> it will affect the final look and leave spaces within the graphics. Oh yea, the graphics are the same for both home_page and news_page.

It's been great helping you and if you need further assistance along the way please post here or visit me at [ Only registered users can see links on this board! Get registered or login! ] Smile

Posted: Thu Nov 20, 2008 6:49 pm

what i seen that I had done was to take two lines from the original story file...these were the lines that had class in them.
when i used the code you gave me for the blocks, and changed the 180px to 100% and removed the class lines i added, then it worked. I was tickled Smile

for some reason it still does not look right with firefox, but it looks fine with explorer.

Since I am going with a darker theme, i now need to find where to change the font colors for the admin area Smile

......with the fonts being dark when i change to a dark background i cannot see the fonts...I look at the color for bgcolor 1 and 2 but they seem to be for something else. It may be in the style.css but i havnt found it yet!!!!

again thank you for so much help, it has helped me learn alot Smile