Simple Machines Community Forum

Customizing SMF => Graphics and Templates => Topic started by: ExXeL on February 08, 2019, 07:35:51 AM

Title: How to put image to upper section on the forum?
Post by: ExXeL on February 08, 2019, 07:35:51 AM
Hello,

I would like to know how can i change the upper section image what I enframed with red color on the picture.

Best regards,
Roland
Title: Re: How to put image to upper section on the forum?
Post by: Mick. on February 08, 2019, 07:42:09 AM
What kind of image you want? A logo? A background?

Have a link to your website to check the css class?
Title: Re: How to put image to upper section on the forum?
Post by: ExXeL on February 08, 2019, 07:48:50 AM
Quote from: Mick. on February 08, 2019, 07:42:09 AM
What kind of image you want? A logo? A background?

Have a link to your website to check the css class?

I want to change the backround.
I can check the css class but i don't know where should i change this backround.
Title: Re: How to put image to upper section on the forum?
Post by: Mick. on February 08, 2019, 08:04:05 AM
Try something like this... basic example.

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

Title: Re: How to put image to upper section on the forum?
Post by: Mick. on February 08, 2019, 08:07:21 AM
Quote from: ExXeL on February 08, 2019, 07:48:50 AM
I want to change the backround.
I can check the css class but i don't know where should i change this backround.
I don't know either. That's why I asked for a link.
Title: Re: How to put image to upper section on the forum?
Post by: ExXeL on February 08, 2019, 08:10:36 AM
Quote from: Mick. on February 08, 2019, 08:04:05 AM
Try something like this... basic example.

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

Which file should I add this line?
Title: Re: How to put image to upper section on the forum?
Post by: Kindred on February 08, 2019, 08:11:50 AM
the absolute or relative url location on your site for whatever image you want to use
Title: Re: How to put image to upper section on the forum?
Post by: @rjen on February 08, 2019, 08:15:05 AM
Yep, al link would be helpful, so I googled it...

https://forum.warriortigers.hu/

And to get an image in, put an image in your forum to link to and add this to your index.css file

Find:

#upper_section {
    overflow: hidden;
    font-size: 12px;


and add
    background: url(https://forum.warriortigers.hu/Themes... link to your image here) no-repeat;
    /* background-attachment: fixed; */
    background-size: cover;

I hacked this (using an image on my own site)

#upper_section {
    overflow: hidden;
    font-size: 12px;
    background: url(https://www.fjr-club.nl/Themes/responsive/images/theme/bg8.jpg) no-repeat;
    /* background-attachment: fixed; */
    background-size: cover;
[code]

and this is the result... have fun..

Title: Re: How to put image to upper section on the forum?
Post by: Mick. on February 08, 2019, 08:17:28 AM
Look, If you where using the default theme, I'd tell you since obviously I have a copy of the default theme. But, you're using a custom theme. We're shooting in the dark here, I dont have a copy of that custom theme to tell where exactly make the change. Yes, it is in the css file more like likely at the bottom of the file but without knowing what div class that section is, we don't know where to add it. If you post a link to your website, we can use our browser tool to check that specific css class and tell you where to put that little line of code.
Title: Re: How to put image to upper section on the forum?
Post by: ExXeL on February 08, 2019, 08:18:53 AM
Thanks so much.  :)
Title: Re: How to put image to upper section on the forum?
Post by: ExXeL on February 08, 2019, 08:34:59 AM
Quote from: @rjen on February 08, 2019, 08:15:05 AM
Yep, al link would be helpful, so I googled it...

https://forum.warriortigers.hu/

And to get an image in, put an image in your forum to link to and add this to your index.css file

Find:

#upper_section {
    overflow: hidden;
    font-size: 12px;


and add
    background: url(https://forum.warriortigers.hu/Themes... link to your image here) no-repeat;
    /* background-attachment: fixed; */
    background-size: cover;

I hacked this (using an image on my own site)

#upper_section {
    overflow: hidden;
    font-size: 12px;
    background: url(https://www.fjr-club.nl/Themes/responsive/images/theme/bg8.jpg) no-repeat;
    /* background-attachment: fixed; */
    background-size: cover;
[code]

and this is the result... have fun..



I have changed index.css file and I saved it with:

#upper_section {
    overflow: hidden;
    font-size: 12px;
    background: url(https://forum.warriortigers.hu/Themes/lazarus20/images/wrts_logo1.jpg) no-repeat;
    /* background-attachment: fixed; */
    background-size: cover;


It was not refreshed on my page. Can you check it?
Should I wait to refresh the cache by automatically or what?
Title: Re: How to put image to upper section on the forum?
Post by: @rjen on February 08, 2019, 09:23:27 AM
I see that you have a minified css... and the change is not in it...

the file is called: https://forum.warriortigers.hu/Themes/lazarus20/css/index.min.css

Not sure how you minified it?
If your theme does that automatically: force it to refresh.

Anyway you need to make sure changes to the css are also applied to a minified version...
Title: Re: How to put image to upper section on the forum?
Post by: @rjen on February 08, 2019, 10:10:51 AM
Ok, after checking the theme support thread here: https://www.simplemachines.org/community/index.php?topic=561067.0 (which I recommend you to do as well!) this question has been asked and answered already: you have to update the index.min.css file manually...
Title: Re: How to put image to upper section on the forum?
Post by: Kindred on February 08, 2019, 01:16:52 PM
incidentally -- if you use a relative URL instead of the fully qualified URL, you don't have to worry about http versus https. :)
Title: Re: How to put image to upper section on the forum?
Post by: Gutek1984 on April 18, 2019, 07:05:41 PM
Witam  podłączę się   do pytania i proszę o pomoc.

Jakich rozmiarów zdjęcie mogę tu wstawić i jak to zrobić.
Pozdrawiam Gutek
Title: Re: How to put image to upper section on the forum?
Post by: GigaWatt on April 18, 2019, 08:42:00 PM
This is an English only board. Please post in English.