Customizing SMF > Graphics and Templates

How To Change GoldMoon Logo to Business Logo?

<< < (2/3) > >>

Illori:
no on and off.png are the images that show next to the board if the board has new posts or not.

Lou69:

--- Quote from: Illori on January 29, 2012, 03:23:27 PM ---no on and off.png are the images that show next to the board if the board has new posts or not.

--- End quote ---

For clarity sake, did you mean on.gif and off.gif instead? 

Illori:
no in the default theme they are png files for 2.0

MikeTucker:
First, thank you all for your help. Unfortunately, it looks like this is going to be tougher than I thought it was.


Yoshi2889,

--- Quote ---Hi there,

You can replace the logo of the theme with your own logo.
Most likely the image is in "/Themes/(your theme)/images/theme" or something like that. If it's not in the "theme" folder in the theme, search the other folders.

But I don't really get what you mean by "GM". The icon that marks if a post in the forum is unread?
--- End quote ---


That sounds logical, but I don't know how to find the "images" portion of my theme?

Under my Configuration -> Current Theme, I have these options:

This theme's name: (change does nothing that I can detect)

This theme's URL: (change completely blanks theme)

This theme's images URL: (tried inserting url from photobucket, didn't work)

Logo image URL:  (change does nothing that I can detect)

In all of the above, I tried to use image URL from an image hosted on photobucket.  should I upload an image onto my server and use that one instead?




Lou69,

--- Quote ---I think you are talking about one of the .gif files located in the images folder.

It will be one of the following ... off.gif, on.gif, on2.gif, new_none.gif or new_some.gif. I believe it will actually be the off.gif and on.gif images you will want to change.

You can use Gimp, Photoshop or whatever tool you have to create a new gif. Just use the pixel dimensions of the original gif as a starting point.
--- End quote ---

Again, that sounds logical, and I know that a ".gif" file is an image savedin that format.  However, I don't know how to find the "images folder"?  Also, if and when I eventually find it, how would I know the pixel dimensions of the original gift?



--- Quote ---The image you are looking for is the logo.png file located in  the images folder. Use Gimp or whatever to create a new image, name it logo.png and you are set to go.

Take a look in the root folder for your theme, 'goldmoonreloaded' I think, and you will see a file called style.css. Edit that file and you will find an entry named #logo. That is how you can position your logo. You will also see how the files in your images folder are used to build the graphics of your site.
--- End quote ---

OK, so I will find this logo.png file somehow, but I still haven't been able to find the "images folder".

I also don't know how to find the "root folder" for my theme?  I did find these two options:

Modify the index template. (the main template)
Modify the style.css file. (colors, fonts, etc.)

...Which are both clickable links.  I went into the style.css file and did not change anything, but I did find:

#logo a {

   float: left;

   padding-top: 10px;

   padding-left: 10px;

   width: 450px;

   height: 100px;

   background: url(images/logo.png) no-repeat;

}


...So when I make my logo, I need to use the "float" and "padding-top" stats?  What about that "background: url(images/logo.png)"?




Yoshi2889,

--- Quote ---Ooh, that GM. Heh, I'm no theme-techie :P

I believe off.gif and on.gif are the icons to mark if someone's online.

--- End quote ---

haha I wasn't very clear was I?  My fault.




Illori,

--- Quote ---no on and off.png are the images that show next to the board if the board has new posts or not.

--- End quote ---

Lou69,

--- Quote ---For clarity sake, did you mean on.gif and off.gif instead? 
--- End quote ---


Illori,

--- Quote ---no in the default theme they are png files for 2.0

--- End quote ---



OK, so I know the .gif and .png are both extentions for different picture formats, right?  Are you saying that I will have both in this theme's code and need to make sure I keep them separate?

Also, I have not upgraded to 2.0 so does that make a difference?




Folks, I am deeply appreciative of the effort you have put into helping me.  In the past I have always used a hosted option for my forums, and all I had to do was host a picture in photobucket and then put the URL in the appropriate field when I wanted to make changes.

I suppose I could just pay someone for this, but I really want to learn how to do it myself.


Thank you all once again,
-Mike Tucker

Lou69:
Mike,

The theme you are using has the GM buttons as .gif image files. The .png is used in the default theme, which you are not using, so just work with the on.gif and off.gif images.

As for making your logo;  the #logo function is only telling SMF where to position the logo image. The logo image is kept in your 'images' folder and it is referenced with this line ...  'background: url(images/logo.png) no-repeat;'. The images folder resides on the host server under the Themes/<theme name>/images path.

On my WAMP server the path looks like this ...  F:\wamp\www\smf_2-0-2_install\Themes\core\images.


If you have not used an image/art tool before, a good choice and free is Gimp.  http://www.gimp.org/downloads/
Edit one of your files with Gimp and you will begin to learn how to use Gimp.

If you want to safely play with the theme in an enclosed environment, you can install the Wamp server software on your PC. Download the 32 or 64 bit version, which ever you need, install and then install SMF over that. Now you can play with themes and more without wrecking your site.    http://www.wampserver.com/en/

Yes, upgrading to 2.0 makes some difference. However, since your theme is not made for 2.0 ( as I recall ), if you do upgrade to 2.0 the theme may not work.  Once you install the Wamp server software on your PC, you will be able to play and learn about the theme. I think that with in a few days of using Wamp and Gimp, you will have figured out how to make the logo you need and to upload it to your site.

For uploading, you can use the free FTP sofware, Filezilla.  http://filezilla-project.org/

Hope this helps.

Lou



Navigation

[0] Message Index

[#] Next page

[*] Previous page

Go to full version