SMF 2.0.4 Curve - Logo Resize

[flash_os]

How to Resize Logo without distortion SMF 2.0.4 Curve theme?

What should I replace in index.template.php?

[ARG01]

You cant re-size the default SMF logo without distorting the logo itself. 

[flash_os]

I meant visual distortion.

[ARG01]

I meant visual distortion.

Apparently I am not understanding you? My comment was specifically aimed at visual distortion.

[flash_os]

You cant re-size the default SMF logo without distorting the logo itself. 

So why you state this when it's obvious?

[Fog]

Are you trying to replace the default logo with your own logo?

[flash_os]

Yes, but bigger. 

[Fog]

How much bigger?

The SMF logo is 256X34

Here's what you do:

Find SMFLOGO.PNG under Default Images.

Rename it to SMFLOGO1.PNG for example

Then upload your Logo to the Default Image folder where you found the SMF Logo

At that point rename it to SMFLOGO.PNG

That way you don't have to mess with the PHP code.

You might have to refresh your page to get it to show up.

[ARG01]

You cant re-size the default SMF logo without distorting the logo itself. 

So why you state this when it's obvious?

Duh! Because you asked. Lets just both forget that I tried to help shall we.  Have a great day.

[flash_os]

ARG: Have a great day.
Sorry for misleading  you.

Fog:
It's still distort:

[Fog]

I see what you're up against...just simply replacing the SMF logo isn't going to get what you want done.

I have a solution but you'll have to edit your css instead.

[Fog]

Here's a theme that I made that maybe the ticket you're looking for.

http://www.smokerunner.com/index.php?action=forum

It uses a different approach and would probably work better.

[flash_os]

http://www.smokerunner.com/index.php?action=forum leads to:

Connection Problems

Sorry, SMF was unable to connect to the database. This may be caused by the server being busy. Please try again later.

What should I change in css files?

[Fog]

Flash, I haven't forgot about you...

If you're around this weekend give me a shout and I can show you a couple of things.

[flash_os]

Take a shout.

[Fog]

You're fast...

[Fog]

Can you find this under your default CSS?

Code Select Expand

/* the framing graphics */
#header
{
background: #fefefe url('../images/theme/main_block.png') no-repeat 0 -480px;
padding-left: 20px
}
#header div.frame
{
background: url('../images/theme/main_block.png') no-repeat 100% -480px;
display: block;
padding-left:0; padding-right:20px; padding-top:5px; padding-bottom:1em
}

[flash_os]

That what I got inside index.css:

Code Select Expand

/* the framing graphics */
#header
{
background: url(../images/theme/main_block.png) #fefefe no-repeat 0 -480px;
padding-left: 20px;
}
#header div.frame
{
background: url(../images/theme/main_block.png) no-repeat 100% -480px;
display: block;
padding: 5px 20px 1em 0;
}

[Fog]

If you notice the (../images/theme/main_block.png)

the (...) means it coming within your data base,

this part is the folder and sub folders that are used to link the main_block image (images/theme/main_block.png)

One idea I suggest to you so you understand what this does is one simple adjustment.

add (1) right after this part.  main_block1.png  at this point you should see a difference in your header...

But only do it on the div.frame side

[Fog]

Code Select Expand

/* the framing graphics */
#header
{
background: url(../images/theme/main_block.png) #fefefe no-repeat 0 -480px;
padding-left: 20px;
}
#header div.frame
{
background: url(../images/theme/main_block1.png) no-repeat 100% -480px;
display: block;
padding: 5px 20px 1em 0;
}[code}