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

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 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...

Filling or changing a website using a smartphone

  Filling or changing a website using a smartphone Filling or changing a website using a smartphone. A topic that is rarely discussed on the Internet, I am also more inclined to think that this is wrong. But I still want to touch on it because in some cases it is not very convenient but necessary.  Well, let's start with the fact that not every site management system allows you to quickly manage content from a mobile phone. For example, add an image to a photo album, the work is done and the result is immediately on the Internet. Write a comment as spam, it is immediately deleted. Find an error in the text and immediately correct it. Moreover, sometimes posts in news modules are written from a phone. In our case, the site is managed by logging in via Google or Facebook. And you don't need to log into any admin panel. Moreover, the main one receives all notifications by email and manages the whole process. Of course, you need to teach the basics at first, but it's not that d...