ایده های جالبی که به شما کمک می کند تا میز خود را در نظم کامل قرار دهید. سازمان دهی کن! پروژه سازماندهی دستور العمل مجله نحوه ساخت تقسیم کننده های ورق مقوایی
گاهی اوقات برای یافتن آیتم مناسب روی میز زمان، تلاش و اعصاب زیادی لازم است. برای جلوگیری از استرس و یافتن سریع این یا آن مورد، باید ذخیره سازی را در کشوها به درستی سازماندهی کنید. چگونه این کار را انجام دهیم؟ ما جالبترین و سریعترین ایدهها را پیدا کردهایم که به شما کمک میکنند حتی بزرگترین آشفتگیها را هم مرتب کنید.
انبار کارد و چنگالاگر وسایل کارد و چنگال در یک کشو بدون تقسیم کننده ذخیره شوند، دیر یا زود آنها با یکدیگر مخلوط می شوند. برای جلوگیری از این اتفاق، بهتر است فوراً اطمینان حاصل کنید که چنگال ها، قاشق ها و چاقوها جداگانه نگهداری می شوند. برای انجام این کار، می توانید یک ظرف مخصوص با تقسیم کننده در یک فروشگاه لوازم آشپزخانه بخرید یا خودتان از بلوک های تخته سه لا پارتیشن بسازید. در این مورد، بهتر است قسمت پایین آن را با یک تکه رومیزی نبافته بپوشانید یا یک فیلم تزئینی بچسبانید.
نگهداری لوازم آرایشی
برای نگهداری لوازم آرایش در کشو باید ظروف پلاستیکی و فلزی با اندازه های مختلف تهیه کنید. برای راحتی کار، توصیه می شود رژ لب ها و براق کننده ها را در یک ظرف قرار دهید، برس ها و اسفنج های استفاده از لوازم آرایشی را در یک شیشه جداگانه قرار دهید، سایه های چشم و رژگونه را ثابت کنید تا هنگام باز و بسته کردن کشو ریزش نکنند. یاوران کوچک
برای تبدیل کشو به یک سازماندهنده کاربردی، لازم نیست برای ظروف پول خرج کنید یا به دنبال تقسیمکنندههای خاص باشید. ارزش دارد به آشپزخانه نگاه کنید و ببینید آیا جعبه های مقوایی ناخواسته از ذرت وجود دارد یا خیر بلغور جو دوسر. جعبهها (و دربهای آنها) که از خرید کفش، تلفن یا سایر لوازم جانبی باقی مانده نیز مفید خواهند بود. برای زیبایی، می توان آنها را با بقایای کاغذ دیواری تزئین کرد، به هم چسباند و به همان سبک تزئین کرد.
راه حل های اصلی اگر جعبه، ظروف و تقسیم کننده در دست ندارید، متداول ترین وسایلی که در هر آشپزخانه ای یافت می شوند به کمک می آیند. به عنوان مثال، تقریباً در هر سوپرمارکتی تخم مرغ ها در جعبه های مقوایی فروخته می شوند که پس از خرید اغلب به سادگی در سطل زباله پرتاب می شوند. در واقع، آنها برای ذخیره گیره های کاغذ، پین ها، پاک کن ها، کلیدها، نخ ها و موارد دیگر مناسب هستند.
درود بر شما اخیراً از من پرسیده شد که چگونه می توان یک صفحه را به آرامی به قسمت خاصی از صفحه پیمایش کرد. به طور کلی به این می گویند دنبال کردن یک لینک لنگر. هنگامی که یک بازدیدکننده سایت روی عنصری کلیک می کند که یک لینک لنگر به آن اضافه شده است، به طور خودکار به بخشی از صفحه که لنگر اضافه شده است منتقل می شود.
معمولاً از لنگرها در صفحاتی با حجم زیاد استفاده میشود تا بتوانید به سرعت به بخش مورد نظر برای پیمایش راحتتر بروید. احتمالاً این مورد را در بسیاری از وب سایت ها دیده اید.
برای ایجاد یک لنگر ابتدا باید یک نشانک در محل مناسب ایجاد کنید و با استفاده از ویژگی name تگ به آن نام بدهید. .
وبلاگ تست را بررسی کنید تا ببینید چگونه کار می کند.
بیایید دریابیم که چگونه پیوندهای لنگر را در یک صفحه در بلاگر دنبال کنیم. همه چیز کاملا ساده است.
بیایید یک منوی ساده ایجاد کنیم، جایی که به عنوان پارامتر پیوند، شناسه بلوکهایی را که پیمایش روی آنها انجام میشود، تنظیم میکنیم. یه چیزی شبیه این
برای اینکه دوباره شما را گول نزنم، بلافاصله کد کامل را به شما میدهم. میتوانید آن را کپی کنید و با تغییر به حالت HTML در ویرایشگر پست، آن را در صفحه خود در یک وبلاگ آزمایشی امتحان کنید. و بیایید بفهمیم اینجا چه کاری انجام می شود
- از کجا شروع کنیم
- چگونه انجام شود
- از کجا باید تهیه کرد
- نحوه پیاده سازی
از کجا شروع کنیم
چگونه انجام شود
Lorem ipsum dolor sit amet, consectetur adipisicing elit. به آسانی از بین رفتن quibusdam molestiae این است که میخواهم بهطور کامل عمل کنم. Ducimus distinctio esse quod eius repudiandae در magni repellat، expedita molestiae، delectus، aliquam laborum vel eveniet rerehenderit sunt voluptate similique!
از کجا باید تهیه کرد
Lorem ipsum dolor sit amet, consectetur adipisicing elit. به آسانی از بین رفتن quibusdam molestiae این است که میخواهم بهطور کامل عمل کنم. Ducimus distinctio esse quod eius repudiandae در magni repellat، expedita molestiae، delectus، aliquam laborum vel eveniet rerehenderit sunt voluptate similique!
نحوه پیاده سازی
Lorem ipsum dolor sit amet, consectetur adipisicing elit. به آسانی از بین رفتن quibusdam molestiae این است که میخواهم بهطور کامل عمل کنم. Ducimus distinctio esse quod eius repudiandae در magni repellat، expedita molestiae، delectus، aliquam laborum vel eveniet rerehenderit sunt voluptate similique!
و کد HTML، بر این اساس، چنین بخش هایی از متن را اضافه می کند
نحوه پیاده سازی
تمام متن شما در اینجا خواهد بود
و در اینجا فقط باید توجه شما را به موارد زیر جلب کنم
اگر هنگام ویرایش پیام، لنگرها را مشخص کرده اید، به برگه "ایجاد" تغییر ندهید، کار کنید و پیام را در حالت HTML بنویسید. سپس لنگرها به شکل اصلی خود باقی می مانند. در غیر این صورت، تصحیح خودکار به سادگی رخ می دهد (اینها هوس های بلاگر هستند).
یه اسمی اینجا هست
آنها به این شکل خواهند بود
یعنی انتقال به صفحهای که وجود ندارد (انگار منتشر نشده) انجام میشود.
اگر هنوز کار کردن در حالت HTML دشوار است و برای اینکه همه چیز در این مورد به درستی کار کند، فقط باید پیوند را کمی تغییر دهید تا تگ anchor شبیه به این باشد.
یه اسمی اینجا هست
جایی که https://n-t-b-b.blogspot.com/2019/08/blog-post.html پیوند به صفحه ای است که در سمت راست ویرایشگر پست در تنظیمات اینجا قابل مشاهده است.
همه چیز مثل آن کاملاً ساده است. بلاگ ها در وردپرس دارای یک پلاگین ویژه برای چنین اهدافی هستند. در بلاگر این به راحتی با استفاده از کد زیر پیاده سازی می شود. همگی موفق باشید
سلام دوستان. و یک نقشه سایت دیگر برای شما امروز. مدت زیادی است که در "سطل های زباله" من خوابیده است و بعد به طور تصادفی با یک قدیمی فراموش شده روبرو شدم. شاید کسی این یکی را دوست داشته باشد. این یکی به سبک آکاردئون طراحی شده است.
در چنین نقشه ای چه خواهیم داشت -
تمام برچسب ها (عنوان، بخش ها) در سمت چپ نمایش داده می شوند.
وقتی روی فلش سمت راست کلیک می کنید، تمام پست های این میانبر باز می شوند.
مجموعه برچسب - پیام جدید.
سفارشی سازی آسان طراحی متناسب با سبک شما.
نصب آسان روی صفحه
برای مشاهده نسخه کاری به وبلاگ تست مراجعه کنید.
.table-of-content(background-color:#008B8B;color:#444;font-family:Verdana,Geneva,Tahoma,Arial,Sans-serif;اندازه قلم:13px;وزن فونت:400;سرریز:مخفی ;border-radius:4px;box-shadow:0 0 10px rgba(0,0,0,.2))
.table-of-content .toc-header(color:#444;font-family:inherit;font-weight:400;font-size:14px;backgroundcolor:#fff;margin:0;padding:15px;overflow :hidden;cursor:pointer;border-bottom:1px solid #cccc;transition:initial)
Table-of-content .toc-header:hover(background-color:#fdfdfd)
.table-of-content .toc-header:before(content:"";width:0;height:0;position:absolute; top:22px;right:15px;border:5px solid transparent;border-color:#aaa شفاف شفاف؛ انتقال: سهولت تمام .3s)
Table-of-content .toc-header.active(color:#fc4f3f)
.table-of-content .toc-header.active:before(border-color:#666 transparent transparent; top:16px;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg); -ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg))
.table-of-content .loading (نمایش:block;padding:15px; text-decoration:blink)
.table-of-content ol (حاشیه: 0؛ بالشتک: 0؛ فهرست سبک: هیچ؛ انتقال: اولیه)
.table-of-content li(line-height: normal!important; margin:0!important;padding:8px 8px 8px 15px!important;white-space:nowrap;text-align:left;overflow:hidden;background:# 808080 !important;transition:initial)
.table-of-content a(color:#d9d9d9!important; text-decoration:none;font-size:86%;transition:initial)
.table-of-content a:visited(color:#a2a2a9;transition:initial)
.table-of-content a:hover,.table-of-content a:visited:hover(color:#ffc937!important;text-decoration:none;transition:initial)
.post ol li:before(نمایش:هیچ)
var toc_config = (
url: "https://"+window.location.hostname،
containerId: "جدول محتوا"،
نمایش جدید: 15،
newText: "جدید"،
مرتب سازی بر اساس حروف الفبا: (
thePanel: درست است،
theList: درست است
},
حداکثر نتایج: 9999،
ActivePanel: 1,
SlideSpeed: (
پایین: 400،
تا: 400
},
SlideEasing: (
پایین: پوچ،
بالا: تهی
},
تماس کشویی: (
down: function() (),
بالا: تابع() ()
},
clickCallback: function()(),
jsonCallback: "_toc"،
!function(e,o)(var t=o.getElementById(toc_config.containerId),c=o.getElementsByTagName("head"),n=;e=function(e)(for(var o,c,i= e.feed.entry,a=e.feed.category,l="",s=0,d=a.length;d>s;++s)n.push(a[s].term);برای (var r=0,f=i.length;f>r;++r)(toc_config.showNew||toc_config.showNew>0)&++g)(l+=""+n[g]+"" ,l+="";for(var _=0,p=i.length;p>_;++_)(o=i[_].title.$t;for(var w=0,u=i [_].link.length;u>w;++w)if("alternate"==i[_].link[w].rel)(c=i[_].link[w].href; break)for(var v=0,m=i[_].category.length;m>v;++v)n[g]==i[_].category[v].term&&(l+="
بلافاصله می توانید کل کد را کپی کنید. رفتن به پنل مدیریت وبلاگ - برگه صفحه - ایجاد صفحه. بلافاصله در ویرایشگر صفحه به حالت HTML بروید، کد کپی شده را جایگذاری کنید و منتشر کنید.
تمام است، شما نیازی به انجام کار دیگری ندارید. این از طریق فید وبلاگ شما ایجاد می شود. در کد، رنگ پس زمینه عمومی را به صورت خاکستری مشخص کردم، اما می توانید به راحتی آن را به رنگ دلخواه تغییر دهید. در اینجا رنگ ها وجود دارد، اما، مانند بسیاری از سبک های دیگر - فونت، حاشیه، سایه و غیره.
سریع، ساده، راحت، زیبا.
برای همه شما آرزوی موفقیت دارم و به زودی شما را می بینم.
اشتراک در برگه های تقلب جدید
با استفاده از برنامه های گرافیکی مانند Photoshop، Gimp و غیره، می توانید تصاویر متحرک با فرمت GIF ایجاد کنید. در این مقاله می خواهم نحوه ایجاد عناصر چشمک زن از متن و تصاویر با استفاده از CSS3 و Javascript را به شما نشان دهم.
انتخاب CSS3 بهتر از جاوا اسکریپت است، زیرا سرعت باز شدن صفحه مرورگر را به میزان قابل توجهی کاهش نمی دهد. این تنظیم می تواند برای برجسته کردن یک پاراگراف خاص یا تحریک کلیک کردن بر روی یک عنصر جالب باشد.
برای وضوح، من پست را به 4 بخش تقسیم می کنم:
فلش کردن تصاویر با استفاده از CSS
چشمک زدن متن با استفاده از جاوا اسکریپت
فلش تصویر با استفاده از جاوا اسکریپت
برای نیازهای فردی، می توانید پیوندهایی نیز اضافه کنید.
به صفحه فیس بوک برگه تقلب وبلاگ نویس بپیوندید
blink_text(
انیمیشن: 1s blinker linear infinite;
رنگ: #00f;
اندازه فونت: 18px;
font-weight:bold;
}
blink_text a (رنگ:#f00;)
چشمک زن @keyframes (
0% (مادرگی: 1.0؛ )
50% (مادرگی: 0.0؛ )
100٪ (تاری: 1.0؛ )
}
متن و آدرس صفحه https://www.facebook.com/ViktoriyBarad/ را بر این اساس تغییر دهید.
اینها سبک های متن هستند
رنگ: #00f;
اندازه فونت: 18px;
font-weight:bold;
زمان انیمیشن روی 1 ثانیه تنظیم شده است (قابل تنظیم)
2. نمونه ای از یک تصویر چشمک زن در CSS
من در توییتر هستم
کد
http://s019.radikal.ru/i618/1406/76/98d12801cd3d.png " />
blink_text(
انیمیشن: 1s blinker linear infinite;
}
چشمک زن @keyframes (
0% (مادرگی: 1.0؛ )
50% (مادرگی: 0.0؛ )
100٪ (تاری: 1.0؛ )
}
تنظیمات مشابه هستند - آدرس شما و یک تصویر با فرمت png.
حالا بیایید ببینیم که چگونه می توان همان افکت ها را با استفاده از جاوا اسکریپت پیاده سازی کرد.
1. چشمک زدن متن در جاوا اسکریپت
مشترک شدن در تابع برگه های تقلب وبلاگ نویس blink_one() ( document.getElementById("blink").style.visibility="visible"; setTimeout("blink_two()",700); ) function blink_two() ( document.getElementById(" blink ").style.visibility="hidden"; setTimeout("blink_one()",700); ) blink_one();
آن را به آدرس فید خود تغییر دهید و متن خود را بنویسید.