Advertisement:

Author Topic: [Theme] Simply White (SMF 1.0 / SMF 1.1)  (Read 76919 times)

Offline codenaught

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 14,653
  • Gender: Male
  • Formerly Known As akabugeyes
Re: [Theme] Simply White (SMF 1.0 and SMF 1.1)
« Reply #20 on: June 30, 2005, 09:23:13 PM »
That is because Simply White doesn't use images for the buttons.  ;)

What you are seeing for the buttons is CSS. You can edit the look however you like in style.css.  And if you do so wish to replace the buttons with actual images instead, you can enable the theme setting "Show buttons as images instead of text" and upload images into a folder you name "english" inside the images folder of the theme. You then would probably want to delete the class "button" in style.css.
Dev Consultant
Former SMF Doc Coordinator

Offline mirigoyen

  • Semi-Newbie
  • *
  • Posts: 68
Re: [Theme] Simply White (SMF 1.0 and SMF 1.1)
« Reply #21 on: June 30, 2005, 10:21:51 PM »
I have a question for you, I am very new to this and want to make my forum look like the rest of my site.  I really like this theme and was wondering if it is very hard to customize?  I would like to put my background and colors into it. 

Offline codenaught

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 14,653
  • Gender: Male
  • Formerly Known As akabugeyes
Re: [Theme] Simply White (SMF 1.0 and SMF 1.1)
« Reply #22 on: June 30, 2005, 10:35:19 PM »
Simply White is actually quite easy to customize.

Check the style.css file. (Which can be edited through the admin cp)

If you need any help understanding what class is for what, I can explain it to you.  ;)
Dev Consultant
Former SMF Doc Coordinator

Offline JayBachatero

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 19,562
  • Gender: Male
    • @jaycreations on Twitter
    • JayBachatero.com
Re: [Theme] Simply White (SMF 1.0 and SMF 1.1)
« Reply #23 on: June 30, 2005, 10:40:59 PM »
i like this theme very nice and simple good job
Follow me on Twitter

"HELP!!! I've fallen and I can't get up"
This moment has been brought to you by LifeAlert

Offline mirigoyen

  • Semi-Newbie
  • *
  • Posts: 68
Re: [Theme] Simply White (SMF 1.0 and SMF 1.1)
« Reply #24 on: June 30, 2005, 11:25:27 PM »
If I want to change the background, where exactly do I put that.  I am sorry for the dumb questions but I really am not sure what I am doing.   :-[

Offline codenaught

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 14,653
  • Gender: Male
  • Formerly Known As akabugeyes
Re: [Theme] Simply White (SMF 1.0 and SMF 1.1)
« Reply #25 on: July 01, 2005, 12:47:44 AM »
No problem, we all have to start somewhere.   ;)

In Simply White there is the style.css file as I have mentioned before.
There should be two different backgrounds:

.bodyarea
 
and

.body

Where you see: background-color: ___________
is where you will want to edit it.

You can use solid color names like: blue, green, etc or use hex color codes that start with # and contain 6 numbers. Google search "Hex Color Codes" if you wish to make your colors a little more creative than just plain blue and etc. Although if you want it to match your site I suppose you already have the color you need.

Now, you mentioned in a PM that you got a parse error from trying to change something, I would recommend uploading a clean Simply White over the current one or try to trace back to what you changed to produce the error in the first place.
Dev Consultant
Former SMF Doc Coordinator

Offline d3v

  • Jr. Member
  • **
  • Posts: 209
Re: [Theme] Simply White (SMF 1.0 and SMF 1.1)
« Reply #26 on: July 01, 2005, 02:32:05 PM »
just what I need. will be using on my site shortly

Offline mirigoyen

  • Semi-Newbie
  • *
  • Posts: 68
Re: [Theme] Simply White (SMF 1.0 and SMF 1.1)
« Reply #27 on: July 01, 2005, 07:21:54 PM »
If I want to put a background instead of just  a background color what would I do?
« Last Edit: July 01, 2005, 08:04:03 PM by mirigoyen »

Offline codenaught

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 14,653
  • Gender: Male
  • Formerly Known As akabugeyes
Re: [Theme] Simply White (SMF 1.0 and SMF 1.1)
« Reply #28 on: July 01, 2005, 08:09:00 PM »
background-image: url(images/name.gif);

Where the name.gif image would be located in your Simply White images folder. You can also just replace the images/name.gif part with a full url to the image.
« Last Edit: July 01, 2005, 08:25:14 PM by akabugeyes »
Dev Consultant
Former SMF Doc Coordinator

Offline mirigoyen

  • Semi-Newbie
  • *
  • Posts: 68
Re: [Theme] Simply White (SMF 1.0 and SMF 1.1)
« Reply #29 on: July 01, 2005, 09:02:51 PM »
I just want to make sure I don't screw this up again, so this is what it currently says?

 <div class="headerbodies" style="position: relative; margin-right: 0px; background-image: url(', $settings['images_url'], '/);">



and this is my background url:    http://photobucket.com/albums/y79/irimomof3/th_stripedbg.gif


how exactly should it look?

Offline codenaught

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 14,653
  • Gender: Male
  • Formerly Known As akabugeyes
Re: [Theme] Simply White (SMF 1.0 and SMF 1.1)
« Reply #30 on: July 01, 2005, 09:20:34 PM »
You don't have to make it so hard.  ;)

Simply White (as does every other SMF theme) has a stylesheet file called style.css.

This file can be edited in the admin cp.

When you open Simply White's style.css file search for "body"
In that class, change:
background-color: white;

to:

background-image: url(http://photobucket.com/albums/y79/irimomof3/th_stripedbg.gif);

next I think you will want to add something like:
   margin-left: 50px;
   margin-right: 50px;

in the class "body" also.

to give some room for the background image to be shown.
Dev Consultant
Former SMF Doc Coordinator

Offline mirigoyen

  • Semi-Newbie
  • *
  • Posts: 68
Re: [Theme] Simply White (SMF 1.0 and SMF 1.1)
« Reply #31 on: July 02, 2005, 12:12:13 AM »
Thank you so much!!  Is there a way to get the words at the top of my regular page  (www.beyondpaper.net)  where it says Beyondpaper.net and then links below it also  on  top of my forum?  I hope you don't mind the questions.  I really appreciate all your help!!

Offline Navy

  • Semi-Newbie
  • *
  • Posts: 20
Re: [Theme] Simply White (SMF 1.0 and SMF 1.1)
« Reply #32 on: July 02, 2005, 02:12:58 AM »
Very nice & simple, easy loading... ;)

Offline codenaught

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 14,653
  • Gender: Male
  • Formerly Known As akabugeyes
Re: [Theme] Simply White (SMF 1.0 and SMF 1.1)
« Reply #33 on: July 02, 2005, 11:11:45 AM »
Thank you so much!!  Is there a way to get the words at the top of my regular page  (www.beyondpaper.net)  where it says Beyondpaper.net and then links below it also  on  top of my forum?  I hope you don't mind the questions.  I really appreciate all your help!!
In index.template.php, you could add the links perhaps somewhere such as right after:
Code: [Select]
<span style="font-family: Georgia, sans-serif; font-size: xx-large;">', $context['forum_name'], '</span>'; add
Code: [Select]
echo ' <br />Links here!'; If that doesn't look right, I can try to help you find a better location.
Dev Consultant
Former SMF Doc Coordinator

Offline mirigoyen

  • Semi-Newbie
  • *
  • Posts: 68
Re: [Theme] Simply White (SMF 1.0 and SMF 1.1)
« Reply #34 on: July 02, 2005, 06:39:21 PM »
I did that and now I can't get my page to open it says :

Unable to load the 'main_above' template.

what should I do?

This is what it looks like:

<span style="font-family: Georgia, sans-serif;

font-size: xx-large;">', $context['forum_name'],

'</span>';   echo '  <br

/>http://i3.photobucket.com/albums/y79/irimomof3/bp

header.jpg!';            </td>      

   </tr>         <tr

id="upshrinkHeader"',

empty($options['collapse_header']) ? '' : '

style="display: none;"', '>            

<td valign="top">               

<div class="newsinfo">', $txt['user_info'], '</div>   
« Last Edit: July 02, 2005, 06:43:22 PM by mirigoyen »

Offline codenaught

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 14,653
  • Gender: Male
  • Formerly Known As akabugeyes
Re: [Theme] Simply White (SMF 1.0 and SMF 1.1)
« Reply #35 on: July 02, 2005, 07:32:06 PM »
Try:
Code: [Select]
<span style="font-family: Georgia, sans-serif; font-size: xx-large;">', $context['forum_name'], '</span>';

echo '   <br /> <img src="http://i3.photobucket.com/albums/y79/irimomof3/bpheader.jpg" />
Dev Consultant
Former SMF Doc Coordinator

Offline mirigoyen

  • Semi-Newbie
  • *
  • Posts: 68
Re: [Theme] Simply White (SMF 1.0 and SMF 1.1)
« Reply #36 on: July 02, 2005, 07:37:17 PM »
Ok, now it says:

Template Parse Error!
It seems something has gone sour on the forum with the template system. This problem should only be temporary, so please come back later and try again. If you continue to see this message, please contact the administrator.

You can also try refreshing this page

this is what my code looks like:

<span style="font-family: Georgia, sans-serif;

font-size: xx-large;">', $context['forum_name'],

'</span>';

   echo '   <br /> <img

src="http://i3.photobucket.com/albums/y79/irimomof3

/bpheader.jpg" />
            </td>         

</tr>         <tr id="upshrinkHeader"',

empty($options['collapse_header']) ? '' : '

style="display: none;"', '>            

<td valign="top">               

<div class="newsinfo">', $txt['user_info'], '</div>   

            <div

Offline codenaught

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 14,653
  • Gender: Male
  • Formerly Known As akabugeyes
Re: [Theme] Simply White (SMF 1.0 and SMF 1.1)
« Reply #37 on: July 02, 2005, 08:04:09 PM »
Works for me.

Do you have an
Code: [Select]
echo ' right before
Code: [Select]
<span style="font-family: Georgia, sans-serif;

font-size: xx-large;">', $context['forum_name'],

'</span>';

It should be from logo comment to the next comment:
Code: [Select]
// This part is the logo and forum name.  You should be able to change this to whatever you want...
echo '
   
<span style="font-family: Georgia, sans-serif;

font-size: xx-large;">', $context['forum_name'],

'</span>';

   echo '   <br /> <img

src="http://i3.photobucket.com/albums/y79/irimomof3

/bpheader.jpg" />
            </td>         

</tr>         <tr id="upshrinkHeader"',

empty($options['collapse_header']) ? '' : '

style="display: none;"', '>           

<td valign="top">               

<div class="newsinfo">', $txt['user_info'], '</div>   

            <div class="headerbodies" style="position: relative; margin-right: 0px; background-image: url(', $settings['images_url'], '/);">

<table width="100%" cellpadding="0" cellspacing="5" border="0"><tr>';


if (!empty($context['user']['avatar']))
echo '<td valign="middle">', $context['user']['avatar']['image'], '</td>';

echo '<td width="100%" valign="top" class="smalltext" style="font-family: verdana, arial, sans-serif;">';

// If the user is logged in, display stuff like their name, new messages, etc.

Did you edit anything else in the file that could be giving it a parse error?
Dev Consultant
Former SMF Doc Coordinator

Offline mirigoyen

  • Semi-Newbie
  • *
  • Posts: 68
Re: [Theme] Simply White (SMF 1.0 and SMF 1.1)
« Reply #38 on: July 02, 2005, 08:17:02 PM »
No I  only changed that one part.  I just redid it with the info you put and it still says parse error. 

// This part is the

logo and forum name.  You should be able to change

this to whatever you want...
   echo '
               
   <span style="font-family: Georgia,

sans-serif;

font-size: xx-large;">', $context['forum_name'],

'</span>';

   echo '   <br /> <img

src="http://i3.photobucket.com/albums/y79/irimomof3

/bpheader.jpg" />
            </td>         

</tr>         <tr id="upshrinkHeader"',

empty($options['collapse_header']) ? '' : '

style="display: none;"', '>           

<td valign="top">               

<div class="newsinfo">', $txt['user_info'], '</div> 

 

            <div class="headerbodies"

style="position: relative; margin-right: 0px;

background-image: url(', $settings['images_url'],

'/);">
               
                  

<table width="100%" cellpadding="0" cellspacing="5"

border="0"><tr>';
                  

   if (!empty($context['user']['avatar']))
      echo '<td valign="middle">',

$context['user']['avatar']['image'], '</td>';

   echo '<td width="100%" valign="top"

class="smalltext" style="font-family: verdana,

arial, sans-serif;">';

   // If the user is logged in, display stuff

like their name, new messages, etc.
« Last Edit: July 02, 2005, 08:21:54 PM by mirigoyen »

Offline codenaught

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 14,653
  • Gender: Male
  • Formerly Known As akabugeyes
Re: [Theme] Simply White (SMF 1.0 and SMF 1.1)
« Reply #39 on: July 02, 2005, 08:27:19 PM »
It is working fine for me.

So you didn't edit any other files?

If you can't seem to fix it. I would recommend uploading a clean index.template.php and then try it again.
Dev Consultant
Former SMF Doc Coordinator