Themes

Can't make own template work, please help me :(

Permalink April 14, 2014 at 6:55 AM

I'm a complete concrete5 newbie so please excuse me if this is a silly question, but I have been struggling with it for over a week now :(

I made an own template and integrated the concrete codes and everything. On the first attempt my template could be activated and was there but i couldn't edit the content boxes, which according to my research was due to the fact that i used "position: absolute" and "z-index". So i got rid of all of that, but if I activate my theme now, its just a white blank page.. can anybody tell me where the problem is?

thats my html code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-- Concrete5 Start -->
<?php
   Loader::element('header_required');
?>
<!-- Concrete5 End -->
   <meta http-equiv="Content-Type"    content="text/html; charset=UTF-8" />
   <title>My Website</title>
   <link href="<?php echo $this->getThemePath(); ?>/"stylesheet.css" type="text/css" rel="stylesheet">
</head>
<body>
     <style type="text/css">
body,td,th {

Viewing 15 lines of 48 lines. View entire code block.

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 
 
<!-- Concrete5 Start -->
<?php
   Loader::element('header_required');
?>
<!-- Concrete5 End -->
 
   <meta http-equiv="Content-Type"    content="text/html; charset=UTF-8" />
 
   <title>My Website</title>
 
   <link href="<?php echo $this->getThemePath(); ?>/"stylesheet.css" type="text/css" rel="stylesheet">
 
</head>
 
<body>
     <style type="text/css">
body,td,th {
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #000;
}
   </style>
<div id="wrapper">
 
 
 
  <div id="navbackground">
 
  <div id="line1"></div>
 
  <div id="navbar">
   <p><?php
    $a = new Area('NavTop');
    $a->display($c);
?></p></p></p>
   </div>
    <div id="line2"></div>
    </div>
 
    <div id="logo"><img src=<?php echo $this->getThemePath(); ?>/"Logos-Background/logo.gif" width="304" height="115" />
    </div>
   <div style="clear: both;"></div>  
 
 
 
 
   <div id="leftbackground"><div id="contentleft"> <?php
    $a = new Area('MainContent2');
    $a->display($c);
?> </div></div>
 
    <div id="rightbackground"><div id="main"><?php
   $a = new Area('MainContent');
   $a->display($c);
?></div></div>
 
    <div style="clear: both;"></div>
 
 
<div id="footerbackground"><div id="footer">Copyright (c) 2014  - all rights reserved</div></div>
 
</div>
 
<?php  Loader::element('footer_required'); ?>
</body>
</html>

and thats my css

@charset "UTF-8";
/* CSS Document */
<style type="text/css">
body,td,th {
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #000;
}
body {
   background-image: url(Logos-Background/background.jpg);
}
a:link {
   color: #000;
   text-decoration: none;
}

Viewing 15 lines of 157 lines. View entire code block.

 
@charset "UTF-8";
/* CSS Document */
 
<style type="text/css">
body,td,th {
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #000;
}
body {
   background-image: url(Logos-Background/background.jpg);
}
a:link {
   color: #000;
   text-decoration: none;
}
a:visited {
   text-decoration: none;
   color: #000;
}
a:hover {
   text-decoration: none;
   color: #C03;
}
a:active {
   text-decoration: none;
   color: #C03;
}
 
 
#wrapper {
   margin: 0 auto;
   margin-top: 50px;
   width: 1024px;
   height: 500px;
}
 
 
#logo {
   margin-top: -27px;
   padding-top: 0px;
   float: left;
   width: 372px;
   height: 115px;
}
 
#navbar { 
   margin-top: -8px;
   padding-left: 22px;
   width: 600px;
   height: 60px;
   font-weight: bold;
   font-size: 19px;
   opacity: 1;
}
 
#navbackground {
   float: right;
   margin-right: 25px;
   width: 600px;
   height: 81px;
   background-color: #F6F6F6;
   border-radius: 20px;
   opacity: 0.5;
}
 
#line1 {
   margin-left: 17px;
   margin-top: 15px;
   width: 560px;
   height: 2px;
   background-color: #000000;
}
 
#line2 {
   margin-left: 17px;
   margin-top: -25px;
   width: 560px;
   height: 2px;
   background-color: #000000;
}
 
{
clear:both;
margin-bottom:2px;
}
 
 
 
#contentleft {
   padding-left: 20px;
   padding-top: 15px;
   padding-right:15px;
   line-height: 1.5;
   text-align: justify;
   font-size: 13px;
   width: 550px;
   height: 323px;
   overflow-y: scroll;
   overflow-x: hidden;
 
}
 
#leftbackground {
   margin-top: 40px;
   float: left;
   width: 602px;
   height: 350px;
   z-index: 6;
   left: 28px;
   top: 171px;
   background-color: #F6F6F6;
   border-radius: 20px;
   opacity: 0.5;
}
 
#main {
   padding-left: 20px;
   padding-top: 15px;
   padding-right:15px;
   line-height: 1.5;
   text-align: justify;
   font-size: 13px;
   width: 300px;
   height: 323px;
   z-index: 9;
   left: 674px;
   top: 185px;
   overflow-y: scroll;
}
 
#rightbackground {
   margin-top: 40px;
   margin-right: 25px;
   float: right;
   width: 350px;
   height: 350px;
   z-index: 8;
   left: 665px;
   top: 170px;
   background-color: #F6F6F6;
   border-radius: 20px;
   opacity: 0.5;
}
 
{
clear:both;
margin-bottom:10px;
}
 
#footer {
   padding-top: 8px;
   padding-left: 24px;
   width: 500px;
   height: 25px;
   z-index: 11;
   left: 42px;
   top: 554px;
}
 
#footerbackground {
   margin-top: 24px;
   width: 1000px;
   height: 30px;
   left: 25px;
   top: 545px;
   background-color: #DADADA;
   border-radius: 10px;
   opacity: 0.5;
 
 
#submenuevents {
 
   width: 386px;
   height: 43px;
   left: 709px;
   top: 142px;
   font-size: 14px;
}
 
</style>

thank you very much for your help!

andrewjaff replied on Apr 14, 2014 at 8:03 am Permalink Reply

Can you provide a public url..?

MaggieLine replied on Apr 14, 2014 at 8:04 am Permalink Reply

its not public yet, no, I am working with MAMP its only on the local server yet. :/

andrewjaff replied on Apr 14, 2014 at 8:07 am Permalink Reply

Are you getting any error.? try to clear cache and off all the cache settings.

MaggieLine replied on Apr 14, 2014 at 8:40 am Permalink Reply

thanks I will try that! No there is no error message thats the problem!

ronyDdeveloper replied on Apr 14, 2014 at 8:04 am Permalink Reply

A live link would be better to understand the exact problem.

djoniba replied on Apr 14, 2014 at 8:41 am Permalink Reply

Not an expert, but how is the structure? Do you have header.php in the "elements" folder? What does the code look like?

MaggieLine replied on Apr 14, 2014 at 8:43 am Permalink Reply

my elements folder is empty..

oh my... I feel completely lost! :(

------ edit ----

just realised that in my concrete5.6.3.1 folder there is another folder called concrete, which has similar folders in it, among others elements, which is filled with some files as well.

think that is my problem here do i just need the concrete folder in my htdocs folder?

djoniba replied on Apr 14, 2014 at 10:53 pm Permalink Reply

You dont have to have the elements folder. But the "include Header" code is for that.

MaggieLine replied on Apr 15, 2014 at 5:00 am Permalink Reply 2 Attachments

Ok I cleared the cache and added the footer and header.php in the elements folder

still the site is blank :( I attach a screenshot if thats of any use!

any ideas anyone?

MaggieLine replied on Apr 15, 2014 at 6:12 am Permalink Reply 1 Attachment

If I use my original html and css codes with position absolute , the theme shows up perfectly fine but then again I can't edit the content areas...

I attach a screenshot of the codes when I click on inspect element..

Hope someone can help me I really wanted to use concrete5 but just can't seem to make it work :(

INTcommunications replied on Apr 15, 2014 at 12:58 pm Permalink Best Answer Reply

I think you probably have your theme in the wrong folder. The root of your concrete site will have have folders which you can put things into over ride the core Concrete which is in the folder Concrete. You generally don't put anything into the core concrete folder. I think it is designed this way so you can upgrade your version of Concrete and it won't overwrite any new stuff you have added ( i.e. Blocks, Forms, Config etc. ) If you are building your own theme named MYNEWTHEME- you start with a folder namedMYNEWTHEME and put it in the root themes folder. In that folder you put the stuff that is just related to that theme ( usually css, images for GUI etc. ) but if you build or buy an add-on it gets loaded into the root folders so it will work even if you switch the theme.

In the Elements folder make 2 pages header.php and footer.php

In the header.php - you have to have - <?php Loader::element('header_required');?>
somewhere in the <head> tag

and in footer.php - just before you close your <body> tag
<?php Loader::element('footer_required'); ?>
</body>
</html>

top of your default.php

include everything that repeats for every page in the header - i.e. banner, topnav, search etc. ( stored in your elements/header.php

<?php
defined('C5_EXECUTE') or die(_("Access Denied."));
?>
<?php $this->inc('elements/header.php'); ?>

(
then the stuff that will change for each page ( middle of your page )

Then apply your footer -



<?php $this->inc('elements/footer.php'); ?>

MaggieLine replied on Apr 16, 2014 at 4:39 am Permalink Reply

THANK YOU VERY MUCH!! it works now !! I can finally edit the content areas... so happy right now :) :)

I had a wrong code in my default and view files that was the problem!

Forums

Themes

Can't make own template work, please help me :(

Code

Post Reply

Delete Post

Mark Post as Spam

Destroy Spammer

Sign In?