كيفية عمل مقسم أبجدي كامل بيديك. أفكار رائعة ستساعدك في ترتيب مكتبك بشكل مثالي. تخزين أدوات المائدة

تحقق من مدونة الاختبار لترى كيف يعمل.

دعونا نتعرف على كيفية متابعة روابط الربط داخل الصفحة في Blogger. كل شيء بسيط للغاية.

لنقم بإنشاء قائمة بسيطة، حيث نقوم بتعيين معرف الكتل التي سيتم التمرير إليها كمعلمة ارتباط. شيء من هذا القبيل

وحتى لا أخدعك مرة أخرى، سأعطيك الكود الكامل على الفور. يمكنك نسخه وتجربته على صفحتك في مدونة اختبارية عن طريق التبديل إلى وضع HTML في محرر المشاركات. ودعنا نتعرف على ما حدث هنا

• من أين نبدأ


• كيف نفعل


• من أين احصل على


• كيفية التنفيذ

من أين نبدأ

كيف نفعل

لوريم إيبسوم دولور سيت أميت، consectetur adipisicing elit. من السهل التخلص من الآلام المزعجة التي تحدث حتى الآن, الآلام المؤلمة تمنعك من تقديم ما يشبه الاستثناءات إلى الخارج أو وقوع حادث أو تشهير كبير بالذنب الجسدي! Ducimus متميز لأنه ينكر الكثير من الرفض، وتسريع التحرش، والطعام اللذيذ، وبعض العمل أو المساءلة تكون متشابهة!

من أين احصل على

لوريم إيبسوم دولور سيت أميت، consectetur adipisicing elit. من السهل التخلص من الآلام المزعجة التي تحدث حتى الآن, الآلام المؤلمة تمنعك من تقديم ما يشبه الاستثناءات إلى الخارج أو وقوع حادث أو تشهير كبير بالذنب الجسدي! Ducimus متميز لأنه ينكر الكثير من الرفض، وتسريع التحرش، والطعام اللذيذ، وبعض العمل أو المساءلة تكون متشابهة!

كيفية التنفيذ

لوريم إيبسوم دولور سيت أميت، consectetur adipisicing elit. من السهل التخلص من الآلام المزعجة التي تحدث حتى الآن, الآلام المؤلمة تمنعك من تقديم ما يشبه الاستثناءات إلى الخارج أو وقوع حادث أو تشهير كبير بالذنب الجسدي! Ducimus متميز لأنه ينكر الكثير من الرفض، وتسريع التحرش، والطعام اللذيذ، وبعض العمل أو المساءلة تكون متشابهة!

ورمز HTML، وبالتالي إضافة هذه الأقسام من النص

كيفية التنفيذ
كل النص الخاص بك سيكون هنا

إذا قمت بتحديد نقاط ارتساء عند تحرير رسالة، فلا تنتقل إلى علامة التبويب "إنشاء"، بل اعمل على كتابة الرسالة في وضع HTML. ثم ستبقى المراسي في شكلها الأصلي. خلاف ذلك، سيحدث التصحيح التلقائي ببساطة (هذه هي أهواء Blogger).

هناك بعض الاسم هنا

سوف تبدو مثل هذا

إذا كان لا يزال من الصعب العمل في وضع HTML ولكي يعمل كل شيء بشكل صحيح في هذه الحالة، فأنت تحتاج فقط إلى تغيير الرابط قليلاً بحيث تبدو علامة الارتساء بهذا الشكل

حيث https://n-t-b-b.blogspot.com/2019/08/blog-post.html هو رابط الصفحة الذي يمكن رؤيته على الجانب الأيمن من محرر المشاركات في الإعدادات هنا

كل شيء بسيط جدا من هذا القبيل. تحتوي المدونات الموجودة على Wordpress على مكون إضافي خاص لهذه الأغراض. يتم تنفيذ ذلك بسهولة على Blogger باستخدام الكود التالي. حظا طيبا للجميع.

مرحبا اصدقاء. وخريطة موقع أخرى لكم اليوم. لقد كانت مستلقية في "صناديقي" لفترة طويلة، ثم صادفت بالصدفة حاوية قديمة منسية. ربما شخص ما سوف مثل هذا واحد. تم تصميم هذا على طراز الأكورديون.

ماذا سيكون لدينا في مثل هذه الخريطة -

يتم عرض جميع التسميات (العناوين والأقسام) على الجانب الأيسر.
عند النقر على السهم الموجود على اليمين، يتم فتح جميع مشاركات هذا الاختصار.
مجموعة الملصقات - رسالة جديدة.
تخصيص التصميم بسهولة ليناسب أنماطك.
سهولة التثبيت على الصفحة.

.جدول المحتوى (لون الخلفية: #008B8B؛ اللون: #444؛ عائلة الخط: Verdana، Geneva، Tahoma، Arial، Sans-serif؛ حجم الخط: 13px؛ وزن الخط: 400؛ الفائض: مخفي ;نصف القطر الحدودي:4px;صندوق الظل:0 0 10px rgba(0,0,0,.2))
.جدول المحتوى .toc-header(color:#444;font-family:inherit;font-weight:400;font-size:14px;background-color:#fff;margin:0;padding:15px;overflow :مخفي؛المؤشر:المؤشر؛الحد السفلي:1px صلب #ccc؛الانتقال:الأولي)
.جدول المحتويات .toc-header:hover(background-color:#fdfdfd)
.جدول المحتوى .toc-header:before(content:"";width:0;height:0;position:absolute;top:22px;right:15px;border:5px صلب شفاف;border-color:#aaa شفاف شفاف؛ الانتقال: سهولة جميع .3s)
.جدول المحتويات .toc-header.active(اللون:#fc4f3f)
.جدول المحتوى .toc-header.active:before(border-color:#666 شفافة شفافة;أعلى:16px;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg); -ms-transform: تدوير (-180 درجة)؛-o-تحويل: تدوير (-180 درجة)؛ تحويل: تدوير (-180 درجة))
.جدول المحتويات .loading(العرض:كتلة؛الحشوة:15px؛زخرفة النص:وميض)
.جدول المحتوى ol(الهامش:0;الحشو:0;نمط القائمة:لا شيء;الانتقال:الأولي)
.جدول المحتوى li(ارتفاع الخط: عادي!مهم;الهامش:0!مهم;الحشو:8px 8px 8px 15px!مهم;white-space:nowrap;text-align:left;overflow:hidden;background:# 808080! هام؛ انتقال: أولي)
.جدول المحتوى أ(اللون:#d9d9d9!مهم؛زخرفة النص:لا شيء؛حجم الخط:86%؛الانتقال:الأولي)
.جدول المحتويات أ: تمت زيارته (اللون:#a2a2a9؛الانتقال:الأولي)
.جدول المحتوى أ:تحويم،.جدول المحتوى أ:الزيارة:تحويم (اللون:#ffc937!مهم؛زخرفة النص:لا شيء؛الانتقال:أولي)
.post ol li: قبل (العرض: لا شيء)



فار toc_config = (
عنوان URL: "https://"+window.location.hostname،
معرف الحاوية: "جدول المحتويات"،
عرض جديد: 15،
نص جديد: "جديد"،
رتب ترتيب أبجدي: (
اللوحة: صحيح،
القائمة: صحيح
},
الحد الأقصى للنتائج: 9999،
اللوحة النشطة: 1،
سرعة الشريحة: (
أسفل: 400،
يصل: 400
},
تخفيف الشريحة :(
أسفل: فارغة،
لأعلى: فارغة
},
رد الاتصال بالشريحة: (
للأسفل: الدالة ())،
لأعلى: الدالة () ()
},
انقر فوق رد الاتصال: وظيفة () ()،
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);for (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; فاصل)for(var v=0,m=i[_].category.length;m>v;++v)n[g]==i[_].category[v].term&&(l+="

هذا كل شيء، لا تحتاج إلى القيام بأي شيء آخر. يتم إنشاء هذا من خلال خلاصة مدونتك. في الكود، قمت بتسليط الضوء على لون الخلفية العام باللون الرمادي، ولكن يمكنك بسهولة تغييره إلى اللون المطلوب. هذه هي الألوان، ولكن مثل العديد من الأنماط الأخرى - الخطوط والحدود والظلال وما إلى ذلك.

سريعة وبسيطة ومريحة وجميلة.

أتمنى لكم جميعا حظا سعيدا ونراكم قريبا.

اشترك في أوراق الغش الجديدة

باستخدام برامج الرسومات مثل Photoshop وGimp وغيرها، يمكنك إنشاء صور متحركة بتنسيق GIF. أريد في هذه المقالة أن أوضح لك كيفية إنشاء عناصر وامضة من النص والصور باستخدام CSS3 وJavascript.

يعد اختيار CSS3 أفضل من جافا سكريبت، لأنه لا يبطئ بشكل كبير فتح صفحة المتصفح. يمكن أن يكون هذا الإعداد مثيرًا للاهتمام لتسليط الضوء على فقرة معينة، أو لتحفيز النقر على بعض العناصر.

وللتوضيح سأقسم التدوينة إلى 4 أقسام:

وامض الصور باستخدام CSS
وامض النص باستخدام جافا سكريبت
صورة وامضة باستخدام جافا سكريبت

لتلبية الاحتياجات الفردية، يمكنك أيضًا إضافة روابط.

انضم إلى صفحة الفيسبوك الخاصة بالمدون

.blink_text(
الرسوم المتحركة: 1 ثانية وامضة خطية لا نهائية؛
اللون: #00f؛
حجم الخط: 18 بكسل؛
وزن الخط: غامق؛
}
.blink_text أ (اللون: #f00؛)
@keyframes الوامض (
0% (التعتيم: 1.0;)
50% (التعتيم: 0.0;)
100% (التعتيم: 1.0;)
}

قم بتغيير نص وعنوان الصفحة https://www.facebook.com/ViktoriyBarad/ وفقًا لذلك.

هذه هي أنماط النص

اللون: #00f؛
حجم الخط: 18 بكسل؛
وزن الخط: غامق؛

تم ضبط وقت الرسوم المتحركة على ثانية واحدة (قابل للتخصيص)

2. مثال على صورة وامضة CSS

أنا على تويتر