Simple Machines Community Forum

Customizing SMF => Graphics and Templates => Topic started by: scareshack on May 01, 2009, 06:26:37 AM

Title: Changing Header Graphic
Post by: scareshack on May 01, 2009, 06:26:37 AM
Hello Newbie here to SMF.

I installed the theme "Alina".

What I am trying to do is in the header replace the smf logo with my logo.
Is this possible? If so can someone point me to a tutorial that will show me how.
I looked around a bit but no luck.

Thanks in advance.
Title: Re: Changing Header Graphic
Post by: Marcus Forsberg on May 01, 2009, 06:29:20 AM
Welcome to SMF, scareshack!

Have a look at ./Themes/alina/index.template.php and ./Themes/alina/style.css.
This is where the logo is located.
Title: Re: Changing Header Graphic
Post by: bullbreedluverz on May 01, 2009, 06:56:27 AM
alina theme has a small smf logo up on the left which will is called smflogo.gif which you can simply FTP another logo of the same size and same name to overwrite that one

if you want to have a bigger image or use different format you will need to edit style.css - the designer who made this theme usually places settings in style.css for adjusting the header images including the logo that you can play about with and adjust to have a little larger logo - look in stle.css for #logo
Title: Re: Changing Header Graphic
Post by: scareshack on May 01, 2009, 07:22:38 AM
Thanks for the response. Makes sense so far. I will try it over the weekend and hopefully be able to say"wow, that was easy, thanks guys".

Thanks again for the response.

Looking forward to learning more.
Title: Re: Changing Header Graphic
Post by: scareshack on May 01, 2009, 04:17:30 PM
Thanks again so much! Easier than I thought. Replaced it and made it bigger the first try.

You guys rock!

Title: Re: Changing Header Graphic
Post by: scareshack on May 01, 2009, 05:17:16 PM
 :-[
Sorry one more question.
Where/what page do I find on the header where it says.....SMF Installed Today    ?

thanks again
Title: Re: Changing Header Graphic
Post by: bullbreedluverz on May 01, 2009, 05:23:49 PM
if you mean the line SMF Installed Today that is in the header that is forum news

Admin > News & Newsletters > News

you can change that line and add more news items if you want


if you dont want that line to appear at all

Admin > Current theme

then deselect Enable News?

Title: Re: Changing Header Graphic
Post by: scareshack on May 01, 2009, 06:47:51 PM
Stikki...you rock. Thanks much
Title: Re: Changing Header Graphic
Post by: scareshack on May 02, 2009, 11:57:44 AM
all the text in the header.......
welcome message date and search tab.
where can I edit that or remove from above theme.

Thanks again

Title: Re: Changing Header Graphic
Post by: bullbreedluverz on May 02, 2009, 12:08:44 PM
how exactly do you want to edit it?

remove it?
change the text?
Title: Re: Changing Header Graphic
Post by: bullbreedluverz on May 02, 2009, 12:19:51 PM
actually there is easy way to edit things like this by commenting them out - that means not deleting the code but stopping it from being used

you add

/* before section of code and */ after code

so for example to remove the welcome & log in on Alina

change

// If the user is a guest, show [login] or [register].
if ($context['user']['is_guest']){
echo '', $txt['hel_lo'], ' <strong>', $txt['ge_st'], '</strong> <br />
', $txt['pl_se'],  ' <a href="' . $scripturl . '?action=login">', $txt['lo_go'], '</a> or <a href="' . $scripturl . '?action=register">', $txt['reg_y'], '</a>.';}
echo '
  </div>
<a href="'.$scripturl.'" title=""><span id="logo"> </span></a>';


to

/* // If the user is a guest, show [login] or [register].
if ($context['user']['is_guest']){
echo '', $txt['hel_lo'], ' <strong>', $txt['ge_st'], '</strong> <br />
', $txt['pl_se'],  ' <a href="' . $scripturl . '?action=login">', $txt['lo_go'], '</a> or <a href="' . $scripturl . '?action=register">', $txt['reg_y'], '</a>.';}
echo '
  </div>
<a href="'.$scripturl.'" title=""><span id="logo"> </span></a>'; */


this way you can stop sections working without actually deleting the code and if it dont do what you want you remove the comments and try another peice of code, doing it this way means if you change your mind further along in time you only have to remove the comementing out to reinstate parts you effectively "turned off" instead of having to go find the code in a clean file and work out where to place it
Title: Re: Changing Header Graphic
Post by: scareshack on May 02, 2009, 12:29:38 PM
stikki...thanks..is that in the style.css?

ill post forum once i get basics down. getting excited to learn this stuff. I tend to overlook basic stuff a lot.
Title: Re: Changing Header Graphic
Post by: bullbreedluverz on May 02, 2009, 04:25:59 PM
oh sorry, thats in index.template.php

remember always make a back up before you edit your forum files
Title: Re: Changing Header Graphic
Post by: scareshack on May 03, 2009, 08:01:37 AM
I tried that and here was my result.

It left the stuff I am trying to remove and deleted the whole board.

I'll try it again, I must of messed something up.

here is the forum, dont mind logo in header, will change it once it made.
http://bloodyhollywood.com/simplemachinesforum/index.php (http://bloodyhollywood.com/simplemachinesforum/index.php)

My next question is going to be, how do I switch the forum to the main page of the domain. Im hoping its easy, but will look it up before i ask. hint

thanks again for all the help
Title: Re: Changing Header Graphic
Post by: bullbreedluverz on May 03, 2009, 09:05:04 AM
is this what you want to do with moving your forum

http://bloodyhollywood.com/simplemachinesforum/index.php

to

http://bloodyhollywood.com//index.php
Title: Re: Changing Header Graphic
Post by: scareshack on May 03, 2009, 09:13:07 AM
just want to make it when u type in bloodyhollywood.com it goes right to the forum.
Think i may be able to just to a re-direct.
But first still need to figure out if I really want to do it. May use the site for other stuff.
I will defenitly ask for help once I make my mind up on that.

Tried the above again, to lose the text and search box in header. Same result..
not sure what im doing wrong on that.
Title: Re: Changing Header Graphic
Post by: scareshack on May 03, 2009, 09:20:20 AM
will attach the file shortly. maybe u can look at it to see what I did wrong.

thanks again
Title: Re: Changing Header Graphic
Post by: scareshack on May 03, 2009, 09:23:32 AM
this is what I changed.
Title: Re: Changing Header Graphic
Post by: bullbreedluverz on May 03, 2009, 09:29:16 AM
Quote from: scareshack on May 03, 2009, 09:13:07 AM
just want to make it when u type in bloodyhollywood.com it goes right to the forum.
Think i may be able to just to a re-direct.
But first still need to figure out if I really want to do it. May use the site for other stuff.
I will defenitly ask for help once I make my mind up on that.

Tried the above again, to lose the text and search box in header. Same result..
not sure what im doing wrong on that.

you dont need to do a redirect, if you copy all the forum files out of simplemachinesforum folder and place them into the root of the public_html on your server then run repair_settings.php

What is repair_settings.php? (http://www.simplemachines.org/community/index.php?topic=18096.0)

there is a link at the top of that thread "repair_settings.php" that you download repair-settings.php
move your files
upload repair_settings.php
direct your browser to http://bloodyhollywood.com/repair_settings.php

and you can change the settings in the forum files so they change to the root folder instead of the sub-folder where your files are now


once done DELETE repair_settings.php
Title: Re: Changing Header Graphic
Post by: bullbreedluverz on May 03, 2009, 09:34:07 AM
do you still have the file you attatched uploaded on your server or have you put a unedited back back on?

i dont run any 1.1.8 sites so i cant upload the file myself to see what it does or doesnt do to your forum

what do you want in the header section of the forum?

is it just your logo you want there and everything else removed

i.e. login, search

that section also contains the message for when you put your forum in maintenance mode and if you use approval system for new members registrations that appears there too
Title: Re: Changing Header Graphic
Post by: scareshack on May 03, 2009, 09:38:13 AM
Quote from: stikkki on May 03, 2009, 09:34:07 AM
do you still have the file you attatched uploaded on your server or have you put a unedited back back on?

i dont run any 1.1.8 sites so i cant upload the file myself to see what it does or doesnt do to your forum

what do you want in the header section of the forum?

is it just your logo you want there and everything else removed

i.e. login, search

that section also contains the message for when you put your forum in maintenance mode and if you use approval system for new members registrations that appears there too

yes, all I want in the header is the logo and nothing else. if thats possiable.

sorry for all the questions, this is all new to me.
Title: Re: Changing Header Graphic
Post by: bullbreedluverz on May 03, 2009, 09:42:51 AM
we all start off with lots of questions but thats how ya learn - shame you arent on 2.0 RC1 tho as you could used Blood Lust theme (http://www.bullbreedluverz.com/rc1test/index.php?theme=22) would go with with your forum content lol


give me a minute and ill look at the file and try remove everything but i'll have to pass the file back to you to upload to test it so it may be a little trial and error here to get everything right
Title: Re: Changing Header Graphic
Post by: bullbreedluverz on May 03, 2009, 09:46:19 AM
try this 1 see if this works - upload it and even if its messed up leave it on so i can see it on your site
Title: Re: Changing Header Graphic
Post by: scareshack on May 03, 2009, 09:47:52 AM
wow. very cool and thank you.

Ill upload it as soon as recived.
Title: Re: Changing Header Graphic
Post by: scareshack on May 03, 2009, 10:04:24 AM
uploaded. now everything is gone.
ill leave it up for a bit for u to check.
Title: Re: Changing Header Graphic
Post by: bullbreedluverz on May 03, 2009, 10:09:56 AM
lol like i said bit of trial and error

try this 1
Title: Re: Changing Header Graphic
Post by: scareshack on May 03, 2009, 10:15:08 AM
ok did that. uploaded

i do have the original still
Title: Re: Changing Header Graphic
Post by: bullbreedluverz on May 03, 2009, 10:19:43 AM
this would be easier if i had a 1.1.8 site but anyway try this
Title: Re: Changing Header Graphic
Post by: scareshack on May 03, 2009, 10:24:35 AM
awesome so far.
logo is missing though.

tahnks again
Title: Re: Changing Header Graphic
Post by: bullbreedluverz on May 03, 2009, 10:28:55 AM
see if this 1 brings the logo back
Title: Re: Changing Header Graphic
Post by: scareshack on May 03, 2009, 10:40:51 AM
Awesome!
Thank you very much for the help.

Just what I was looking for.

Now I just need to fix the logo.

I really appreciate it.

Thanks again so much!
Title: Re: Changing Header Graphic
Post by: bullbreedluverz on May 03, 2009, 10:45:23 AM
cool no probs

think the best advice i can give with logos on themes like this is mess about with the code in style.css changing sizing and stuff and just see what happens
Title: Re: Changing Header Graphic
Post by: scareshack on May 03, 2009, 11:03:33 AM
ill keep u updated when i do it.
Title: Re: Changing Header Graphic
Post by: Jez on May 04, 2009, 03:04:13 AM
Gotta love the Alina theme. I'm using it too! 8)
Title: Re: Changing Header Graphic
Post by: scareshack on May 06, 2009, 04:41:09 PM
Quote from: stikkki on May 03, 2009, 09:05:04 AM
is this what you want to do with moving your forum

http://bloodyhollywood.com/simplemachinesforum/index.php

to

http://bloodyhollywood.com//index.php

yes, I would like to do that. I searched a bit on it but no luck.
Title: Re: Changing Header Graphic
Post by: bullbreedluverz on May 06, 2009, 05:49:41 PM
ok i'll have a look at them now

oh something else

the image you are using as your logo - what is it called? and what is its file format?
Title: Re: Changing Header Graphic
Post by: bullbreedluverz on May 06, 2009, 06:01:46 PM
actually its ok about the file name it was in style.css

upload these 2 files

then upload your logo image to Themes/alina/images/

even if there is a problem with the files when you upload them and they dont work properly leave them on your forum untill ive looked at it
Title: Re: Changing Header Graphic
Post by: scareshack on May 06, 2009, 07:03:56 PM
logo is not there
Title: Re: Changing Header Graphic
Post by: bullbreedluverz on May 06, 2009, 07:21:21 PM
what was the name of your logo ?

e.g.

mylogo.gif
Title: Re: Changing Header Graphic
Post by: scareshack on May 06, 2009, 07:36:01 PM
bloodylogo.gif
Title: Re: Changing Header Graphic
Post by: bullbreedluverz on May 06, 2009, 07:43:01 PM
ok added your logo name, if your logo is uploaded to the images file of your theme it should appear once you upload the file attatched
Title: Re: Changing Header Graphic
Post by: scareshack on May 06, 2009, 07:58:07 PM
didnt work
Title: Re: Changing Header Graphic
Post by: bullbreedluverz on May 06, 2009, 08:13:42 PM
if you have the logo uploaded then try this index.template.php
Title: Re: Changing Header Graphic
Post by: scareshack on May 06, 2009, 08:20:27 PM
no, go look at page, something happened, not good.
worst part i didnt make a copy prior to.

Title: Re: Changing Header Graphic
Post by: bullbreedluverz on May 06, 2009, 08:23:15 PM
its ok no matter what we do here even if we delete the whole file by mistake we have a back up from where you first posted the file for me to edit, so your safe  ;)

think you got the template parse because a </div> tag was missing

try this file ive added the </div>

figers crossed this is it now
Title: Re: Changing Header Graphic
Post by: scareshack on May 06, 2009, 08:28:21 PM
 :)  Once Again You rock.

That worked Great!
Title: Re: Changing Header Graphic
Post by: bullbreedluverz on May 06, 2009, 08:30:15 PM
no probs, werent sure if it needed the extra </div> or not, its been a long day and plowing thru piles of files lol
Title: Re: Changing Header Graphic
Post by: scareshack on May 06, 2009, 08:42:04 PM
Again, thank you very much, now I just need to figure out how to change url as previous post and ready to go live with it this weekend after making new logo. no worries, i wont mess up coding.

again, I thank you.
Title: Re: Changing Header Graphic
Post by: bullbreedluverz on May 06, 2009, 08:50:31 PM
its really easy aslong as you download the repairsettings and run that file after you have moved your forum files from the simplemachinesforum folder to the root folder

move the files from simplemachinesforum
to root (public_html)
upload repairsettings.php to root folder
run http://bloodyhollywood.com/repairsettings.php

that will then sort it all out for you then you delete repairsettings.php
Title: Re: Changing Header Graphic
Post by: sarahstar0208 on May 08, 2009, 11:34:20 AM
Thanks again so much! Easier than I thought. Replaced it and made it bigger the first try. Looking forward to learning more.


homemade energy (http://www.homemadeenergy-review.com)

earth for energy (http://free-energy-userreports.com/earth-4-energy-reviews)
Title: Re: Changing Header Graphic
Post by: Chas Large on May 08, 2009, 01:48:26 PM
Hi,

Another newbie here.

Have set up the forum and all is well. Have added my logo and it looks fine but is on the left.

I intend to change the logo on different occasions so using the admin settings makes this easy, therefore I don't want to make code changes each time.

Is there a way to edit the template so that the logo is centered ? I have removed the SMF logo.

So just need to center the log that is loaded via Theme Settings.

Cheers

Chas
Title: Re: Changing Header Graphic
Post by: Chas Large on May 09, 2009, 03:47:20 AM
Quote from: Chas_Large on May 08, 2009, 01:48:26 PM
Hi,

Another newbie here.

Have set up the forum and all is well. Have added my logo and it looks fine but is on the left.

I intend to change the logo on different occasions so using the admin settings makes this easy, therefore I don't want to make code changes each time.

Is there a way to edit the template so that the logo is centered ? I have removed the SMF logo.

So just need to center the log that is loaded via Theme Settings.

Cheers

Chas
Found the answer by accident in Hints and Tips.
http://www.simplemachines.org/community/index.php?topic=292997.0
Cheers
Chas