Phew, I'm finally done organizing new recipes from magazines. While they were gathering dust in an envelope just in the form of a pile, I did not think that I had accumulated enough of them. While I was pregnant with my son, I overcooked so many new recipes that they probably would have been enough for several cookbooks. Maybe because I wanted to eat all the time :)) or maybe .. who knows. With the birth of a child, there was practically no time left for experiments with cooking, but the son is growing up, loves to help his mother bake muffins and cakes, and his hands finally got to the organization of recipes.
So, I took 2 folders, one for new recipes, the other for already tested, loved and used.
I didn’t divide the folder with new and not yet tested recipes into many sections, firstly, because the folder is temporary anyway, because. recipes need to be tested, and secondly, even sorting into several categories took a lot of time.
Therefore, I divided the new recipes for the temporary folder into:
- breakfasts;
- Snacks;
- Salads;
- Soups (lunches);
- Dinners;
- Salads;
- Pastries (mostly sweets and desserts).
I printed the separators on a color printer, here's what happened:
My folder with new recipes is quite thick, as much as 80 pages. Therefore, I recommend to quickly find the categories inside the folder, supplement it with side separators so that you can also quickly find the desired category. You can use ready-made ones, for example, like this:
Or download mine:
I printed the dividers on self-adhesive paper, cut them out and simply glued them to the desired pages:
I carefully littered all the recipes, finally getting rid of those that my family would definitely not eat. The ones I wanted to keep I just cut out with scissors. Very tedious and hard work. Therefore, if you are a happy owner of a paper cutter, you are in luck.
As a substrate for cut out recipes, I used ordinary colored paper for creativity. I had this MOL paper from IKEA. If desired, colored paper can even be used as a basis for dividing recipes into categories, then you will know that, for example, salads are on the green pages, and, for example, red meat dishes.
I simply put the cut out recipes on top of a colored paper background. If you like the dish, I will transfer it to the folder with already tested recipes. If not, I'll throw it away.
Greetings. Recently I was asked how to make a page smoothly scroll to a certain part of the page. In general, this is called the transition to the anchor link. When a site visitor clicks on an element to which an anchor link has been added, the visitor is automatically taken to the part of the page where the anchor was added.
Typically, anchors are used on pages with a large volume, so that you can quickly navigate to the desired section for easier navigation. You must have seen this on many sites.
Anchor (anchor) is a label with a unique name, located in a specific place on a web page, which is designed to navigate to it via a link.
To create an anchor, you must first bookmark the appropriate location and give it a name using the name attribute of the tag .
Check out the test blog to see how it works.
Let's figure out how to follow anchor links inside a page in Blogger. Everything is quite simple.
Let's create a simple menu, where as a link parameter we set the id of the blocks to which scrolling will occur. Something like this
In order not to fool you once again, I give you the complete code right away. You can copy it and try it on your test blog page by switching to HTML mode in the post editor. And let's figure out what's done here
- Where to begin
- How to do
- Where to get
- How to implement
Where to begin
How to do
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis rerum deleniti quibusdam molestiae esse ad iusto natus, asperiores doloribus impedit quia quasi placeat unde recusandae ut fuga enim vel incidunt sed perspiciatis magni culpa corporis hic! Ducimus distinctio esse quod eius repudiandae at magni repellat, expedita molestiae, delectus, aliquam laborum vel eveniet reprehenderit sunt voluptate similique!
Where to get
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis rerum deleniti quibusdam molestiae esse ad iusto natus, asperiores doloribus impedit quia quasi placeat unde recusandae ut fuga enim vel incidunt sed perspiciatis magni culpa corporis hic! Ducimus distinctio esse quod eius repudiandae at magni repellat, expedita molestiae, delectus, aliquam laborum vel eveniet reprehenderit sunt voluptate similique!
How to implement
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis rerum deleniti quibusdam molestiae esse ad iusto natus, asperiores doloribus impedit quia quasi placeat unde recusandae ut fuga enim vel incidunt sed perspiciatis magni culpa corporis hic! Ducimus distinctio esse quod eius repudiandae at magni repellat, expedita molestiae, delectus, aliquam laborum vel eveniet reprehenderit sunt voluptate similique!
And the HTML code, respectively adding such sections of text
How to implement
ALL YOUR TEXT WILL BE HERE
And here I just have to draw your attention to the following
If you have registered anchors when editing a message, do not switch to the "Create" tab, work and write a message in HTML mode. Then the anchors will remain in their original form. Otherwise, autocorrect will just happen (these are the vagaries of Blogger).
Here is some name
Will look like this
That is, the transition will be made to a non-existent page (as if unpublished).
If it’s still hard to work in HTML mode and for everything to work correctly in this case, you just need to change the link a little so that the anchor tag looks like this
Here is some name
Where https://n-t-b-b.blogspot.com/2019/08/blog-post.html this is the link to the page that can be seen on the right side of the post editor in settings here
That's it, it's quite simple. Blogs on Wordpress has a special plugin for such purposes. On Blogger, this is easily implemented using code like this. Good luck everyone.
Hello friends. And another sitemap for you today. It lies in my "bins" for a long time, and now I accidentally stumbled upon a forgotten old one. Maybe someone will like this one. This one is in accordion style.
What will we have in such a map -
On the left side, all labels (headings, sections) are displayed.
When you click on the arrow on the right, all posts of this label are opened.
Label set - new message.
Easy design customization for your styles.
Easy installation on the page.
To view a working version, go to the test blog.
You can immediately copy the entire code. Go to blog admin panel - page tab - create page. Immediately switch to HTML mode in the page editor, paste the copied code and publish.
That's it, you don't need to do anything else. This one is generated through your blog feed. In the code, I highlighted the general background color in gray, but you can easily change it to the desired one. Here are the colors. However, like many other styles - font, borders, shadows, etc.
Fast, simple, convenient, beautiful.
I wish you all good luck and see you soon.
Subscribe to new cheat sheets
With the help of graphics programs like Photoshop, Gimp and others you can create animated pictures in GIF format. In this article, I want to show you how to create blinking elements from text and images using CSS3 and Javascript.
Selecting CSS3 is better than javascript because it doesn't slow down the browser page as much. This setting can be interesting in order to highlight a particular paragraph, or in order to stimulate by clicking on some element.
For clarity, I will divide the post into 4 sections:
flashing images with css
blinking text with javascript
flashing image with javascript
For individual needs, you can add more links.
Change the text and page address accordingly https://www.facebook.com/ViktoriyBarad/.
These are text styles.
color: #00f;
font-size:18px;
font-weight: bold;
Animation time set to 1 second (customizable)
2. An example of a flashing picture oncss
I'm on Twitter
The code
The settings are similar - your address and picture in png format.
Now let's see how to implement the same effects with javascript.
1. Blinking text in javascript
Change to the address of your feed and write your text.
font styles
2. Blinking picture in javascript
My group "Blogger for everyone" VK
The second code with a picture can be used together with the first one, because we used a different blink2 identifier.
All codes have the target="_blank" tag to open the link in a new window.
Each of the codes is installed on the page in HTML mode. You can also insert it into the gadget anywhere in the blog layout.
That's all for today, good luck to everyone and see you soon.
Subscribe to new cheat sheets
Sometimes it takes a lot of time, effort and nerves to find the right item in the table. To avoid stress and quickly find this or that thing, you need to properly organize storage in drawers. How to do it? We've found the coolest and fastest-to-implement ideas to help you sort out even the biggest mess.
Cutlery storage
If cutlery is stored in a drawer without dividers, then sooner or later they are mixed together. To prevent this from happening, it is better to immediately make sure that forks, spoons and knives are stored separately. To do this, you can buy a special container with dividers in a utensil store, or make your own partitions from plywood bars. At the same time, it is better to cover the bottom with a piece of non-woven tablecloth or stick a decorative film.
Storage of cosmetics
To store cosmetics in a drawer, you need to get plastic and metal containers of different sizes. For convenience, it is recommended to put lipsticks and glosses in one container, put brushes and sponges for applying cosmetics in a separate jar, fix shadows and blush so that they do not crumble when opening and closing the box.
little helpers
To turn a drawer into a functional organizer, it is not necessary to spend money on containers and look for special dividers. It's worth popping into the kitchen and seeing if there are any unnecessary cardboard boxes of corn or oatmeal. Boxes (and lids from them) left after buying shoes, a phone, or other accessories will also come in handy. For beauty, they can be decorated with the remnants of wallpaper, glued together and decorated in the same style.