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

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

How to properly prepare for website creation, simple technical task

How to properly prepare for creating a website? I will set out a simple technical task from myself in this note. So let's start, of course, first of all, we choose a domain for your resource. Choosing a hosting for storing the contents of the site, here you should not save, especially if the site is well filled. Resource content, or preparation. First of all, write a good text about the company. The more and more unique, the better. Some say - who reads this? The most important thing is that the content is viewed by the Google search engine, moreover, such pages are needed for links in micro-markup . Static pages for each of your services should also be. For products, if it is an online store, the category description should be longer and more interesting. Photos and videos. This is enough for many, but you need to understand that the size and weight must be minimal for fast loading. For compression, you can use services like  this  . For videos, definitely start a Y...