[Theme] YaBB SE Converter (on the fly)

Started by [Unknown], September 18, 2004, 08:32:07 PM

Previous topic - Next topic

[Unknown]

Okay, I know sometimes people say the new templating system is hard.  They say, YaBB SE's was easier.

Okay.  You can use YaBB SE's then.  Attached - just upload the files into whatever directory you want under Themes, install it with Theme and Layout Settings, and then modify the template.php (which should be found in the Themes directory, usually "Themes/yabbse/template.php") all you want.  Included is the template.php from YaBB SE 1.5.0, I believe.

For SMF 1.0:
yabbse-template.tar.gz (120 KB)

For SMF 1.1:
yabbse-template.tar.gz (28 KB)

Please use the above link to download, not the below link - that is an older version.

-[Unknown]

Vedm

Thank you, thank you very much!

Spent a few hours modifying my old template.php's font style settings, but the result was amazing - now it all looks just like my old slightly modded SE theme. Woohoo!
;)
My Forum runs under SMF 1.0 RC1

Vedm

Found one bug in YaBB Themer - when replying to someone's post, javascript functions for 'smiles/code inserting' and 'additional options expanding' aren't working. :(

How to fix that?
My Forum runs under SMF 1.0 RC1

[Unknown]

You might have to edit the template slightly to include the correct JavaScript. (from Themes/default/script.js..)

-[Unknown]

Vedm

But I don't understand, what isn't correct there. What in particular should I fix?

Below is my old template.php file from YaBB SE forum.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html><head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
  <meta content="<yabb title>" name="description" />
  <meta content="PHP, MySQL, bulletin, board, free, open, source, yabb, yet, another, SE" name="keywords" />
  <meta content="mshtml 6.00.2600.0" name="generator" />
  <title><yabb title></title>
<style type="text/css">
<!--
/* General layout */
A:link        { text-decoration: none; color: Gray; }
A:visited     { text-decoration: none; color: #3399cc; }
A:hover       { text-decoration: none; color: #0099ff; }
body {scrollbar-face-color: White;
scrollbar-track-color:White;
scrollbar-highlight-color: #AFC6DB; ;
scrollbar-shadow-color: #AFC6DB; ;
scrollbar-3dlight-color: White;
scrollbar-darkshadow-color: White;
scrollbar-arrow-color: #AFC6DB;
background-color:White;}
text          { font-family: verdana, arial, helvetica, serif; font-size: 11px; }
TD            { font-family: verdana, arial, helvetica, serif; color: #000000; font-size: 11px; }
input         { background-color: #DEE7EF; font-family: verdana, arial, helvetica, serif; font-size: 9px; color: #000000; }
textarea      { background-color: #DEE7EF; font-family: verdana, arial, helvetica, serif; font-size: 9px; color: #000000; }
select        { background-color: #AFC6DB; font-family: verdana, arial, helvetica, serif; font-size: 9px; color: #000000; }
.copyright    { font-family: verdana, arial, helvetica, serif; font-size: 10px; }

/* YaBB navigation links */
.nav          { font-size: 13px; font-family: verdana, arial, helvetica, serif; text-decoration: none; color: #6394BD; }
.nav:link     { font-size: 13px; font-family: verdana, arial, helvetica, serif; text-decoration: none; color: #6394BD; }
.nav:visited  { font-size: 13px; font-family: verdana, arial, helvetica, serif; text-decoration: none; color: #6394BD; }
.nav:hover    { font-size: 13px; font-family: verdana, arial, helvetica, serif; text-decoration: none; color: #6394BD; text-decoration: underline; }

/* YaBB alternating bgcolors */
.windowbg     { background-color: #AFC6DB; font-size: 12px; font-family: verdana, arial, helvetica, serif; color: #000000; }
.windowbg2    { background-color: #F8F8F8; font-size: 12px; font-family: verdana, arial, helvetica, serif; color: #000000; }
.windowbg3    { background-color: #6394BD; font-size: 12px; font-family: verdana, arial, helvetica, serif; color: #000000; }

/* Misc./title/category colors */
.hr           { color: #6394BD; font-family: verdana, arial, helvetica, serif; }
.titlebg      { background-color: #6E94B7; font-family: verdana, arial, helvetica, serif; color: #FFFFFF; }
.text1        { font-style: normal; font-family: verdana, arial, helvetica, serif; font-weight: bold; font-size: 12px; color: #FFFFFF; }
.catbg        { background-color: #DEE7EF; color: #000000; font-family: verdana, arial, helvetica, serif; font-weight: bold; font-size: 13px; }
.bordercolor  { background-color: #6394BD; font-family: verdana, arial, helvetica, serif; }

/* Image fonts */
.imgbg        { font-style: normal; font-family: verdana, arial, helvetica, serif; font-size: 10px; color: #005177; }
.imgcatbg     { font-style: normal; font-family: verdana, arial, helvetica, serif; font-size: 10px; color: #005177; font-weight: bold; }
.imgtitlebg   { font-style: normal; font-family: verdana, arial, helvetica, serif; font-size: 10px; color: #FFFFFF;  font-weight: bold; }
.imgwindowbg  { font-style: normal; font-family: verdana, arial, helvetica, serif; font-size: 9px; color: #005177; }
.imgmenu      { font-style: normal; font-family: verdana, arial, helvetica, serif; font-size: 11px; color: #D4AD00; font-weight: bold; letter-spacing: 0.1em; }

/* Post quote/code colors */
.quote        { font-size: 10px; font-family: verdana, arial, helvetica, serif; color: #000000; background-color: #DEE7EF; }
.code         { font-size: 10px; font-family: verdana, arial, helvetica, serif; color: #000000; background-color: #CCCCCC; }
-->
</style>
</head><body text="#000000" link="#0033ff" bgcolor="#f5f5f5">
<!--begin of Rambler's Top100 code -->
<a href="http://top100.rambler.ru/top100/">
<img src="http://counter.rambler.ru/top100.cnt?402554" alt="" width=1 height=1 border=0></a>
<!--end of Top100 code-->
<table class="bordercolor" cellspacing="0" cellpadding="0" width="90%" align="center" bgcolor="#6394bd" border="0">
  <tr>
    <td>
      <table class="bordercolor" cellspacing="1" cellpadding="0" width="100%"  align="center" bgcolor="#6394bd" border="0">
        <tr>
          <td>

    <table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#37527f">
      <tr>
        <td valign="middle" bgcolor="#37527f"><font size="2"><yabb uname><yabb im><br /><yabb time></font></td>
        <td align="RIGHT" valign="MIDDLE"><a href="http://www.eglador.info"><img src="http://eglador.info/logo2.gif" alt="www.eglador.Info" border="0"></a>
        </td>
      </tr>
    </table>

          </td>
        </tr><tr valign="middle" align="center" bgcolor="#b7bbda">
          <td bgcolor="#afc6db" class="windowbg2"><font size="1"><yabb menu></font></td>
        </tr>
        <tr>
          <td width="100%" bgcolor="#ffffff" height="24" class="windowbg2">&nbsp;<yabb news></td>
        </tr>
      </table>
    </td>
  </tr>
</table>
<br>
<table class="bordercolor" cellspacing="1" cellpadding="0" width="90%" align="center" bgcolor="#6394bd" border="0">
        <tr>
          <td>
<table cellspacing="0" cellpadding="10" width="100%" align="center" bgcolor="#ffffff" border="0">
              <tr>
                <td valign="top" width="100%">
<p align="center"><a href="http://www.sjgames.com/munchkin" target="_blank"><img src="http://www.sjgames.com/wallpaper/img/munchkin.gif" border="0"></a></p>
</td></tr></table></td></tr></table>
<br>
<table class="bordercolor" cellspacing="0" cellpadding="0" width="90%" align="center" bgcolor="#6394bd" border="0">
  <tr>
    <td>
      <table class="bordercolor" cellspacing="1" cellpadding="0" width="100%" align="center" bgcolor="#6394bd" border="0">
        <tr>
          <td>
            <table cellspacing="0" cellpadding="10" width="100%" align="center" bgcolor="#ffffff" border="0">
              <tr>
                <td valign="top" width="100%">
                  <yabb main>
                </td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
<table cellspacing="0" cellpadding="0" width="90%" align="center" border="0">
  <tr>
    <td nowrap="nowrap" align="right"><yabb VBStyleLogin></td>
  </tr>
</table>
<br>
<table class="bordercolor" cellspacing="0" cellpadding="0" width="90%" align="center" bgcolor="#6394bd" border="0">
  <tr>
    <td>
      <table class="bordercolor" cellspacing="1" cellpadding="0" width="100%" align="center" bgcolor="#6394bd" border="0">
        <tr>
          <td>
            <table cellspacing="0" cellpadding="3" width="100%" bgcolor="#ffffff" border="0">
              <tr>
                <td valign="middle" align="right" width="25%" bgcolor="#ffffff">
                  <a href="http://www.mysql.com/"><img height="31" alt="Powered by MySQL" src="YaBBImages/mysql.gif" width="88" border="0" /></a>
                  <a href="http://www.php.net/"><img height="31" alt="Powered by PHP" src="YaBBImages/php.gif" width="88" border="0" /></a>
                </td>
                <td valign="middle" align="center" width="50%" bgcolor="#ffffff"><yabb copyright></td>
                <td valign="middle" align="left" width="25%" bgcolor="#ffffff">
                  <a href="http://validator.w3.org/check/referer"><img height="31" alt="Valid XHTML 1.0!" src="YaBBImages/valid-xhtml10.gif" width="88" border="0" /></a>
                  <a href="http://jigsaw.w3.org/css-validator/check/referer"><img height="31" alt="Valid CSS!" src="YaBBImages/vcss.gif" width="88" border="0" /></a>
                </td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
</body>
</html>
My Forum runs under SMF 1.0 RC1

Tristan Perry

Quote from: Vedm on September 21, 2004, 01:01:00 PM
But I don't understand, what isn't correct there. What in particular should I fix?

Below is my old template.php file from YaBB SE forum.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html><head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
  <meta content="<yabb title>" name="description" />
  <meta content="PHP, MySQL, bulletin, board, free, open, source, yabb, yet, another, SE" name="keywords" />
  <meta content="mshtml 6.00.2600.0" name="generator" />
  <title><yabb title></title>
<style type="text/css">
<!--
/* General layout */
A:link        { text-decoration: none; color: Gray; }
A:visited     { text-decoration: none; color: #3399cc; }
A:hover       { text-decoration: none; color: #0099ff; }
body {scrollbar-face-color: White;
scrollbar-track-color:White;
scrollbar-highlight-color: #AFC6DB; ;
scrollbar-shadow-color: #AFC6DB; ;
scrollbar-3dlight-color: White;
scrollbar-darkshadow-color: White;
scrollbar-arrow-color: #AFC6DB;
background-color:White;}
text          { font-family: verdana, arial, helvetica, serif; font-size: 11px; }
TD            { font-family: verdana, arial, helvetica, serif; color: #000000; font-size: 11px; }
input         { background-color: #DEE7EF; font-family: verdana, arial, helvetica, serif; font-size: 9px; color: #000000; }
textarea      { background-color: #DEE7EF; font-family: verdana, arial, helvetica, serif; font-size: 9px; color: #000000; }
select        { background-color: #AFC6DB; font-family: verdana, arial, helvetica, serif; font-size: 9px; color: #000000; }
.copyright    { font-family: verdana, arial, helvetica, serif; font-size: 10px; }

/* YaBB navigation links */
.nav          { font-size: 13px; font-family: verdana, arial, helvetica, serif; text-decoration: none; color: #6394BD; }
.nav:link     { font-size: 13px; font-family: verdana, arial, helvetica, serif; text-decoration: none; color: #6394BD; }
.nav:visited  { font-size: 13px; font-family: verdana, arial, helvetica, serif; text-decoration: none; color: #6394BD; }
.nav:hover    { font-size: 13px; font-family: verdana, arial, helvetica, serif; text-decoration: none; color: #6394BD; text-decoration: underline; }

/* YaBB alternating bgcolors */
.windowbg     { background-color: #AFC6DB; font-size: 12px; font-family: verdana, arial, helvetica, serif; color: #000000; }
.windowbg2    { background-color: #F8F8F8; font-size: 12px; font-family: verdana, arial, helvetica, serif; color: #000000; }
.windowbg3    { background-color: #6394BD; font-size: 12px; font-family: verdana, arial, helvetica, serif; color: #000000; }

/* Misc./title/category colors */
.hr           { color: #6394BD; font-family: verdana, arial, helvetica, serif; }
.titlebg      { background-color: #6E94B7; font-family: verdana, arial, helvetica, serif; color: #FFFFFF; }
.text1        { font-style: normal; font-family: verdana, arial, helvetica, serif; font-weight: bold; font-size: 12px; color: #FFFFFF; }
.catbg        { background-color: #DEE7EF; color: #000000; font-family: verdana, arial, helvetica, serif; font-weight: bold; font-size: 13px; }
.bordercolor  { background-color: #6394BD; font-family: verdana, arial, helvetica, serif; }

/* Image fonts */
.imgbg        { font-style: normal; font-family: verdana, arial, helvetica, serif; font-size: 10px; color: #005177; }
.imgcatbg     { font-style: normal; font-family: verdana, arial, helvetica, serif; font-size: 10px; color: #005177; font-weight: bold; }
.imgtitlebg   { font-style: normal; font-family: verdana, arial, helvetica, serif; font-size: 10px; color: #FFFFFF;  font-weight: bold; }
.imgwindowbg  { font-style: normal; font-family: verdana, arial, helvetica, serif; font-size: 9px; color: #005177; }
.imgmenu      { font-style: normal; font-family: verdana, arial, helvetica, serif; font-size: 11px; color: #D4AD00; font-weight: bold; letter-spacing: 0.1em; }

/* Post quote/code colors */
.quote        { font-size: 10px; font-family: verdana, arial, helvetica, serif; color: #000000; background-color: #DEE7EF; }
.code         { font-size: 10px; font-family: verdana, arial, helvetica, serif; color: #000000; background-color: #CCCCCC; }
-->
</style>
</head><body text="#000000" link="#0033ff" bgcolor="#f5f5f5">
<!--begin of Rambler's Top100 code -->
<a href="http://top100.rambler.ru/top100/">
<img src="http://counter.rambler.ru/top100.cnt?402554" alt="" width=1 height=1 border=0></a>
<!--end of Top100 code-->
<table class="bordercolor" cellspacing="0" cellpadding="0" width="90%" align="center" bgcolor="#6394bd" border="0">
  <tr>
    <td>
      <table class="bordercolor" cellspacing="1" cellpadding="0" width="100%"  align="center" bgcolor="#6394bd" border="0">
        <tr>
          <td>

    <table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#37527f">
      <tr>
        <td valign="middle" bgcolor="#37527f"><font size="2"><yabb uname><yabb im><br /><yabb time></font></td>
        <td align="RIGHT" valign="MIDDLE"><a href="http://www.eglador.info"><img src="http://eglador.info/logo2.gif" alt="www.eglador.Info" border="0"></a>
        </td>
      </tr>
    </table>

          </td>
        </tr><tr valign="middle" align="center" bgcolor="#b7bbda">
          <td bgcolor="#afc6db" class="windowbg2"><font size="1"><yabb menu></font></td>
        </tr>
        <tr>
          <td width="100%" bgcolor="#ffffff" height="24" class="windowbg2">&nbsp;<yabb news></td>
        </tr>
      </table>
    </td>
  </tr>
</table>
<br>
<table class="bordercolor" cellspacing="1" cellpadding="0" width="90%" align="center" bgcolor="#6394bd" border="0">
        <tr>
          <td>
<table cellspacing="0" cellpadding="10" width="100%" align="center" bgcolor="#ffffff" border="0">
              <tr>
                <td valign="top" width="100%">
<p align="center"><a href="http://www.sjgames.com/munchkin" target="_blank"><img src="http://www.sjgames.com/wallpaper/img/munchkin.gif" border="0"></a></p>
</td></tr></table></td></tr></table>
<br>
<table class="bordercolor" cellspacing="0" cellpadding="0" width="90%" align="center" bgcolor="#6394bd" border="0">
  <tr>
    <td>
      <table class="bordercolor" cellspacing="1" cellpadding="0" width="100%" align="center" bgcolor="#6394bd" border="0">
        <tr>
          <td>
            <table cellspacing="0" cellpadding="10" width="100%" align="center" bgcolor="#ffffff" border="0">
              <tr>
                <td valign="top" width="100%">
                  <yabb main>
                </td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
<table cellspacing="0" cellpadding="0" width="90%" align="center" border="0">
  <tr>
    <td nowrap="nowrap" align="right"><yabb VBStyleLogin></td>
  </tr>
</table>
<br>
<table class="bordercolor" cellspacing="0" cellpadding="0" width="90%" align="center" bgcolor="#6394bd" border="0">
  <tr>
    <td>
      <table class="bordercolor" cellspacing="1" cellpadding="0" width="100%" align="center" bgcolor="#6394bd" border="0">
        <tr>
          <td>
            <table cellspacing="0" cellpadding="3" width="100%" bgcolor="#ffffff" border="0">
              <tr>
                <td valign="middle" align="right" width="25%" bgcolor="#ffffff">
                  <a href="http://www.mysql.com/"><img height="31" alt="Powered by MySQL" src="YaBBImages/mysql.gif" width="88" border="0" /></a>
                  <a href="http://www.php.net/"><img height="31" alt="Powered by PHP" src="YaBBImages/php.gif" width="88" border="0" /></a>
                </td>
                <td valign="middle" align="center" width="50%" bgcolor="#ffffff"><yabb copyright></td>
                <td valign="middle" align="left" width="25%" bgcolor="#ffffff">
                  <a href="http://validator.w3.org/check/referer"><img height="31" alt="Valid XHTML 1.0!" src="YaBBImages/valid-xhtml10.gif" width="88" border="0" /></a>
                  <a href="http://jigsaw.w3.org/css-validator/check/referer"><img height="31" alt="Valid CSS!" src="YaBBImages/vcss.gif" width="88" border="0" /></a>
                </td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
</body>
</html>

Put that into the 'template.php' file.

Vedm

Err... That code IS from my template.php file, of course if you haven't altered it in your quote. At least I don't see any difference... :)

Please be more specific. If you have added/replaced anything, please explain.
My Forum runs under SMF 1.0 RC1

Tristan Perry

Quote from: Vedm on September 21, 2004, 02:22:47 PM
Err... That code IS from my template.php file, of course if you haven't altered it in your quote. At least I don't see any difference... :)

Please be more specific. If you have added/replaced anything, please explain.
Oh right sorry! I thought that that might work..I'm not sure then, sorry.

Vedm

[Unknown], I've found what is incorrect in your package.

The problem was in two files.

First, open the 'template.php' and replace
Quote  <meta content="mshtml 6.00.2600.0" name="generator" />
with
Quote  <meta content="mshtml 6.00.2600.0" name="generator" />
  <script language="JavaScript" type="text/javascript" src="<yabb defaulturl>/script.js"></script>
  <script language="JavaScript" type="text/javascript">
<!--
      var smf_theme_url = "<yabb themeurl>";
      var smf_images_url = "YaBBImages";
// -->
  </script>

Then, open the 'index.template.php' file and replace
Quote
   $string = strtr($string, array('YaBBImages/' => $settings['images_url'] . '/'));

   $string = strtr($string, array(
      '<yabb title>' => $context['page_title'],
      '<yabb position>' => $context['page_title'],
      '<yabb boardname>' => $context['forum_name'],
      '<yabb uname>' => $yyuname,
      '<yabb im>' => $yyim,
      '<yabb time>' => $context['current_time'],
      '<yabb news>' => '<b>' . $txt[102] . ':</b> ' . $context['random_news_line'],
      '.titlebg' => '.titlebg, tr.titlebg td, .titlebg a:link, .titlebg a:visited, .titlebg a:hover'
   ));
with
Quote$string = strtr($string, array('YaBBImages' => $settings['images_url']));

   $string = strtr($string, array(
      '<yabb title>' => $context['page_title'],
      '<yabb position>' => $context['page_title'],
      '<yabb boardname>' => $context['forum_name'],
      '<yabb uname>' => $yyuname,
      '<yabb im>' => $yyim,
      '<yabb time>' => $context['current_time'],
      '<yabb news>' => '<b>' . $txt[102] . ':</b> ' . $context['random_news_line'],
      '<yabb defaulturl>' => $settings['default_theme_url'],
      '<yabb themeurl>' => $settings['theme_url'],
      '.titlebg' => '.titlebg, tr.titlebg td, .titlebg a:link, .titlebg a:visited, .titlebg a:hover'
   ));


It should be allright with JS after that.

Thanks and keep up the great work!
My Forum runs under SMF 1.0 RC1

David

This space for rent.

[Unknown]

Try the attached - the idea is to work with any YaBB SE template.php, not to require modification.

-[Unknown]

Vedm

Yeah, this one seems to be the right solution for keeping old themes when upgrading from YaBB SE. Looking forward to see it in SMF Release version.
Thanks again, [Unknown]!
My Forum runs under SMF 1.0 RC1

M70

I just have found this, it may be helpful to change templates without giving you a headache.

http://www.alnabri.net/yabbsetg/




kackoraptor

I use YABB SE theme. But now, I don't see any POP-UP message, when there is a new message in my inbox. What's wrong??

thanx

[Unknown]


Claire

I just converted from Yabbse to 1.0.5  and happy to see this :)

I run a pet rescue type forum & I often change the area under user online & above the footer.

thank you!

and ditto Vedm it would be nice to have it included in future smf releases.

Shepherdess

excuse the dumb question but what do I do with the tar.gz file? How do I take it from the compressed file to uploading what I assume is inside of it to my web?

thardferr

hmm can anyone gimme a quick walkthrough on how to convert proboard templates to work with my SMF?

DAB Empire

How do you add links to "unread posts" and "unread replies" using this?

Advertisement: