News:

Want to get involved in developing SMF, then why not lend a hand on our github!

Main Menu

Banner harmony and few other bits.

Started by faliro, January 11, 2017, 02:01:47 PM

Previous topic - Next topic

faliro

This is my forum:

http://greek-football.com/index.php

Any advice on how to make the banner fit better into the page. The Theme is Curve Multi Colour. The banner just looks a bit stuck on with various horizon lines cutting in behind.

Also is it possible to add background on this theme (Curve Multi Colour) - like this SMF forum has (a photo of a stadium):

http://serbenfiquista.com/forum/index.php

Finally is there a theme that is easy to modify? It seems to get any big changes in the way the forums look, you have to upload a new theme, if there one that comes with plenty of options to change the look of the forum? I chose Curve Multi Colour for this very reason.

The reason i am asking all this now is because I started the forum yesterday and have not opened yet - but I read on here it is useful to pick a good theme and stick with it - as successive uploads/mods can lead to disaster.

Cheers in advance.
Thanks in advance

faliro

#1
If I have this topic in the wrong forum, please let me know.  :laugh:

I have created a banner, but I just can't fit it harmoniously to the page - just leaves a massive white gap - no-matter how much i resize it:


http://greek-football.com/index.php

Deaks

how did you add that banner?  Sometimes its easier just to add the code instead of using the theme options section, as for the background, yes its possible and quite easy, just upload the image to your themes images folder and alter the call in index.css :)
~~~~
Former SMF Project Manager
Former SMF Customizer

"For as lang as hunner o us is in life, in nae wey
will we thole the Soothron tae owergang us. In truth it isna for glory, or wealth, or
honours that we fecht, but for freedom alane, that nae honest cheil gies up but wi life
itsel."

faliro

#3
Quote from: Bryan D on January 13, 2017, 01:48:02 AM
how did you add that banner?  Sometimes its easier just to add the code instead of using the theme options section, as for the background, yes its possible and quite easy, just upload the image to your themes images folder and alter the call in index.css :)



Didn't seem to work well as you can see:

http://greek-football.com/


Quote from: Bryan D on January 13, 2017, 01:48:02 AM
  Sometimes its easier just to add the code instead of using the theme options section, as for the background, yes its possible and quite easy, just upload the image to your themes images folder and alter the call in index.css :)

Are there any guides for both, maybe on here? I am fairly new to all this.  :D

Kindred

well, first things first...

you should probably not be using an external URL for the banner of your site.

second...   

the location that you put it is defined in the the theme layout/css for location, height and width...  (firefox+firebug is your friend)

third....

As Bryan says, rather than trying to force the logo section...  it might be better to put a new location in.
However... a 1200x675 banner is VERY large
Слaва
Украинi

Please do not PM, IM or Email me with support questions.  You will get better and faster responses in the support boards.  Thank you.

"Loki is not evil, although he is certainly not a force for good. Loki is... complicated."

faliro

#5
Quote from: Kindred on January 13, 2017, 08:25:25 AM
well, first things first...

you should probably not be using an external URL for the banner of your site.

Agreed.

Quotesecond...   

the location that you put it is defined in the the theme layout/css for location, height and width...  (firefox+firebug is your friend)

Firefox+firebug is not my friend. Not even an acquaintance I am afraid.  :-\ Only use chrome. I just added firefox firebug addon to my firefox.. and all I see is scripts. Is there an assumption perhaps that I know about these? I really don't.  Is there any guide that could show me how to fit this banner better to the top of the page, removing the massive white gap underneath? All I am getting is css stuff and I am not familiar with scripts. I picked smf because I read - the forums are easy to modify and play with. Do I have learn scripts??  :-\

Quotethird....

As Bryan says, rather than trying to force the logo section...  it might be better to put a new location in.
However... a 1200x675 banner is VERY large

Indeed, I tried far smaller banners - kept reducing the pixel size - but always with the same result, that is when i realised I may have to do something that involved skills i don't yet have.

Kindred

well, SMF forums are pretty easy to customize -- to a point.

Themes and mods are two click installations...

However, further customization does require at least some basic knowledge of at least html and CSS and more involved personalization might require learning some php.
It's pretty much the same for any system...
If you are trying to do something that the system isn't designed to do, then you need to tweak code. :D

and yes. firebug lets you look at the html and css on any page.

In this case, however. the size of the banner itself is causing the huge gap.

Looking at the code in firebug, I notice that your banner is
https://i.snag.gy/vukgEq.jpg

it's HUGE!!! It's basically a whole screen, There is a ton of blank space included in the image.

try this (see attached) instead.
Слaва
Украинi

Please do not PM, IM or Email me with support questions.  You will get better and faster responses in the support boards.  Thank you.

"Loki is not evil, although he is certainly not a force for good. Loki is... complicated."

faliro

Quote from: Kindred on January 13, 2017, 11:22:13 AM
well, SMF forums are pretty easy to customize -- to a point.

Themes and mods are two click installations...

However, further customization does require at least some basic knowledge of at least html and CSS and more involved personalization might require learning some php.
It's pretty much the same for any system...
If you are trying to do something that the system isn't designed to do, then you need to tweak code. :D

and yes. firebug lets you look at the html and css on any page.

In this case, however. the size of the banner itself is causing the huge gap.

Looking at the code in firebug, I notice that your banner is
https://i.snag.gy/vukgEq.jpg

it's HUGE!!! It's basically a whole screen, There is a ton of blank space included in the image.

try this (see attached) instead.

Firstly, thank you so the resize, it seems to fit exceptionally well:

http://greek-football.com/

:D

And thank you also for explaining what I need to start learning - for example to get the banner to fit without any of the curve's natural horizontals cutting through the banner - I clearly have to start learning some CSS.

Kindred

actually....  the background becomes a little complicated, because it's css, but it is CSS placing images and that background image with the two "layers" is actually one image

Honestly, if I was you, I would get a slightly different, with a larger banner space to begin with, instead of using just the default theme. :)

this one actually looks like it might suit you
http://custom.simplemachines.org/themes/index.php?lemma=2746

alternatively, a responsive theme
http://custom.simplemachines.org/themes/index.php?action=search;basic_search=responsive


Слaва
Украинi

Please do not PM, IM or Email me with support questions.  You will get better and faster responses in the support boards.  Thank you.

"Loki is not evil, although he is certainly not a force for good. Loki is... complicated."

faliro

#9
Once again, thanks for the advice. The one you said might suit me actually does. I would have it very easily, except it is not responsive, difficult to use on a mobile and this day age..(is there any type of mod that can make a theme responsive that isn't?) but still if it was fairly easy to fill the header section completely & neatly with the banner - I would certainly give it a crack. Would that be difficult to do this in the css and make sure the banner doesn't move around in the header - fits perfectly etc with the buttons and info on top?

http://greek-football.com/

Just had a massive re-learning of how to use Paint. Net - as I forget the PNG file also saves the canvas size.. I was using canvas sized as large as this forum..  :laugh:




Deaks

Ya sou sorry for not replying been busy as I started new job, in all honesty their are slightly better themes than theone Kindred suggested, you really need to look at one that isnt so close to curve, but does give the flexibility.  I played around with a theme, check your messages I have sent you a link.
~~~~
Former SMF Project Manager
Former SMF Customizer

"For as lang as hunner o us is in life, in nae wey
will we thole the Soothron tae owergang us. In truth it isna for glory, or wealth, or
honours that we fecht, but for freedom alane, that nae honest cheil gies up but wi life
itsel."

faliro


Advertisement: