Ouf, j'ai enfin fini d'organiser de nouvelles recettes de magazines. Alors qu'ils ramassaient la poussière dans une enveloppe juste en forme de tas, je ne pensais pas en avoir accumulé assez. Pendant que j'étais enceinte de mon fils, j'ai trop cuit tellement de nouvelles recettes qu'elles auraient probablement suffi pour plusieurs livres de cuisine. Peut-être parce que je voulais manger tout le temps :)) ou peut-être .. qui sait. Avec la naissance d'un enfant, il ne restait pratiquement plus de temps pour des expériences culinaires, mais le fils grandit, aime aider sa mère à faire des muffins et des gâteaux, et ses mains se sont finalement mises à l'organisation des recettes.
Du coup, j'ai pris 2 dossiers, un pour les nouvelles recettes, l'autre pour les déjà testées, aimées et utilisées.
Je n'ai pas divisé le dossier avec des recettes nouvelles et pas encore testées en plusieurs sections, d'abord parce que le dossier est de toute façon temporaire, parce que. les recettes doivent être testées, et deuxièmement, même le tri en plusieurs catégories prenait beaucoup de temps.
Par conséquent, j'ai divisé les nouvelles recettes du dossier temporaire en :
- petits déjeuners;
- collations ;
- Salades;
- soupes (déjeuners);
- Dîners ;
- Salades;
- Pâtisseries (surtout sucreries et desserts).
J'ai imprimé les séparateurs sur une imprimante couleur, voici ce qui s'est passé :
Mon dossier avec de nouvelles recettes est assez épais, jusqu'à 80 pages. Par conséquent, je recommande de trouver rapidement les catégories à l'intérieur du dossier, de le compléter avec des séparateurs latéraux afin que vous puissiez également trouver rapidement la catégorie souhaitée. Vous pouvez en utiliser des prêts à l'emploi, par exemple, comme ceci :
Ou téléchargez le mien :
J'ai imprimé les intercalaires sur du papier autocollant, les ai découpés et simplement collés sur les pages souhaitées :
J'ai soigneusement éparpillé toutes les recettes, me débarrassant enfin de celles que ma famille ne mangerait certainement pas. Ceux que je voulais garder, je les ai simplement découpés avec des ciseaux. Travail très fastidieux et pénible. Par conséquent, si vous êtes un heureux propriétaire d'un coupe-papier, vous avez de la chance.
Comme substrat pour les recettes découpées, j'ai utilisé du papier de couleur ordinaire pour la créativité. J'ai eu ce papier MOL d'IKEA. Si vous le souhaitez, le papier de couleur peut même être utilisé comme base pour diviser les recettes en catégories, vous saurez alors que, par exemple, les salades sont sur les pages vertes et, par exemple, les plats de viande rouge.
J'ai simplement mis les recettes découpées sur un fond de papier de couleur. Si vous aimez le plat, je le transférerai dans le dossier avec des recettes déjà testées. Sinon, je vais le jeter.
Salutations. Récemment, on m'a demandé comment faire défiler une page en douceur vers une certaine partie de la page. En général, cela s'appelle la transition vers le lien d'ancrage. Lorsqu'un visiteur du site clique sur un élément auquel un lien d'ancrage a été ajouté, le visiteur est automatiquement dirigé vers la partie de la page où l'ancre a été ajoutée.
En règle générale, les ancres sont utilisées sur les pages avec un volume important, afin que vous puissiez naviguer rapidement vers la section souhaitée pour une navigation plus facile. Vous avez dû le voir sur de nombreux sites.
L'ancre (ancre) est une étiquette avec un nom unique, située à un endroit précis sur une page Web, qui est conçue pour y accéder via un lien.
Pour créer une ancre, vous devez d'abord mettre en signet l'emplacement approprié et lui donner un nom en utilisant l'attribut name de la balise .
Consultez le blog de test pour voir comment cela fonctionne.
Voyons comment suivre les liens d'ancrage à l'intérieur d'une page dans Blogger. Tout est assez simple.
Créons un menu simple, où, en tant que paramètre de lien, nous définissons l'identifiant des blocs vers lesquels le défilement se produira. Quelque chose comme ça
Pour ne pas vous tromper encore une fois, je vous donne tout de suite le code complet. Vous pouvez le copier et l'essayer sur votre page de blog de test en passant en mode HTML dans l'éditeur de publication. Et découvrons ce qui est fait ici
- Où commencer
- Comment faire
- Où obtenir
- Comment mettre en œuvre
Où commencer
Comment faire
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 !
Où obtenir
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 !
Comment mettre en œuvre
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 !
Et le code HTML, ajoutant respectivement de telles sections de texte
Comment mettre en œuvre
TOUT VOTRE TEXTE SERA ICI
Et ici, je dois juste attirer votre attention sur ce qui suit
Si vous avez enregistré des ancres lors de l'édition d'un message, ne basculez pas dans l'onglet "Créer", travaillez et rédigez un message en mode HTML. Ensuite, les ancres resteront dans leur forme d'origine. Sinon, la correction automatique se produira (ce sont les aléas de Blogger).
Voici un nom
Ressemblera à ça
C'est-à-dire que la transition se fera vers une page inexistante (comme si elle n'était pas publiée).
Si c'est encore dur de travailler en mode HTML et pour que tout fonctionne correctement dans ce cas, il suffit de changer un peu le lien pour que la balise d'ancrage ressemble à ceci
Voici un nom
Où https://n-t-b-b.blogspot.com/2019/08/blog-post.html c'est le lien vers la page qui peut être vue sur le côté droit de l'éditeur de publication dans les paramètres ici
Voilà, c'est assez simple. Les blogs sur Wordpress ont un plugin spécial à ces fins. Sur Blogger, cela est facilement implémenté en utilisant un code comme celui-ci. Bonne chance à tous.
Bonjour les amis. Et un autre sitemap pour vous aujourd'hui. Il reste longtemps dans mes "bacs", et maintenant je suis tombé par hasard sur un ancien oublié. Peut-être que quelqu'un aimera celui-ci. Celui-ci est de style accordéon.
Qu'aurons-nous dans une telle carte -
Sur le côté gauche, toutes les étiquettes (titres, sections) sont affichées.
Lorsque vous cliquez sur la flèche à droite, tous les messages de ce libellé s'ouvrent.
Jeu d'étiquettes - nouveau message.
Personnalisation facile du design pour vos styles.
Installation facile sur la page.
Pour voir une version de travail, rendez-vous sur le blog de test.
Vous pouvez immédiatement copier le code entier. Aller à panneau d'administration du blog - onglet de page - créer une page. Passez immédiatement en mode HTML dans l'éditeur de page, collez le code copié et publiez.
Voilà, vous n'avez rien d'autre à faire. Celui-ci est généré via le flux de votre blog. Dans le code, j'ai mis en surbrillance la couleur d'arrière-plan générale en gris, mais vous pouvez facilement la changer pour celle que vous souhaitez. Voici les couleurs. Cependant, comme beaucoup d'autres styles - police, bordures, ombres, etc.
Rapide, simple, pratique, beau.
Je vous souhaite à tous bonne chance et à bientôt.
Abonnez-vous aux nouvelles feuilles de triche
Avec l'aide de programmes graphiques comme Photoshop, Gimp et autres, vous pouvez créer des images animées au format GIF. Dans cet article, je veux vous montrer comment créer des éléments clignotants à partir de texte et d'images en utilisant CSS3 et Javascript.
Choisir CSS3 est meilleur que javascript car il ne ralentit pas autant la page du navigateur. Ce paramétrage peut être intéressant pour mettre en avant un paragraphe en particulier, ou pour stimuler en cliquant sur un élément.
Pour plus de clarté, je vais diviser le post en 4 sections :
images clignotantes avec css
texte clignotant avec javascript
image clignotante avec javascript
Pour les besoins individuels, vous pouvez ajouter plus de liens.
Modifiez le texte et l'adresse de la page en conséquence https://www.facebook.com/ViktoriyBarad/.
Ce sont des styles de texte.
couleur : #00f ;
taille de police : 18 px ;
font-weight : gras ;
Temps d'animation fixé à 1 seconde (personnalisable)
2. Un exemple d'image clignotante surCSS
je suis sur Twitter
Code
Les paramètres sont similaires - votre adresse et votre photo au format png.
Voyons maintenant comment implémenter les mêmes effets avec javascript.
1. Texte clignotant en javascript
Modifiez l'adresse de votre flux et rédigez votre texte.
styles de police
2. Image clignotante en javascript
Mon groupe "Blogger pour tous" VK
Le deuxième code avec une image peut être utilisé avec le premier, car nous avons utilisé un identifiant blink2 différent.
Tous les codes ont la balise target="_blank" pour ouvrir le lien dans une nouvelle fenêtre.
Chacun des codes est installé sur la page en mode HTML. Vous pouvez également l'insérer dans le gadget n'importe où dans la mise en page du blog.
C'est tout pour aujourd'hui, bonne chance à tous et à bientôt.
Abonnez-vous aux nouvelles feuilles de triche
Parfois, il faut beaucoup de temps, d'efforts et de nerfs pour trouver le bon élément dans le tableau. Pour éviter le stress et retrouver rapidement telle ou telle chose, il faut bien organiser le rangement dans les tiroirs. Comment faire? Nous avons trouvé les idées les plus cool et les plus rapides à mettre en œuvre pour vous aider à régler même le plus gros désordre.
Rangement des couverts
Si les couverts sont rangés dans un tiroir sans séparateurs, ils sont tôt ou tard mélangés. Pour éviter que cela ne se produise, il est préférable de s'assurer immédiatement que les fourchettes, les cuillères et les couteaux sont rangés séparément. Pour ce faire, vous pouvez acheter un conteneur spécial avec des séparateurs dans un magasin d'ustensiles ou créer vos propres cloisons à partir de barres de contreplaqué. En même temps, il est préférable de recouvrir le fond d'un morceau de nappe non tissée ou de coller un film décoratif.
Stockage de cosmétiques
Pour ranger les cosmétiques dans un tiroir, vous devez vous procurer des contenants en plastique et en métal de différentes tailles. Pour plus de commodité, il est recommandé de mettre les rouges à lèvres et les brillants dans un récipient, de mettre les pinceaux et les éponges pour appliquer les cosmétiques dans un pot séparé, de fixer les ombres et le fard à joues afin qu'ils ne s'effritent pas lors de l'ouverture et de la fermeture de la boîte.
petits assistants
Pour transformer un tiroir en un organisateur fonctionnel, il n'est pas nécessaire de dépenser de l'argent dans des conteneurs et de rechercher des séparateurs spéciaux. Cela vaut la peine d'entrer dans la cuisine et de voir s'il y a des boîtes en carton inutiles de maïs ou de flocons d'avoine. Les boîtes (et leurs couvercles) laissées après l'achat de chaussures, d'un téléphone ou d'autres accessoires seront également utiles. Pour la beauté, ils peuvent être décorés avec des restes de papier peint, collés ensemble et décorés dans le même style.