1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

CMS that allows custom xHTML templates

Discussion in 'Scripts' started by blueparukia, Aug 31, 2007.

  1. #1
    OK, I have a template coded, and just want the ease of using a CMS. So what is a good free script to do that?

    Thanks,

    BP
     
    blueparukia, Aug 31, 2007 IP
  2. junkie

    junkie Peon

    Messages:
    57
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    I think there is no cms that can directly accept custom coded templates directly for you to use.

    But it is relatively simple to integrate your custom coded template into a cms by adding the needed tags into your desired positions.

    A good start would be using Joomla cms (www.joomla.org), this cms is well done, well supported and has lot of extensions for free. Integrating your template is relatively easy if you first understand the concept of joomla templates, best thing is look at code of any template that ships with joomla. This article here explains the structure in best possible way please look at this link http://www.compassdesigns.net/tutorials/joomla-tutorials/joomla-template-tutorial.html
     
    junkie, Aug 31, 2007 IP
  3. Claudek

    Claudek Well-Known Member

    Messages:
    1,379
    Likes Received:
    81
    Best Answers:
    0
    Trophy Points:
    165
    #3
    What CMS features are you after?
    Article management?
    RSS abiliy?
    Multiple Users?
    etc...

    If you want Article/content Management only for eg, SNews should do for you - it works with any template.

    If you decide to go Joomla way, you will most likely need to hire someone to get your template converted into a Joomla compatible one.

     
    Claudek, Aug 31, 2007 IP
  4. blueparukia

    blueparukia Well-Known Member

    Messages:
    1,564
    Likes Received:
    71
    Best Answers:
    7
    Trophy Points:
    160
    #4
    All I want is to add articles. I only want me as a user. Just to save me editing the main HTML to add articles.


    Thanks,

    BP
     
    blueparukia, Aug 31, 2007 IP
  5. blueparukia

    blueparukia Well-Known Member

    Messages:
    1,564
    Likes Received:
    71
    Best Answers:
    7
    Trophy Points:
    160
    #5
    I am applying sNews 1.6 to my custom template  ;D

    However, I have this error:
    Fatal error: Call to undefined function: center() in /home/bezdredg/public_html/index/index.php on line 52

    And my HTML/PHP is:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
    <title>BeZDredge</title><style type="text/css">
    div#container
    {
       position: relative;
       margin-top: 0px;
       margin-left: auto;
       margin-right: auto;
       text-align: left;
    }
    body
    {
       text-align: center;
       margin: 0;
    }
    #nav img {cursor:pointer}
    </style><script type="text/javascript">
    <!--
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }
    
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    }
    
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
    //-->
    </script></head>
    <body bgcolor="#87CEEB" text="#000000" onload="MM_preloadImages('forums2.png','about2.png','contact2.png')">
    
    <div id="container">
    <div id="main1" style="position: absolute; left: 0px; top: 77px; width: 100%; height: 745px;  background:url(m_111a.gif) no-repeat; height:745px" />&nbsp;</div>
    
    
    <img src="back%201.jpg" alt="" align="top" border="0" width="1101" height="140" style="position: absolute; left: 0px; top: 0px; width: 100%; height: 140px; z-index: 0" />
    <center><img src="logo.gif" alt="" align="top" border="0" style="position: relative;top: 9px; z-index: 2" /></center><br /><br /><br /><br /><br /><br /><div id="content" align="center" style="margin-left:150px"><center><?php center(); ?></center></div>
    <div id="nav" style="position: absolute; left: 33px; top: 262px; width: 134px; height: 22px; z-index: 3" align="left">
    
    
    
    
    <a href="http://bezdredge.net/" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','home2.png',0)"><img src="home1.png" alt="home" name="home" width="134" height="22" border="0" id="home" /></a>
     
    </div>
    
    <div id="nav" style="position: absolute; left: 36px; top: 308px; width: 134px; height: 22px; z-index: 4" align="left">
    
    
    <a href="http//bezdredge.net/about.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('about','','about2.png',1)"><img src="about1.png" alt="About" name="about" width="134" height="22" border="0" id="about" /></a>
     
    </div>
    
    <div style="position: absolute; left: 76px; top: 312px; width: 150px; height: 16px; z-index: 5" align="left">
    </div>
    
    <div id="nav" style="position: absolute; left: 36px; top: 353px; width: 134px; height: 22px; z-index: 6" align="left">
    
    
    <a href="http://bezdredge.net/forums" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('forums','','forums2.png',1)"><img src="forums1.png" alt="forums" name="forums" width="134" height="22" border="0" id="forums" /></a>
     
    </div>
    
    <div style="position: absolute; left: 79px; top: 357px; width: 150px; height: 16px; z-index: 7" align="left">
    </div>
    
    <div id="nav" style="position: absolute; left: 36px; top: 401px; width: 134px; height: 22px; z-index: 8" align="left">
    
    
    <a href="http//bezdredge.net/contact.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('contact','','contact2.png',1)"><img src="contact1.png" alt="Contact" name="contact" width="134" height="22" border="0" id="contact" /></a>
     
    </div></div>
    
    
    
     
    <script type="text/javascript">
     
      message     = "Welcome to BezDredge^" +
                    "We hope you enjoy your stay^" +
                    ":D " +
                    "Welcome to BezDredge ...^" +
                    "^"
      scrollSpeed = 25
      lineDelay   = 1500
     
      // Do not change the text below //
     
      txt         = ""
     
      function scrollText(pos) {
        if (message.charAt(pos) != '^') {
          txt    = txt + message.charAt(pos)
          status = txt
          pauze  = scrollSpeed
        }
        else {
          pauze = lineDelay
          txt   = ""
          if (pos == message.length-1) pos = -1
        }
        pos++
        setTimeout("scrollText('"+pos+"')",pauze)
      }
     
      // Unhide --&gt;
    scrollText(0)
      </script>
    
    </body> </html>
    
    Code (markup):

    Please help me :)

    BP
     
    blueparukia, Aug 31, 2007 IP
  6. Claudek

    Claudek Well-Known Member

    Messages:
    1,379
    Likes Received:
    81
    Best Answers:
    0
    Trophy Points:
    165
    #6
    You may want to read the readme file that comes with the files. Also get this pdf - http://www.solucija.com/docs/sNews-Tips_and_Tricks.pdf

    I say this because one of the first things you need to do is to have this
    under the <head> markup and your code does not show that.
     
    Claudek, Aug 31, 2007 IP
  7. blueparukia

    blueparukia Well-Known Member

    Messages:
    1,564
    Likes Received:
    71
    Best Answers:
    7
    Trophy Points:
    160
    #7
    blueparukia, Sep 1, 2007 IP
  8. Claudek

    Claudek Well-Known Member

    Messages:
    1,379
    Likes Received:
    81
    Best Answers:
    0
    Trophy Points:
    165
    #8
    There is something in your stylesheet messing it up, when I turn your CSS off, it works fine.

    Anyway, try pressing the tab key on your keyboard. It should give you box access (tested with IE6 and Opera)
     
    Claudek, Sep 1, 2007 IP
  9. blueparukia

    blueparukia Well-Known Member

    Messages:
    1,564
    Likes Received:
    71
    Best Answers:
    7
    Trophy Points:
    160
    #9
    Well, I'll check out the stylesheet. Its the same issue with the links in the admin area as well,

    Thanks,

    BP
     
    blueparukia, Sep 1, 2007 IP
  10. Claudek

    Claudek Well-Known Member

    Messages:
    1,379
    Likes Received:
    81
    Best Answers:
    0
    Trophy Points:
    165
    #10
    It looks to be this CSS that is causing it. Perhaps someone here with good CSS skills can tell what if anythign is wrong with it:
     
    Claudek, Sep 1, 2007 IP
  11. blueparukia

    blueparukia Well-Known Member

    Messages:
    1,564
    Likes Received:
    71
    Best Answers:
    7
    Trophy Points:
    160
    #11
    Well, I ill post the whole code, I am pretty good at CSS, but I didn't code this template, and there may be something hidden it it:
    <div id="main1" style="position: absolute; left: 0px; top: 77px; width: 100%; height: 745px;  background:url(m_111a.gif) no-repeat; height:745px" />&nbsp;</div>
    Code (markup):
    <style type="text/css">
    div#container
    {
       position: relative;
       margin-top: 0px;
       margin-left: auto;
       margin-right: auto;
       text-align: left;
    }
    body
    {
       text-align: center;
       margin: 0;
    }
    #nav img {cursor:pointer}
    </style>
    Code (markup):

    Thanks for all your help Claudek :)

    BP
     
    blueparukia, Sep 1, 2007 IP