[Theme] Simply White (SMF 1.0 / SMF 1.1)

Started by codenaught, June 14, 2005, 10:43:01 PM

Previous topic - Next topic

codenaught

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

mirigoyen

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. 

codenaught

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

JayBachatero

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

mirigoyen

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.   :-[

codenaught

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

d3v

just what I need. will be using on my site shortly

mirigoyen

#27
If I want to put a background instead of just  a background color what would I do?

codenaught

#28
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.
Dev Consultant
Former SMF Doc Coordinator

mirigoyen

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?

codenaught

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

mirigoyen

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!!

Navy


codenaught

Quote from: mirigoyen 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!!
In index.template.php, you could add the links perhaps somewhere such as right after: <span style="font-family: Georgia, sans-serif; font-size: xx-large;">', $context['forum_name'], '</span>'; add 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

mirigoyen

#34
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>   

codenaught

Try:

<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

mirigoyen

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

codenaught

Works for me.

Do you have an echo ' right before <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: // 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

mirigoyen

#38
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.

codenaught

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

Advertisement: