Modifying a a theme?

Elethil · **Modifying a a theme? -** 07-21-2006, 05:28 PM

OK I've been looking around and havn't found much help so I figured I'd ask all you smart people

I have a theme called zonecoper. I recently puchased a new theme that I thought I'd like but turns out its not quite what I want. What I'd love to do is mix the two. Now i've modifyed my zone copper theme to a point. But there are bigger modifications I'd love to do but Im not sure how. For instance. instead of just making my own banner that fits in the zone copper premade banner, I'd like to remake the whole area. I have made the graphic but it's about twice the height of the one that comes with the theme. I"d also love to mess with changing the borders that go around alll the blocks and such. As far as the layout I like, I'd really just like to change and mess with the skin of it. Now I am verry familuar with photoshop and a little familuar with Dreamweaver. I thought maybe I could load up a php file in DW and view it like you would an html file but it's not quite working like I thought it might. So how just do I go about drastically changing the look of my theme and making it all still fit together and all? Any help would be verry much appreciated!

myrtletrees · 07-25-2006, 09:28 AM

Know html?

example:

zonecopper's header.html file

Code:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="24" height="106">[img]themes/zoneCopper/images/darkSilver_03.gif[/img]</td>
          <td width="58" height="106">[img]themes/zoneCopper/images/darkSilver_06.gif[/img]</td>
          <td width="60%" align="left" background="themes/zoneCopper/images/darkSilver_07.gif">[img]themes/zoneCopper/images/logo.jpg[/img]</td>
          <td width="40%" align="right" background="themes/zoneCopper/images/darkSilver_07.gif">$showbanners</td>
          <td width="58" height="106">[img]themes/zoneCopper/images/darkSilver_11.gif[/img]</td>
          <td width="28" height="106">[img]themes/zoneCopper/images/darkSilver_13.gif[/img]</td>
        </tr>
</table>
<table width="100%" height="22" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="24" background="themes/zoneCopper/images/darkSilver_16.gif"></td>
    <td width="170" align="left" bgcolor="222222" nowrap><font class="content">$theuser</font></td>
    <td nowrap bgcolor="222222"> 
      <div align="center"><font class="content">:: Home 
        :: Downloads 
        :: <a href="modules.php?name=Your_Account">Your 
        Account</a> :: Forums 
        ::</font></div></td>
        <td width="170" bgcolor="222222" nowrap>
<div align="right"><font class="content">
$datetime
</font></div></td>
    <td width="28" background="themes/zoneCopper/images/darkSilver_20.gif"></td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="21">[img]themes/zoneCopper/images/darkSilver_23.gif[/img]</td>
    <td background="themes/zoneCopper/images/darkSilver_24.gif"></td>
    <td width="21">[img]themes/zoneCopper/images/darkSilver_27.gif[/img]</td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
      <td width="15" background="themes/zoneCopper/forums/images/darkSilver_28.gif">[img]images/spacer.gif[/img]</td>
    <td width="175" align="center" valign="top" bgcolor="#000000">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr><td align="center" width="1">
    <center>$public_msg</center>

It should be pretty simple to make small changes to the html files in that theme. The blocks.html will control the blocks look. The story_home and story_page.html will control the News block look and "readmore" look. Same with the header adn footer.html files. There is also a css file that controls a lot of "stuff" Remeber though you will also need to play with the forum css style sheet if you change the themes css style sheet. Both need to match. Or both need to call the same style sheet(more simple).

Either way, it is time consuming and will test your nerves. You'll just have to dive in and start modifying. Make a backup of your original files before editing.

Elethil · 07-26-2006, 11:23 AM

Thank you. That helps alot!

myrtletrees · 07-26-2006, 12:02 PM

Cool! :wink:

whitec · 12-10-2006, 08:41 AM

Im trying to do something similar. I have a theme I downloaded (big shot) that is heavily green and im trying to change it to more blue. But It doesnt seem to have block.htm or any other .html in the theme directory. I have tried mucking with the style sheet and it doesnt seem to affect the areas im trying to change (background color, menu text color among others). Any ideas?

...css file contents

Code:

FONT		{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}
TD		{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}
BODY		{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}
P		{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}
DIV		{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}
INPUT		{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}
TEXTAREA	{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}
FORM 		{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}
A:link          {BACKGROUND: none; COLOR: #455900; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
A:active        {BACKGROUND: none; COLOR: #455900; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
A:visited       {BACKGROUND: none; COLOR: #455900; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
A:hover         {BACKGROUND: none; COLOR: #dd6900; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
.title 		{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.content 	{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica}
.storytitle 	{BACKGROUND: none; COLOR: #363636; FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.storycat	{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
.boxtitle 	{BACKGROUND: none; COLOR: #363636; FONT-SIZE: 10px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.boxcontent 	{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica}
.option 	{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.tiny		{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.footmsg        {BACKGROUND: none; COLOR: #cccccc; FONT-SIZE: 8px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.footmsg_l	{BACKGROUND: none; COLOR: #CCCCCC; FONT-SIZE: 8px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
.box		{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px; border: 1px solid #000000; background-color: #FFFFFF}

coldblooded · 12-10-2006, 10:45 AM

Post a link to the theme and I'll take a look at it.

whitec · 12-10-2006, 03:38 PM

I got it from phpnuke-downloads, the BigShot theme

http://phpnuke-downloads.com/downloa...eA-10.html#cat

Duke · 12-14-2006, 12:50 AM

Its quite likely that the colors your trying to change are not in the .css but in the theme itself.

furnfield · 12-16-2006, 04:37 AM

would the colours be part of image files???

Snotrocket · 12-17-2006, 07:59 PM

Some parts of the theme are image files. If you're looking to change backround, text colors etc. they
will be in the CSS file or in the header.html file.