inherit
253954
0
Jan 2, 2019 6:01:46 GMT -8
HotRod Richard
6
March 2018
hotrodrichard
|
Post by HotRod Richard on Apr 3, 2018 19:12:03 GMT -8
hotrodcruiseinn.proboards.com/
Is there any code available to allow using 2, 3, or 4 images in the banner area, side by side, instead of the default for using just 1 image in the banner area?
I edited to add: Code I might add to the css or style sheets that will allow to add side by side images
Thank You HotRod Richard
|
|
Nori
Junior Member
Posts: 483
inherit
182806
0
May 16, 2024 18:42:03 GMT -8
Nori
483
September 2012
nori
|
Post by Nori on Apr 4, 2018 14:12:03 GMT -8
CSS allows the use of multiple background images for sure. You can read up on it on W3 Schools if you're interested (great resource site!) Specific to your inquiry, you could add something like this to the bottom of your style sheet: You can just add a comma and paste in another set as many times as you want. The code above fits 2 images. Where I have 'horizontal' or 'vertical' alignment is where you'd need to do your own tweaking. If you want stuff side-by-side then you'd have to take time positioning them horizontally so they don't overlap. You can do this in %s. So if you wanted 2 backgrounds both centered around the forum you may want the first one around 40% and the second at 60%. Depends on how big your images are. You can view the W3 Schools' background-position property for the values it accepts and how it works :3 Hope this helps a bit!
*Edit: As per the trouble mentioned below & Kami's post I have highlighted the portions of the suggested code template above that need your own adjustments HotRod Richard . It should end up looking something like... background: url(http://...real-url-here...) no-repeat 40% center, url(http://...real-url-here...) no-repeat 60% center; These are not exact and will require your tweaking depending on the images you use.
|
|
inherit
253954
0
Jan 2, 2019 6:01:46 GMT -8
HotRod Richard
6
March 2018
hotrodrichard
|
Post by HotRod Richard on Apr 4, 2018 19:22:52 GMT -8
hotrodcruiseinn.proboards.com/
Thank You Very Much, for the assistance and suggestion.
I seem to have a Syntax Error when I enter this code in the bottom of the CSS Style Sheet. I spent several hours trying to figure that bug or error out with no success yet.
I will continue to try and figure that out. Until then if you or anyone has other suggestions, it would be greatly appreciated.
Thank You Very Much HotRod Richard
|
|
Kami
Forum Cat
Posts: 40,064
Mini-Profile Theme: Kami's Mini-Profile
#f35f71
156500
0
Offline
Jul 24, 2021 11:48:29 GMT -8
Kami
40,064
July 2010
kamiyakaoru
Kami's Mini-Profile
|
Post by Kami on Apr 4, 2018 20:12:06 GMT -8
hotrodcruiseinn.proboards.com/
Thank You Very Much, for the assistance and suggestion.
I seem to have a Syntax Error when I enter this code in the bottom of the CSS Style Sheet. I spent several hours trying to figure that bug or error out with no success yet.
I will continue to try and figure that out. Until then if you or anyone has other suggestions, it would be greatly appreciated.
Thank You Very Much HotRod Richard Are you leaving in the < horizontal > and < vertical >? You need to populate that with the appropriate values if so. (And also for the (URL-HERE) bits).
|
|
inherit
253954
0
Jan 2, 2019 6:01:46 GMT -8
HotRod Richard
6
March 2018
hotrodrichard
|
Post by HotRod Richard on Apr 5, 2018 7:59:33 GMT -8
Bingo... It works now
I can't thank both of you enough for the help on this
Now all I need to do is find a new 50's style bell hop girl
Thank You Both Again for your help :-)
I edited to correct: 50's style bell hop girl, should have said: 50's style drive in car hop girl
|
|
inherit
254408
0
Jun 2, 2018 10:46:25 GMT -8
karl33
22
April 2018
karl33
|
Post by karl33 on Apr 22, 2018 3:52:16 GMT -8
Glad I found your thread HotRod! I'm new to all this and I'd like to know how to put a single image in the banner. can you help?
|
|
Nori
Junior Member
Posts: 483
inherit
182806
0
May 16, 2024 18:42:03 GMT -8
Nori
483
September 2012
nori
|
Post by Nori on Apr 22, 2018 6:24:41 GMT -8
Hullo Karl33 ^^
You can choose your banner image by going to the Admin Panel -> Themes -> Colors & Theme Creator (or if you're comfortable with it you can also do this in the Advanced area too). Just underneath all the Color Scheme stuff is the Forum Banner area where you can choose the height, color, image, and all that.
Hope this helps!
|
|
inherit
254408
0
Jun 2, 2018 10:46:25 GMT -8
karl33
22
April 2018
karl33
|
Post by karl33 on Apr 22, 2018 11:21:10 GMT -8
thank you Nori...I found it...only problem is it repeats the image across the banner. I just want to include a logo.
|
|
inherit
217348
0
Jul 27, 2022 7:26:44 GMT -8
Lynx
5,789
January 2015
msg
|
Post by Lynx on Apr 22, 2018 11:38:29 GMT -8
karl33, In the area that Nori sent you to, be sure the background repeat option is set to no repeat for the image repeating issue. A logo image can be uploaded in Admin > Themes > (click on Theme name) > (click Images tab) and there's a place to upload a logo image near the top.
|
|
inherit
254408
0
Jun 2, 2018 10:46:25 GMT -8
karl33
22
April 2018
karl33
|
Post by karl33 on Apr 22, 2018 17:12:13 GMT -8
Thank you... I finally found the background repeat option and set it to "no repeat", but when it says background it means the background. The logo appeared behind the banner. All I want to do is put the logo image inside the banner. I'm pretty sure that's not so complicated, but the help guide is so comprehensive I'm having a hard time figuring out how to do it.
Any other tips would be much appreciated.....Thanks again.
|
|
Nori
Junior Member
Posts: 483
inherit
182806
0
May 16, 2024 18:42:03 GMT -8
Nori
483
September 2012
nori
|
Post by Nori on Apr 22, 2018 21:18:01 GMT -8
The Colors & Theme Creator is very simple and does not have an option for the repeat. Changing the repeat for the banner specifically can be accomplished by going into the Advanced Styles & CSS under the 'Themes' area in the Admin Panel, then expanding 'Header (Top)' -> Forum Banner -> Banner Image. It has the Height, Bkg Color, Bkg Image, Bkg Repeat, and Bkg Position properties right there.
If I'm understanding the last post, I think what you found was the overall Forum Background and changed that. So the above should be what you want :3
The Forum Logo that MSG described can be used to replace the plain text that composes your default Forum Title and would be what you're looking for if you have an image that you want to sit on top of a banner background. However, you can only have 1 Logo unless you want to get into custom CSS styles. I almost never use this as it clashes with other styling I tend to do so I completely forgot about that option ^^;
|
|
inherit
254408
0
Jun 2, 2018 10:46:25 GMT -8
karl33
22
April 2018
karl33
|
Post by karl33 on Apr 23, 2018 1:02:14 GMT -8
Thank you Nori ! That worked.
|
|
Nori
Junior Member
Posts: 483
inherit
182806
0
May 16, 2024 18:42:03 GMT -8
Nori
483
September 2012
nori
|
Post by Nori on Apr 23, 2018 7:33:16 GMT -8
You're welcome ^^ Good luck with your forum
|
|