Hello,
I'd like to know how to change the color of the address bar when in mobile. I know how to do it in Joomla...but I cannot find where to add the code for SMF on my site. Any help would be appreciated.
Thank you!
You'll need to tell people which theme you are using. By default, SMF 2.0 does not have a separate mobile mode.
Ahhh ok, sorry, I wasn't aware it was part of the theme but I guess that make sense.
I'm using an older Back n Black theme from CripThemes.
Been tempted to change it...just been waiting for SMF 2.1
That uses a gif for the menu background:
#toolbar {
background: url(../images/toolbar.gif) repeat-x;
height: 41px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-khtml-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
}
So you can either change the gif, or change the css so it doesn't call the gif. Personally I'd change the css, because you can do pretty much anything with css3 gradients these days. What colour do you want it?
Just as an example, this would give a plain black background:
#toolbar {
background: #000;
height: 41px;
border-radius: 10px;
}
And this would give a gradient closely matching the default gif:
#toolbar {
background: linear-gradient(to bottom, #070707, #303030);
height: 41px;
border-radius: 10px;
}
Sorry, last one should be:
#toolbar {
background-image: linear-gradient(to bottom, #070707, #303030);
height: 41px;
border-radius: 10px;
}
Antechinus...unless I'm mistaken, I think you read my post wrong. I'm looking to change the address bar...not the tool bar or background of the template.
Oh well, that's part of the browser. Nothing to do with SMF. This is a support board for SMF templates. If you want support on something that has no connection to SMF, you're basically on the wrong site. Unless I'm still misinterpreting what you're saying.
Do you mean the bar at the top of the screen that has https://www.simplemachines.org/community/index.php?topic=562951.msg3994016 or whatever in it?
If so, nothing to do with SMF. Browser and/or OS issue.
Add this after the <head> tag of index.template.php of your theme, make sure you do it properly with php echo, and edit content to whatever you want
<meta name="theme-color" content="#FF6120">
Oh that old thing. I'd forgotten about that. Only works on Android/Chrome, IIRC.
Quote from: Antechinus on October 29, 2018, 04:17:45 PM
Oh that old thing. I'd forgotten about that. Only works on Android/Chrome, IIRC.
Wow never knew you could do that. I would think that would almost be security issue. I remember when Green was for trusted SSL.
I've never heard of it causing security issues, but then I've never checked either.
Quote from: Antechinus on October 29, 2018, 05:18:54 PM
I've never heard of it causing security issues, but then I've never checked either.
I'd guess the point is you can use the same color as a secure page would show.
Quote from: vbgamer45 on October 29, 2018, 04:30:07 PM
Quote from: Antechinus on October 29, 2018, 04:17:45 PM
Oh that old thing. I'd forgotten about that. Only works on Android/Chrome, IIRC.
Wow never knew you could do that. I would think that would almost be security issue. I remember when Green was for trusted SSL.
This is how it looks
(https://developers.google.com/web/updates/images/2014/11/theme-color-ss.png)
Quote from: SychO on October 29, 2018, 10:23:56 AM
Add this after the <head> tag of index.template.php of your theme, make sure you do it properly with php echo, and edit content to whatever you want
<meta name="theme-color" content="#FF6120">
SychO...yep, that works for the main site, I'm trying to get the address bar to be the same color for my main site, as well as for the forum.
Currently, the RocketTheme template I have allows this code to be directly put in on the backend of Joomla. For the SMF side (which Antechinus) is a question for the SMF team...I need to know where to place the same type of code.
Antes knows exactly what I mean.
My site has a dark theme to it, as does my forum, and as such I'd like the top address bar to be black. I've got it all setup on the main site like I said...just trying to get it to work with SMF as well.
See the attached pics...
Forum vs Site address bars...
That's not really the address bar though :P
Quote from: Gwenwyfar on October 30, 2018, 07:16:06 AM
That's bot really the address bar though :P
If you mean it's "not" the address bar...it is. That's where you type the address in. It's been called the address bar since the 90's.
Google thing? It looks like a plain title bar to me. But I don't use chrome.
It's like I said, edit index.template.php located in your Theme 's directory under Themes
Quote from: SychO on October 30, 2018, 10:02:13 AM
It's like I said, edit index.template.php located in your Theme 's directory under Themes
Cool...I'll give that a shot hopefully tonight. Thanks Sych0
SychO...thank you! I had to toy with it a bit (not good at the whole programming language)...but I got it working!