Skip to main content

Website creation, the client understands the meaning and is ready to spend

  Website creation, the client understands the meaning and is ready to spend Creating a website, the client understands the meaning and is ready to spend. What does this mean? Customers are different, some are huffing and puffing but can't afford everything. Others are rich but greedy, but there are those who delve into all the details of website building and promotion. And it's very pleasant to deal with them. For example, you need to fill the site cool and uniquely, they don't skimp on copywriters and rewriters, moreover, they add to them themselves. They think over the entire structure of the resource with the master, where, what and how will be located. They select images, logos and icons. They test and only then give the green light for a full launch of the site. And already in the process they change something. They deal with all popular social networks, or rather their managers. They control reviews in Google My Business. They research search queries in Google Trends...

Why a website needs a dark version, convenience for users

 

Why a website needs a dark version, convenience for users

Have you ever wondered how to make a dark theme for a website? If you have, then this is right, because in order for the user to stay on your website even at night and continue reading the content, you need to create all the conditions for him. Imagine a situation, there is a light-colored website, it is convenient for reading during the day, but at night in the dark, its lightness eats out the eyes, this is the main problem that creates discomfort at night, today we will try to solve this problem and create all the conditions for comfortable reading of the site even at night.

The solution that we will use is not a clutter for the site code, just a few lines of styles, a small script and a button to turn on / off the dark version.

Installing the Dark version for the site will consist of 3 steps:

1. Set the following styles in the CSS style sheet:

html .dark * {
background-color: #1d1c1c !important;
color: #fff!important;
}

2. Install in the global block at the bottom of the site or just before the </body> tag the script:

<script type="text/javascript">
$(function(){
var gun = localStorage.getItem('name') === null || localStorage.getItem('name') === 'false' ? false : true;
$("body").toggleClass("dark", gun);
$(".change").on("click", function() {
$("body").toggleClass("dark");
var gun = $('body').is('.dark');
localStorage.setItem('name', gun);
});});
</script>

3. The last point is to set up a button to turn on/off the dark version, set up the button in a convenient place in the template:

<a type="btn" class="change"><img src="/img/darkthem1.png" alt="Dark theme for the site" title="Dark theme for the site" style="max-width: 20px; margin-top: -3px; cursor: pointer;"></a>

That's it, there's nothing complicated about it, just change the background to dark and make the text white. You can see the result of the dark theme by clicking on the light bulb or crescent icon in the site header.

source of information

Comments

Popular posts from this blog

Why should a webmaster have several Internet browsers?

  Why should a webmaster have several Internet browsers? Sometimes I see how people who create websites have one for surfing and work. Of course, more often these are beginners, but still. Starting with the basics, an explanation of why not only chrome, the latter is often the main one and naturally all Google services are installed in it. Including the webmaster, now called Google Search Console. So, when you visit sites, a hint is displayed in your browser, you have visited this page many times. That is, when working on a client’s resource and making thematic queries, this often comes up. Yes, you can open it in incognito mode, but from experience I will say this, there is a difference in search results for certain queries in browsers. It’s small, but it’s definitely there, why you need to ask the developers, who of course won’t answer you. There are never too many Internet browsers, and even more so for a person connected with websites. And this is necessary not only to check th...

Why is it worth having a branded email?

  Why is it worth having a branded email? An email address on your own domain, that is, name@your_site. And now, in order. I came across confirmation from Google of my business for one company. And the solution to the issue of urgent addition to the map was email. But as usual, no one knows anything, they have a domain, but there is no website as such.  So, what I've done for my own website? I created a resource, or rather, parked a domain and connected mail. The whole procedure took about an hour. We were able to receive the code from Google via branded mail and the company was verified. By the way, they often request access because they need to declare ownership of an existing point on the map. And when it is not possible to do this via phone. Although this is also not a problem, now you can purchase the required number from the operator on the website, unless of course it is busy. In conclusion, I would like to say that some servi  ...  Read more »

How a website is run in the USA, a note to those who have low traffic

  How a website is run in the USA, a note to those who have low traffic I have already talked about creating a website for the USA more than once. Now I would like to talk about how, after almost two months of work, my clients overseas are getting along with their resources. I'll start with the main thing: several articles are added to  news  modules every day. Moreover, the business owner himself does this as he understood all my instructions, and he likes that he can do it himself with ease. All possible  services  are filled in , moreover, they are rewritten and supplemented from time to time. New  photos  are added  with the correct title and description. All possible social networks are maintained, the number of which is more than 10. Visitors have the opportuni  ...  Read more »