Clan Adverts

Sponsors

CT on Facebook

Latest Product

User Box

Anonymous
38.107.179.219
Nickname:

Password:

Security Code
Security Code
Type Security Code


PND Downloads Feed

Phpnuke Downloads
How to Delete or Reset yo...
How to Delete or Reset your PHPNuke Admin Account
Lost your admin password ?  Cant login to your admin account ? This s...
Back Online & Stuff
Back Online & Stuff
Look at us with our nifty website back up and running… Seriously...
How to edit the admins in...
How to edit the admins in the forums
Here is a way to make someone admin in your forums on your Evo site. I...
Demo Splash Screen
Demo Splash Screen
Ped @ Clan Themes has released a simple splash screen entrance hack. ...
Free Phpnuke Business The...
Free Phpnuke Business Theme 6
This is the 6th Business theme for Phpnuke that Clan Themes has releas...
Tricked Out Slider
Tricked Out Slider
We have seen some great new things come out of Tricked Out News and th...

Custom Work

PHP Nuke Custom Work

www.clanthemes.com :: View topic - Made my first theme but need some help
Made my first theme but need some help

3 Replies / 1636 Views


Post new topic   Reply to topic  

   www.clanthemes.com Forum Index » How To's

View previous topic :: View next topic


kftj414
Reputation: 1.2 Add RepSubtract Rep
Local time: 8:50 AM


Noob
Noob

0.01 posts per day
Medals: 0

Joined: Jul 15, 2008
Last Visit: 30 Oct 2008
Posts: 8
Points: 412 

Post Made my first theme but need some help Posted: Wed Sep 24, 2008 11:57 pm

Ok so I love taking free theme and simply modifying the images to fit my own personal style but the most I could ever do was change the color of the images. If I tried to modify the entire image or make a new one to replace the old one it would mess up the entire look of the site. So I decided to try and create a theme from scratch. I already know photoshop and how to slice objects and what I didn't know about dreamweaver was at least simple to find to help me along. So I created all of my images from the header which I absolutely love to the blocks. I followed a tutorial on the basics of coding. that person who made the tutorial was nice enough to modify a theme.php file so I could simply copy and past my html to php converted code. But something is messing up. And I just don't know where to look in what part of the code to try and fix it. Basically my header is where it needs to be and so are my left blocks so that's not the problem. its the center and right blocks that are the problem. Somehow the cecter block was pushed to the bottom of the page and my right block got pushed to the left of the page under the center bock. Here is a link to my test site. Test Site

Please could you help me figure out whats going wrong?
 

 
View user's profileSend private message Reply with quote

Ped
Reputation: 93.7 Add RepSubtract Rep
votes: 37
Local time: 2:50 PM
Location: Great British Empire
uk.gif

Site Founder
Site Founder

1.82 posts per day
Medals: 2 (View more...)
Forums MoD (Amount: 1)
Theme Guru
Theme Guru
Joined: Nov 13, 2006
Last Visit: 25 May 2012
Posts: 3672
Points: 191886 

Post Re: Made my first theme but need some help Posted: Thu Sep 25, 2008 7:54 am

Shop Purchases:
Clan Roster 2.0 · Bad Company 2 Vietnam Xtreme Theme

that will be the way the theme.php is coded, something is in the wrong order/place

without looking through the theme.php to see how u have coded it there isnt much support i can offer u m8
 

 
View user's profileSend private messageSend e-mail Reply with quote

kftj414
Reputation: 1.2 Add RepSubtract Rep
Local time: 8:50 AM


Noob
Noob

0.01 posts per day
Medals: 0

Joined: Jul 15, 2008
Last Visit: 30 Oct 2008
Posts: 8
Points: 412 

Post Made my first theme but need some help Posted: Thu Sep 25, 2008 3:55 pm

ok well here is the code.


<?php
/************************************************************/
/* Theme Colors Definition */
/************************************************************/
// you change these colors to match your theme. Most of these colors are not used anymore due to the existence of the CSS file,
// but you should change them just for compatibility issues, especially with deisgns.

$bgcolor1 = "#000000";
$bgcolor2 = "#000000";
$bgcolor3 = "#000000";
$bgcolor4 = "#000000";
$textcolor1 = "#ffffff";
$textcolor2 = "#ffffff";

/************************************************************/
/* OpenTable Functions */
/************************************************************/
function OpenTable() {

?><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="46" height="49"><img src="themes/serenity/images/storytopleft.gif" width="46" height="49"></td>
<td valign="top" style="background-image:url(themes/serenity/images/Storytoprepeat.gif)"></td>
<td width="52"><img src="themes/serenity/images/storytopright.gif" width="52" height="49"></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="10" style="background-image:url(themes/serenity/images/storyleft.gif)"><img src="themes/serenity/images/storyleft.gif" width="10" height="1"></td>
<td valign="top" style="background-color:#000000"></p>
<?

}

function CloseTable(){

?><td width="10" style="background-image:url(themes/serenity/images/storyright.gif)"><img src="themes/serenity/images/storyright.gif" width="13" height="1"></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="11"><img src="themes/serenity/images/storybotleft.gif" width="11" height="16"></td>
<td style="background-image:url(themes/serenity/images/storybotrepeat.gif)"><img src="themes/serenity/images/storybotrepeat.gif" width="1" height="15"></td>
<td width="14"><img src="themes/serenity/images/storybotright.gif" width="14" height="15"></td>
</tr>
</table>
<td>
</td>
</table><?


}


//function OpenTable2() {
//echo "<table border=\"0\" cellspacing=\"1\" cellpadding=\"0\" align=\"center\"><tr><td class=extra>\n";
// echo "<table border=\"0\" cellspacing=\"1\" cellpadding=\"8\" ><tr><td>\n";
//}

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


/************************************************************/
/* FormatStory */
/************************************************************/

function FormatStory($thetext, $notes, $aid, $informant) {
global $anonymous;
if ($notes != "") {$notes = "<br><br><b>"._NOTE."</b> <i>$notes</i>";}
else { $notes = "";}
if ("$aid" == "$informant") { echo "<font class=\"content\" color=\"#505050\">$thetext$notes</font>";}
else {
if($informant != "") {$boxstuff = "News submitted by: <a href=\"modules.php?name=Your_Account&amp;op=userinfo&amp;username=$informant\">$informant</a><br><br>";}
else {$boxstuff = "News submitted by: $anonymous<br><br>";}
$boxstuff .= "$thetext$notes";
echo "<font class=\"content\" color=\"#505050\">$boxstuff</font>";
}
}

/************************************************************/
/* Function themeheader() */
/************************************************************/
function themeheader() {

####################### ALL YOUR HEADER HTML CODE IN HERE ##########################

echo"<html>"
. "<head>"
. "<title>Header</title>"
. "<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\">"
. "<style type=\"text/css\">"
. "<!--"
. "body {"
. "background-color: #000000;"
. ""
. "body,td,th {"
. "color: #FFCC00;"
. ""
. "-->"
. "</style></head>"
. "<body leftmargin=\"0\" topmargin=\"0\" marginwidth=\"0\" marginheight=\"0\">"
. "<div align=\"center\">"
. " <!-- ImageReady Slices (Untitled-1) -->"
. " <table id=\"Table_01\" width=\"800\" height=\"350\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">"
. " <tr>"
. " <td colspan=\"8\">"
. " <img src=\"themes/serenity/images/Header_01.gif\" alt=\"\" width=\"800\" height=\"238\" align=\"absmiddle\"></td>"
. " </tr>"
. " <tr>"
. " <td rowspan=\"2\">"
. " <img src=\"themes/serenity/images/Header_02.gif\" width=\"50\" height=\"112\" alt=\"\"></td>"
. " <td>"
. " <a href=\"http://forsig.com/Serenity/index.php\">"
. " <img src=\"themes/serenity/images/Home.gif\" alt=\"\" width=\"107\" height=\"85\" border=\"0\" align=\"middle\"></a></td>"
. " <td>"
. " <a href=\"http://forsig.com/Serenity/modules.php?name=Forums\">"
. " <img src=\"themes/serenity/images/Forum.gif\" alt=\"\" width=\"106\" height=\"85\" border=\"0\" align=\"middle\"></a></td>"
. " <td>"
. " <a href=\"http://www.wardb.com/guild.aspx?id=2236\">"
. " <img src=\"themes/serenity/images/Roster.gif\" alt=\"\" width=\"108\" height=\"85\" border=\"0\" align=\"middle\"></a></td>"
. " <td>"
. " <a href=\"http://forsig.com/Serenity/modules.php?name=coppermine\">"
. " <img src=\"themes/serenity/images/Gallery.gif\" alt=\"\" width=\"111\" height=\"85\" border=\"0\" align=\"middle\"></a></td>"
. " <td>"
. " <a href=\"http://forsig.com/Serenity/modules.php?name=PRO_Forms\">"
. " <img src=\"themes/serenity/images/Apply.gif\" alt=\"\" width=\"111\" height=\"85\" border=\"0\" align=\"middle\"></a></td>"
. " <td>"
. " <a href=\"http://forsig.com/Serenity/modules.php?name=Your_Account\">"
. " <img src=\"themes/serenity/images/Account.gif\" alt=\"\" width=\"109\" height=\"85\" border=\"0\" align=\"middle\"></a></td>"
. " <td rowspan=\"2\">"
. " <img src=\"themes/serenity/images/Header_09.gif\" width=\"98\" height=\"112\" alt=\"\"></td>"
. " </tr>"
. " <tr>"
. " <td colspan=\"2\"><div align=\"center\">Welcome, $theuser</div></td>"
. " <td colspan=\"2\">"
. " <img src=\"themes/serenity/images/blank.gif\" width=\"219\" height=\"27\" alt=\"\"></td>"
. " <td colspan=\"2\">"
. " <div align=\"center\">"
. " <!-- Simple Javascript to show date -->"
. " <script type=\"text/javascript\">"
. "<!-- // Array ofmonth Names"
. "var monthNames = new Array( \"January\",\"February\",\"March\",\"April\",\"May\",\"June\",\"July\",\"August\",\"September\",\"October\",\"November\",\"December\");"
. "var now = new Date();"
. "thisYear = now.getYear();"
. "if(thisYear < 1900) {thisYear += 1900}; // corrections if Y2K display problem"
. "document.write(monthNames[now.getMonth()] + \" \" + now.getDate() + \", \" + thisYear);"
. "// -->"
. " </script>"
. " </font>  </div></TD>"
. " </TR>"
. " <img src=\"themes/serenity/images/Date-and-time.gif\" width=\"220\" height=\"27\" alt=\"\"></td>"
. " </tr>"
. " </table>"
. " <!-- End ImageReady Slices -->"
. "</div>"
. "</body>"
. "</html>"
."";


#####################################################################################
//this is the block code.
echo "<table width=\"175\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" align=\"center\">"
."<tr valign=\"top\"><td width=\"175\" valign=\"top\">".blocks(left)."</td><td width=\"175\">";

}


/************************************************************/
/* Function themefooter() */
/************************************************************/

function themefooter() {
// right blocks code
echo "</td>"
."<td width=\"180\" valign=\"top\">".blocks(right)."</td></tr></table>";

########## INPUT YOUR FOOTER HTML CODE BETWEEN THESE LINES ##############

echo "<html>";
echo "<head>";
echo "<title>foot</title>";
echo "<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\">";
echo "<style type=\"text/css\">";
echo "<!--";
echo "body,td,th {";
echo " color: #FFCC00;";
echo "}";
echo "body {";
echo " background-color: #000000;";
echo "}";
echo "-->";
echo "</style></head>";
echo "<body leftmargin=\"0\" topmargin=\"0\" marginwidth=\"0\" marginheight=\"0\">";
echo "<div align=\"center\">";
echo " <!-- ImageReady Slices (foot.psd) -->";
echo " <table width=\"700\" height=\"150\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" bgcolor=\"#000000\" id=\"Table_01\">";
echo " <tr>";
echo " <td>";
echo " <img src=\"themes/serenity/images/footer.gif\" width=\"634\" height=\"100\" alt=\"\">";
echo " <script type=\"text/javascript\">";
echo "$footer_message";
echo " </script></td>";
echo " <td>";
echo " <img src=\"themes/serenity/images/rooter-repeat.gif\" width=\"16\" height=\"100\" alt=\"\"></td>";
echo " <td>";
echo " <img src=\"themes/serenity/images/footer-2.gif\" width=\"50\" height=\"100\" alt=\"\"></td>";
echo " </tr>";
echo " </table>";
echo " <!-- End ImageReady Slices -->";
echo "</div>";
echo "</body>";
echo "</html>";

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

}


/************************************************************/
/* Function themeindex() */
/* This function format the stories on the Homepage */
/************************************************************/
function themeindex ($aid, $informant, $time, $title, $counter, $topic, $thetext, $notes, $morelink, $topicname, $topicimage, $topictext) {
global $anonymous, $tipath;

$ThemeSel = get_theme();
if (file_exists("themes/$ThemeSel/images/topics/$topicimage")) {
$t_image = "themes/$ThemeSel/images/topics/$topicimage";
} else {
$t_image = "$tipath$topicimage";
}
if ($notes != "") {
$notes = "<br><br><b>Admin's Comment:</b> $notes";
} else {
$notes = "";
}
if ("$aid" == "$informant") {
$content = "$thetext$notes";
} else {
if($informant != "") {
$content = "News submitted by: <a href=\"modules.php?name=Your_Account&amp;op=userinfo&amp;username=$informant\">$informant</a><br><br>";
} else {
$content = "News submitted by: <i>$anonymous</i><br><br>";
}
$content .= "$thetext$notes";
}
//Code Changed - just show posted by
$posted = ""._POSTEDBY." ";
$posted .= get_author($aid);
$posted .= " "._ON." $time $timezone ";
//End Code Change
$tmpl_file = "themes/serenity/story.html";
$thefile = implode("", file($tmpl_file));
$thefile = addslashes($thefile);
$thefile = "\$r_file=\"".$thefile."\";";
eval($thefile);
print $r_file;
}

/************************************************************/
/* Function themeindex() */
/************************************************************/

function themearticle ($aid, $informant, $datetime, $title, $thetext, $topic, $topicname, $topicimage, $topictext) {
global $admin, $sid, $tipath;
$ThemeSel = get_theme();
if (file_exists("themes/$ThemeSel/images/topics/$topicimage")) {
$t_image = "themes/$ThemeSel/images/topics/$topicimage";
} else {
$t_image = "$tipath$topicimage";
}
$posted = ""._POSTEDON." $datetime "._BY." ";
$posted .= get_author($aid);
if ($notes != "") {
$notes = "<br><br><b>Admin's Comment:</b> <i>$notes</i>";
} else {
$notes = "";
}
if ("$aid" == "$informant") {
$content = "$thetext$notes";
} else {
if($informant != "") {
$content = "News submitted by: <a href=\"modules.php?name=Your_Account&amp;op=userinfo&amp;username=$informant\">$informant</a><br><br> ";
} else {
$content = "News submitted by: <i>$anonymous</i><br><br>";
}
$content .= "$thetext$notes";
}

$tmpl_file = "themes/serenity/News.html";
$thefile = implode("", file($tmpl_file));
$thefile = addslashes($thefile);
$thefile = "\$r_file=\"".$thefile."\";";
eval($thefile);
print $r_file;
}

/************************************************************/
/* Function themesidebox() */
/************************************************************/
function themesidebox($title, $content) {
global $swapleftright, $bgcolor1, $bgcolor2;
$tmpl_file = "themes/serenity/blocks.html";
$thefile = implode("", file($tmpl_file));
$thefile = addslashes($thefile);
$thefile = "\$r_file=\"".$thefile."\";";
eval($thefile);
print $r_file;
}
?>
 

 
View user's profileSend private message Reply with quote


Ped
Reputation: 93.7 Add RepSubtract Rep
votes: 37
Local time: 2:50 PM
Location: Great British Empire
uk.gif

Site Founder
Site Founder

1.82 posts per day
Medals: 2 (View more...)
Super Dedicated User (Amount: 1)
Theme Guru
Theme Guru
Joined: Nov 13, 2006
Last Visit: 25 May 2012
Posts: 3672
Points: 191886 

Post Made my first theme but need some help Posted: Fri Sep 26, 2008 9:10 pm

Shop Purchases:
Clan Roster 2.0 · Bad Company 2 Vietnam Xtreme Theme

To be honest mate i see so many problems with that, i wouldn't know where to start...

I think the best thing to do, would be to make a complete image free template first, using this code

Code:
<table align="center" style="width: 80%;border: 3px solid #000;" >
   <tr>
      <td style="background-color:maroon;font-family:'Times New Roman', Times, serif; font-size:x-large;padding:10px;text-align:center;" colspan="3">Header Logo</td>
   </tr>
   <tr>
      <td style="width: 180;padding:5px;background-color:fuchsia">Left Blocks</td>
      <td style="background-color:orange;padding:5px">Centre Blocks</td>
      <td style="width: 180;padding:5px;background-color:aqua;">Right Blocks</td>
   </tr>
   <tr>
      <td style="background-color: gray;font-family:'Times New Roman', Times, serif; font-size:x-small;padding:5px;text-align:center;" colspan="3">Footer Copyright</td>
   </tr>
</table>



where u can see the layout of the table rows and table data, then you can see what goes where and the colours are there to see whats going on.

I also noticed that you were placing <html> <body> <doc> types and all sorts of code in there, thats not needed because its called from the phpnuke header file.. all you need to concentrate on is the html code

I suppose i should nock up a tutorial one of these days... just never have the time !

Once you know you have the code in the right place, you can start to add your own snippets ! Wink
 

 
View user's profileSend private messageSend e-mail Reply with quote
Post new topic   Reply to topic  
   www.clanthemes.com Forum Index » How To's


 
3 Replies / 1636 Views
Page 1 of 1
All times are GMT
Display posts from previous:   
 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
You cannot attach files in this forum
You can download files in this forum