Basic Configuration

Started by chris319, September 29, 2022, 04:38:50 PM

Previous topic - Next topic

Kindred

And what do you have for your site url in your smf admin?

I'm betting that you use the non-www url to access your site...

Set up a forced redirect to the www url in your htaccess file
Сл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."

Steve

Everything seems to work fine for me.  :-\
DO NOT pm me for support!

Julius_2000

Quote from: chris319 on October 02, 2022, 07:55:58 PMwww.videotechnologyforum.org

PLEASE NOTE: The board is not officially open yet.

Funny, when I click on the above link I see our home page. When I type in the URL I see a blank white screen with links on it.
Could you try clearing your browser's history/ cache and cookies and see if that works?

Kindred

So, I have tried across multiple browsers, with the www and without.

it all works fine for me (although it is NOT https, which you really should do)

the non-www correctly redirects to the www URL.
the www URL works correctly.
I have visited the site a number of times now and am unable to cause a blank screen.
Сл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."

chris319

I'm working with a graphic artist on a new banner for my board.

He started by making a .png image 150 px high x 600 px wide.

The 4:1 aspect ratio is killing our design.

Can I have him make an image which is less narrow vertically without messing anything up? Say, 400 px high by 600 px wide?

The final design will probably be .svg.

Kindred

Is that at all related to your original issue?
Сл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."

chris319


shawnb61

Don't know where the 4:1 ratio limitation came from.  Ours is 1280 to 180, more like 7:1.  Only took a couple minor tweaks to make it work:
https://www.vguitarforums.com

Have your artist propose a few things to try, then try 'em...  Start with what you want, then make it work.  SMF is extremely flexible that way.
Address the process rather than the outcome.  Then, the outcome becomes more likely.   - Fripp

Julius_2000

#28
Quote from: chris319 on October 14, 2022, 08:17:33 PMI'm working with a graphic artist on a new banner for my board.

He started by making a .png image 150 px high x 600 px wide.

The 4:1 aspect ratio is killing our design.

Can I have him make an image which is less narrow vertically without messing anything up? Say, 400 px high by 600 px wide?

The final design will probably be .svg.

It's really hard to give you any advice since no one knows what your actual design looks like. The banner should follow your imagination and vision for your page. Would you like it to span across the page or be limited to a certain with? What should the height be? The aspect ratio is just a result of your chosen design. It's only important to know its placement.

For example, this is the SMF logo adjusted by me in the in-built Dev Tool of Firefox (see my advice at the end of this earlier reply) . I changed the logo's with to 100% and it's height to auto. Now, it takes up all the space it can within that div element while keeping its aspect ratio (the actual logo size is 3174x419 px). And since that div element the logo is in has a max-width set to 1200px, the logo can't get any wider than that. Of course you could set a specific height to it, it would then try to keep the aspect ratio for the given image  (this is also true for the opposite, height 100%, fixed width). If you would apply fixed widths/heights that are not reflective of the image's aspect ratio, the image would get squeezed.
You cannot view this attachment.


So, why don't you try it out yourself and put a simple placeholder image there, play with the settings until you're satisfied with the result and then let your designer adjust the logo accordingly?
The file format is secondary when it comes to placement and dimensions. The "only" difference in that regard is image quality.

chris319

Thanks, Julius.

I have told my artist to go ahead and make the banner whatever aspect ratio works for the design. The design is based on circles but in a squarish container. We'll try it and see!

Julius_2000

If you are going to go with a fixed file format like jpg or png instead of an svg, I believe it would be best to design the image in a somewhat larger width and height (higher resolution) than your target display size while keeping the desired aspect ratio. Images are better downscaled than upscaled regarding their quality.

chris319

#31
Quote from: Sir Osis of Liver on September 29, 2022, 06:28:08 PMIf you want to replace the SMF logo with a custom image, and don't want to mess with any coding, you can create a banner in svg format, same size (288 x 37px), name it smflogo.svg, and upload it to /Themes/default/images.  It will replace the logo.

No joy.

I also tried uploading to:

/public_html/videotechforum/Themes/ProCurve/images/custom

replacing smflogo.svg and likewise no joy.

I am using the "ProCurve" theme.

I can't put my board on line branded as "simplemachines forum" as it is now.

Shades.

Quote from: chris319 on October 15, 2022, 10:00:53 PM/public_html/videotechforum/Themes/ProCurve/images/custom
put it in /public_html/videotechforum/Themes/ProCurve/images/ instead of /public_html/videotechforum/Themes/ProCurve/images/custom
ShadesWeb.com - Custom Logos - My Themes on SMF | My Themes on ShadesWeb
https://shadesweb.com

BikerHound.com - Sniffing out the road ahead
https://bikerhound.com

Dream as if you'll live forever; Live as if you'll die today. - James Dean

chris319

#33
Quote from: Shades. on October 16, 2022, 12:32:27 AMput it in /public_html/videotechforum/Themes/ProCurve/images/ instead of /public_html/videotechforum/Themes/ProCurve/images/custom
Done.

Still no joy.

I have tried using both the svg and png versions. Nothing.

I can see my new banner if I revert to the default theme (Curve2).

Steve

You are clearing your browser's cache each time you make one of these changes, right?

And/or confirming by using a different browser?
DO NOT pm me for support!

chris319

Quote from: Steve on October 16, 2022, 06:02:58 AMYou are clearing your browser's cache each time you make one of these changes, right?

And/or confirming by using a different browser?

I cleared the cache on Chrome and that did it, thank you.

https://www.videotechnologyforum.org/index.php

Now it needs to be horizontally centered on the page and made a little wider, while preserving the aspect ratio so the circles look round. I'm using the svg file.

Which file do I make those adjustments in again? Thanks.

Julius_2000

#36
Quote from: chris319 on October 16, 2022, 06:31:16 AM
Quote from: Steve on October 16, 2022, 06:02:58 AMYou are clearing your browser's cache each time you make one of these changes, right?

And/or confirming by using a different browser?

I cleared the cache on Chrome and that did it, thank you.

https://www.videotechnologyforum.org/index.php

Now it needs to be horizontally centered on the page and made a little wider, while preserving the aspect ratio so the circles look round. I'm using the svg file.

Which file do I make those adjustments in again? Thanks.

Alright, I'm not a pro but this is what you could do, given how it's set up at the moment:

n index.css find

#header and add:
flex-wrap: wrap;
h1.forumtitle and add
display: flex;
justify-content: center;
width: 100%;

h1.forumtitle a and add a width that you like. For instance:
h1.forumtitle a {
     color: rgb(168, 84, 0);
     text-shadow: rgba(0, 0, 0, 0.3) 1px 1px 1px;
     width: 50%;
}

To put the search bar to the left, do this:
Find #search_form and add
margin-left: auto;
This is how it would look like.
You cannot view this attachment.

The image is still a png. If you want to keep it that way, your image should be done in a higher resolution. It looks a bit blurry. Make it bigger and the shrink its size or, as you mentioned, use an svg file instead.


Addendum:
If you want your forum to be used on small devices, too, do this:
in responsive.css find this
@media (max-width: 480px)

and look for this class:
h1.forumtitle a, h1.forumtitle {
padding: 5px 0px 0px 4px;
margin: 10px 0px;
max-width: 300px;
}
You might want to remove  the max width or block it (put /* */ around the max-width) and also adjust the margin and padding to your need if you're interested the mobile aspect of your forum for small devices.

chris319


Julius_2000

Did you forget to close one of the classes/ id's? There should be {   } around their css properties. Your site looks like it doesn't load your index.css properly.

chris319

QuoteThe image is still a png. If you want to keep it that way, your image should be done in a higher resolution. It looks a bit blurry. Make it bigger and the shrink its size or, as you mentioned, use an svg file instead.

You're right; it was showing a png image. I deleted the png image and now I don't have a banner at all. I have logo.svg and smflogo.svg in the appropriate directories.

I tried reverting to the default Curve2 theme and no success with that, either.

I'm about five seconds from giving up on this project altogether.

Advertisement: