رئيسية المعهد
رئيسية المعهد  تواصل معنا  حقوق الملكية الفكرية  اربط مدونتك بنا  محول أكواد أدسنس

 

معرض قوالب معهد خبراء بلوجر - دليل مدونات بلوجر - موقع نشر بلوجر - اضافات بلوجر




العودة   معهد خبراء بلوجر > الدعم الفني > إضافات وأدوات بلوجر


إضافة رد
نسخ الرابط
نسخ للمنتديات
 
أدوات الموضوع انواع عرض الموضوع
قديم 03-07-2014, 04:34 PM   #1
تائه في الزمن
مدون جديد
 
تاريخ التسجيل: Jun 2012
المشاركات: 55
افتراضي اداة ملاحظات هامة من تصميم خربوش للتصميم

أنا : تائه في الزمن




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



لقد قمت باضافة هته الاضافة تحت هيدر المدونة كما هو واضح للعيان و يمكنكم الاطلاع عليها مباشرة في رئيسية المدونة:
تم تصميم الاضافة بالاعتماد على 3 مكونات فقط و هي:
  1. عنوان h2
  2. فقرة p
  3. زر انتقال botton

و هو الشيء الذي ساهم في كون الاضافة خفيفة جذا و جذابة يمكنك تركيب الاضافة من خلال تخطيط المدونة عن طريق اضافة اداة او يمكنك ان تضيفها في القالب مباشرة و هذا كود الاضافة:

اقتباس:
<div class='kharbouche-bar'>
<h2>ملاحظة هامة من خربوش للتصميم:</h2>
<p>تم توفير عدة وسائل لشراء قالب نبراس المصمم من طرف خربوش للتصميم و ذلك في إطار سياسة تقريب المستهلك من الخدمة التي نسعى الى توسيعها لتشمل مجالات اكبر من هذا</p>
<button><a href='http://kharbouche.blogspot.com/2014/02/blog-post_21.html'>انتقل للموضوع</a></button>
</div><!--/ .kharbouche-bar -->
<style>
@font-face {
font-family: 'GTMR';
src: url('https://dl.dropboxusercontent.com/u/...ont.eot');
src: url('https://dl.dropboxusercontent.com/u/...font.eot?') format('embedded-opentype'),
url('https://dl.dropboxusercontent.com/u/...font.woff') format('woff'),
url('https://dl.dropboxusercontent.com/u/...bfont.ttf') format('truetype'); }
.kharbouche-bar {
float: left;
width:1123px;
margin: 15px 7px -32px 8px;
padding: 64px 110px 32px 1px;
background-image: url([IMG]http://4.bp.blogspot.com/-OAblh26rtEA/UxnYtc0Wr5I/AAAAAAAAEmo/oy1IjwwFE9Q/s1600/bg-text-bar.png);[/url]
background-repeat: no-repeat;
height: 75px;
}
.kharbouche-bar h2 {
color: #2c875e;
margin: -60px 34px -3px 0px;
}
.kharbouche-bar p {
float:right;
padding-left: 80px;
color:#4f4f4f;
font: 14px 'GTMR';
}
.kharbouche-bar button {
float: left;
padding: 10px 0px;
margin-top: -19px;
margin-left: 92px;
text-align: center;
font: normal 16px GTMR;
text-decoration: none;
border-radius: 5px;
transition:0.5s;
background: #FCB151;
}
.kharbouche-bar button a {
padding: 12px 60px;
margin: 4px;
text-align: center;
font: normal 16px GTMR;
color: #fff;
text-decoration: none;
border-radius: 5px;
transition:0.5s;
}
.kharbouche-bar button a:hover{
background: #ccc;
box-shadow: 0 4px 0 #aaa;
transition:0.5s;
}
</style>

شرح تخصيص الاضافة وتعديلها:

ملاحظة هامة من خربوش للتصميم: غيره بعنوان مناسب لك

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

http://kharbouche.blogspot.com/2014/...-post_21.html: غيره برابط الموضوع الذي تود نشره في الملاحظة

@font-face {....: في حالة اردت اضافة خط احر ازل الكود كاملا واضف كود الخط الخاص بك

width:1123px: غير عرض الاضافة لتتناسب و مدونتك

[url]http://4.bp.blogspot.com/-OAblh26rtEA/UxnYtc0Wr5I/AAAAAAAAEmo/oy1IjwwFE9Q/s1600/bg-text-bar.png[/IMG] : في حال اردت تغيير خلفية الاضافة غيرها برابط خلفية من اختيارك.

و بهذا تكون جل تخصيصات الاضافة قد انتهت و بذلك ينتهي الموضوع لكن في حال وجود مشكل او اقتراح للاضافة المرجو ترك تعليق بذلك و سوف نرد عليه باذن الله.

الدعم العربي

تائه في الزمن غير متواجد حالياً   رد مع اقتباس

مركز رفع موسوعة العربية
إضافة رد

مواقع النشر (المفضلة)

الكلمات الدلالية (Tags)
ملاحظات, اداة, تصميم, هامة


الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 
أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
اداة تصميم ازار css3 عربية "من تطويري" mohssine ait إضافات وأدوات بلوجر 6 06-23-2013 12:14 AM
ما رأيكم في هذا البنر الإعلاني لشركة ألوان العرب للتصميم big barsa النقاش الجاد 6 04-07-2013 05:35 PM
مجموعة بنرات جاهزة للتصميم كن مدون طلبات التصاميم 3 01-22-2013 08:01 PM
اريد حدف اداة تعليقات في مداونتي /facebook و اداة اخرى و استبدلهما ب DISQUS l3azzi طلبات الدعم الفني 8 12-01-2012 08:13 PM
مشكلة هامة ارجوا الافادة حياتنا النقاش الجاد 0 10-27-2012 06:55 PM





لتصفح أفضل وللاستفادة القصوى من خصائص المعهد ننصحكم باستعمال :

Powered by vBulletin® Copyright ©2000 - 2024 Dov By EGYNT.Co
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012 Google
أعلن على المعهد : اتصل بنا - منتدي كنوز - الدعم العربي - قوالب بلوجر - او او انيمي
رئيسية المعهد
الساعة الآن 06:07 AM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته
التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك
(ويتحمل كاتبها مسؤولية النشر)