WebsiteBaker Community Forum
WebsiteBaker Support (2.8.x) => Templates, Menus & Design => Topic started by: Max C. on June 07, 2009, 08:17:18 AM
-
Ok guys, its me again :P
Well, I've been working aroung with a few things and I really love this software!! It is amazing :D
Ok... now my problem. I am trying to create a new template for my site. It should look like this: http://solidcorruption.com
Instead it looks like this: http://crossfyr.com
I honestly don't know what the problem is, or could be =/
I have no intentions of putting this theme in the archives or whatever its called, I just want to use it for my own site.
Here are the codes that I have up, please correct them if I've made a mistake:
Index.php
<?php
// $Id: index.php 691 2008-02-10 13:17:15Z doc $
/*
WebsiteBaker Project <http://www.WebsiteBaker.org/>
Copyright (C) 2004-2008, Ryan Djurovich
WebsiteBaker is free software; you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation; either version 2 of the License, or
(at your option) any later version.
WebsiteBaker is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with WebsiteBaker; if not, write to the Free Software
Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
*/
if(!defined('WB_URL')) {
header('Location: ../index.php');
exit(0);
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title><?php page_title(); ?></title>
<meta http-equiv="Content-Type" content="text/html; charset=<?php if(defined('DEFAULT_CHARSET')) { echo DEFAULT_CHARSET; } else { echo 'utf-8'; }?>" />
<meta name="keywords" content="<?php page_keywords(); ?>" />
<meta name="description" content="<?php page_description(); ?>" />
<link href="<?php echo TEMPLATE_DIR; ?>/screen.css" rel="stylesheet" type="text/css" media="screen" />
<?php
// this allows to include the optional module files (frontend.css, frontend.js) into the head section
if(function_exists('register_frontend_modfiles')) {
register_frontend_modfiles('css');
register_frontend_modfiles('js');
} ?>
<?php
// this allows to add custom information to the head section of your template (WB-->Settings-->Website Header)
echo WEBSITE_HEADER;
?>
</head>
<body>
<div id="header">
</div>
<div id="menu">
<?php if(SHOW_MENU) { /* Only shown menu if we need to */ ?>
Menu: <br />
<?php show_menu(); ?>
<?php } ?>
<?php if(SHOW_SEARCH) { /* Only show search box if search is enabled */ ?>
</div>
<div id="content">
<div id="colOne">
<h2>Search</h2>
<br />
<form name="search" action="<?php echo WB_URL; ?>/search/index.php" method="get">
<input type="text" name="string" style="width: 100%;" />
<input type="submit" name="submit" value="<?php echo $TEXT['SEARCH']; ?>" style="width: 100%;" />
</form>
<?php } ?>
<br />
<a href="http://www.WebsiteBaker.org" target="_blank">Powered by <br /> WebsiteBaker</a>
</div>
<div id="colTwo">
<?php page_content(); ?>
</div>
<div id="colThree">
<h2>Google Ads</h2>
<script type="text/javascript"><!--
google_ad_client = "pub-5181234032780060";
/* SCsidebar ad */
google_ad_slot = "0590794784";
google_ad_width = 120;
google_ad_height = 240;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<div style="clear: both;"> </div>
</div>
<div id="footer">
<?php page_footer(); ?>
</div>
</body>
</html>
Screen.css
/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/
body {
margin: 11px 0 0 0;
padding: 0;
background: #000000 url(images/img1.gif) repeat-x;
font: normal small Arial, Helvetica, sans-serif;
color: #999999;
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
text-transform: uppercase;
letter-spacing: .2em;
color: #000000;
}
p, ul, ol, blockquote {
margin-top: 0;
line-height: 160%;
}
a {
text-decoration: none;
color: #9ED738;
}
a:hover {
text-decoration: underline;
}
/* Header */
#header {
width: 720px;
height: 161px;
margin: 0 auto;
background: url(images/img2_copy.png) no-repeat;
}
#header * {
text-decoration: none;
text-align: center;
color: #000000;
}
#header h1 {
padding-top: 55px;
font-size: 3em;
}
#header h2 {
font-size: 1.2em;
}
/* Menu */
#menu {
width: 720px;
height: 55px;
margin: 0 auto;
}
#menu ul {
margin: 0;
padding: 0;
list-style: none;
line-height: normal;
}
#menu li {
display: inline;
}
#menu a {
display: block;
float: left;
width: 142px;
height: 21px;
padding: 7px 1px 0 1px;
background: url(images/img3.gif) no-repeat center center;
text-align: center;
text-decoration: none;
text-transform: uppercase;
letter-spacing: .2em;
font-size: x-small;
font-weight: bold;
color: #CCCCCC;
}
#menu a:hover, #menu .active a {
background-image: url(images/img4.gif);
color: #FFFFFF;
}
/* Content */
#content {
width: 720px;
margin: 0 auto;
}
#colOne {
float: left;
width: 160px;
}
#colTwo {
float: left;
width: 360px;
padding: 0 20px;
}
#colThree {
float: left;
width: 160px;
}
/* Content Elements */
#content h2 {
height: 21px;
margin-bottom: 20px;
padding: 9px 0 0 10px;
background: url(images/img6.gif);
letter-spacing: normal;
font-size: .9em;
}
#content h3 {
text-transform: uppercase;
letter-spacing: normal;
font-size: x-small;
color: #FFFFFF;
}
#content ul {
margin-left: 0;
padding-left: 0;
list-style: square inside;
}
/* Footer */
#footer {
height: 70px;
padding: 7px 0 0 0;
background: url(images/img5.gif) repeat-x;
}
#footer * {
color: #000000;
}
#footer p {
text-align: center;
font-size: smaller;
}
Info.php
<?php
// $Id: info.php 519 2007-12-23 14:37:02Z Ruebenwurzel $
/*
WebsiteBaker Project <http://www.WebsiteBaker.org/>
Copyright (C) 2004-2008, Ryan Djurovich
WebsiteBaker is free software; you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation; either version 2 of the License, or
(at your option) any later version.
WebsiteBaker is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with WebsiteBaker; if not, write to the Free Software
Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
*/
$template_directory = 'element';
$template_name = 'Primitive Element';
$template_version = '1.0';
$template_platform = '2.6.x';
$template_author = 'Max Cosme';
$template_license = 'GNU General Public License';
$template_description = 'This template is designed for Solid Corruption, the website. It was translated by the free web template, Primitive Element on freecsstemplates.com.';
?>
I am not familiar with php, so any help here would be appreciated. ;)
Max
-
Hi Max,
I think the main problem are missing images of your original design. Just put the images folder from the old layout inside the template dir.
regards
Michael
-
Hi
you have to modify all the paths to the right image folder like:
background:transparent url(../images/img2_copy.png) instead of
background:transparent url(images/img2_copy.png) as you did in your css file.
That should do the trick.
rgds
erpe
-
Hi erpe,
I think including the images in the template is the nicer way because they belong to the template and not to the site.
If you change the path, I think it should look like
background:transparent url(../../images/img2_copy.png)
to work in the given environment because the images folder is in the root directory not in /templates
regards
Michael
-
I think including the images in the template is the nicer way because they belong to the template and not to the site.
Yes, you are right.
But this was the fastest way to get images shown............ :-D because the images are there right now.
Normally all my templates have the structure:
index.php
info.php
folder css
folder img
But someone else will do it in another way. It depends also on the numbers of css and img files.
rgds
erpe
-
Thank you guys for the help. I've just a few more questions though:
1) How do I get the menu bar here, http://crossfyr.com/pages/killbunny/bens/bens-pack-1/death-by-nailgun.php to look like the one here: http://crossfyr.com/pages/killbunny/bens/bens-pack-1.php ? Both menus are on the left side.
2) How can I display youtube videos with WB?
3) How can I center the footer, and change the text color, here: http://crossfyr.com
Thanks ;)
Max
-
Hi Max,
I don't know what you mean with your first point. At AMASP there is a droplet (http://www.websitebakers.com/pages/droplets/about-droplets.php) about Youtube (http://www.websitebakers.com/pages/droplets/official-library/images/youtube.php) and also a module (http://www.websitebakers.com/pages/modules/listings/various/insert-youtube.php). You can format the footer in the CSS-File of your template.
regards
Michael
-
Thanks for the latter two points ;)
As for the first, I meant that in one of the two links, the sub menus are visibly submenus with the indention. On the other, the sbmenus are just list under the parent one. How can I fix that?
-
Hi Max,
you have to build the menu with show_menu or show_menu2 (the latter has more options) in your index.php to get the links you want. Then you can style the output in the corresponding css file.
regards
Michael
-
Hi Max,
you have to build the menu with show_menu or show_menu2 (the latter has more options) in your index.php to get the links you want. Then you can style the output in the corresponding css file.
regards
Michael
I'm not sure I follow... =/
Could you edit the index.php in the first post to show what you mean?
-
Hi Max,
the show_menu call in your index.php looks good, so you now have to layout the lists you get by css. The submenus can not be seen at the moment because their pages have a different template.
regards
Michael
-
Hi Max C.,
don't know, if it's only my opinion. But don't you think, the grafic in your signature is a little bit too small :wink: :wink: :wink: for a signature in a forum?
Best regards
Uwe
-
Yes, very annoying sig. I skip posts with those kind of "screaming" sigs. They should be forbidden, if you ask me.
-
Think now the signature is more "eye-friendly" ... :-D
-
Think now the signature is more "eye-friendly" ... :-D
It's very eye-friendly now :-D
I'm glad he listened.
-
He? listened nope
Me listened ....
-
Ah! Well, somebody listened anyway. That's better than no one LOL.
-
Thanks a lot to both of you, Jurgen and Bernd! :-)
Best Regards
Uwe