close

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

طريقة التركيب :

  1. إذهب إلى لوحة تحكم في بلوجر> قالب > توسيع html
  2. ابحث بإستعمال CTRL+F عن </head> 
  3. وضع فوقه هذا الكود :  
    <link href='http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css' rel='stylesheet'/>
  1. ابحث مرة آخرى بإستعمال CTRL+F عن ]]</b:skin>
  2. ضع الكود التالي قبلة-فوقة مباشرة :

.alert-message{position:relative;display:block;background-color:#f7f8fa;padding:20px;margin:20px 0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color:#39484d;text-align: center;}.alert-message p{margin:0!important;padding:0;line-height:22px;font-size:13px;color:#39484d}.alert-message span{font-size:14px!important}.alert-message i{font-size:22px;text-align:left;display:inline-block;position:absolute;right:0;top:0;padding:20px;opacity:0.8;}.alert-message.success{background-color:#00acd6;color:#fff}.alert-message.success a,.alert-message.success span{color:#fff}.alert-message.alert{background-color:#0073b7;color:#fff}.alert-message.alert a,.alert-message.alert span{color:#fff}.alert-message.warning{background-color:#efa666;color:#fff}.alert-message.warning a,.alert-message.warning span{color:#fff}.alert-message.error{background-color:#f56c7e;color:#fff}.alert-message.error a,.alert-message.error span{color:#fff}.alert-message.happy{background-color:#FA8734;color:#fff}.alert-message.happy a,.alert-message.happy span{color:#fff}.alert-message.link a,.alert-message.link span{color:#fff}.alert-message.link{background-color:#F44242;color:#fff}.alert-message.hi a,.alert-message.hi span{color:#fff}.alert-message.hi{background-color:#57DF69;color:#fff}.alert-message:hover {background-image: linear-gradient(110deg, #766D6C 0%, #606364 50%, transparent 50%, transparent 100%);background-size: 200%;background-position: 150% 0;background-repeat: no-repeat;transition: background-position .9s ease, color .15s ease;color: #eee;}
أما الآن نمر إلى طريقة تركيب صناديق في الموضوع:
عندما تريد انشاء موضوع إنتقل من وضع تأليف الى HTML وضع الكود المراد ظهوره :

النص هنا

النص هنا
النص هنا
النص هنا
النص هنا
النص هنا

إلى هنا ينتهي درسنا إذا أعجبك الموضوع شاركه لتعم الفائدة و تابع المدونة ليصك كل جديد من هنا
OmarNasser

أيوب الحدادي

انا عمر من من جمهورية مصر العربية عمري 14 سنه من محافظة السويس مصمم قوالب مدير مدونة بروتك كنت اعمل في نكهه من قبل

ليست هناك تعليقات:

إرسال تعليق