معهد خبراء بلوجر

معهد خبراء بلوجر (https://www.bloggerexp.com/index.php)
-   إضافات وأدوات بلوجر (https://www.bloggerexp.com/forumdisplay.php?f=10)
-   -   إضافة التسمية بشكل أنيق...فقط على معهد خبراء بلوجر (https://www.bloggerexp.com/showthread.php?t=3124)

overboy 08-13-2012 01:01 AM

إضافة التسمية بشكل أنيق...فقط على معهد خبراء بلوجر
 
السلام عليكم ورحمة الله
كما تعلمون يا أيها الزوار الأفاضل تنفيذ طلباتكم من شأن مدونة عرب كافي و أنا أقدم لكم أخر شيء موجود في السوق السوداء هههههه أنا أمزح
:: مثال ::
http://3.bp.blogspot.com/-D2epqzLWrF...200/label2.PNG
الصورة تتكلم
:: التركيب :: قم بكتابة هذا الكود فوق أداة التسمية وتكون بلا إسم (أي أداة بلا عنوان )
:: طريقة التركيب مصورة::
آسف عن التأخير
قم بعمل إضافة أداة فوق إضافة التسميات
http://3.bp.blogspot.com/-Lcq88jcDco...-18+%D8%B5.png
http://2.bp.blogspot.com/-9UQRrfVdqG...-34+%D8%B5.png
كود PHP:

<style type="text/css">
/*<![CDATA[*/
.label-size{displayinline-block;padding0px 10px;height29px;line-height:29px;border-radius5px;font-weight:bold;font-size:12px;text-decoration:none;}

.
label-size{

  
border1px solid #769e42;

  
box-shadowinset 0 1px 0 #c5e59c ;

  
background-color#9ed35a;

  
text-shadow0px 1px 1px #6ea23b;

  
color#fff;

  
background-imagelinear-gradient(bottomrgb(125,196,640%, rgb(157,210,88100%);

  
background-image: -o-linear-gradient(bottomrgb(125,196,640%, rgb(157,210,88100%);

  
background-image: -moz-linear-gradient(bottomrgb(125,196,640%, rgb(157,210,88100%);

  
background-image: -webkit-linear-gradient(bottomrgb(125,196,640%, rgb(157,210,88100%);

  
background-image: -ms-linear-gradient(bottomrgb(125,196,640%, rgb(157,210,88100%);

}



.
label-size:hover{

  
background-color#b7fa66;

  
background-imagelinear-gradient(top#b7fa66 0%, #7ec940 100%);

  
background-image: -o-linear-gradient(top#b7fa66 0%, #7ec940 100%);

  
background-image: -moz-linear-gradient(top#b7fa66 0%, #7ec940 100%);

  
background-image: -webkit-linear-gradient(top#b7fa66 0%, #7ec940 100%);

  
background-image: -ms-linear-gradient(top#b7fa66 0%, #7ec940 100%);

}



.
label-size:active{

  
background-imagelinear-gradient(toprgb(125,196,640%, rgb(157,210,88100%);

  
background-image: -o-linear-gradient(toprgb(125,196,640%, rgb(157,210,88100%);

  
background-image: -moz-linear-gradient(toprgb(125,196,640%, rgb(157,210,88100%);

  
background-image: -webkit-linear-gradient(toprgb(125,196,640%, rgb(157,210,88100%);

  
background-image: -ms-linear-gradient(toprgb(125,196,640%, rgb(157,210,88100%);

}



.
label-size{

  
display:inline-block;

  
border-radius5px 0 0 5px;

  
border-right-width:0;

  
position:relative;

  
z-index:5;

  
margin-right20px;

  
margin-bottom10px;

}



.
label-size:after{

  
content" ";

  
width22px;

  
height22px;

  
line-height18px;

  
font-size:25px;

  
border-top1px solid #769e42;

  
border-right1px solid #769e42;

  
box-shadowinset 0 1px 0 #c5e59c ;

  
background-color#9ed35a;

  
text-shadow0px 1px 1px #7eac46;

  
border-radius3px 7px 3px 0;

  
color#fff;

  
background-imagelinear-gradient(135degrgb(125,196,640%, rgb(157,210,88100%);

  
background-image: -o-linear-gradient(135degrgb(125,196,640%, rgb(157,210,88100%);

  
background-image: -moz-linear-gradient(135degrgb(125,196,640%, rgb(157,210,88100%);

  
background-image: -webkit-linear-gradient(135degrgb(125,196,640%, rgb(157,210,88100%);

  
background-image: -ms-linear-gradient(135degrgb(125,196,640%, rgb(157,210,88100%);

  
position:absolute;

  
top3px;

  
right: -12px;

  
z-index:-3;

  -
webkit-transformrotate(45deg);  /* Saf3.1+, Chrome */

       
-moz-transformrotate(45deg);  /* FF3.5+ */

        
-ms-transformrotate(45deg);  /* IE9 */

         
-o-transformrotate(45deg);  /* Opera 10.5 */

            
transformrotate(45deg);

               
filterprogid:DXImageTransform.Microsoft.Matrix(/* IE6–IE9 */

                       
M11=0.7071067811865476M12=-0.7071067811865475M21=0.7071067811865475M22=0.7071067811865476sizingMethod='auto expand');

                 
zoom1;



}



.
label-size:hover:after{

  
background-color#b7fa66;

  
background-imagelinear-gradient(-45deg#b7fa66 0%, #7ec940 100%);

  
background-image: -o-linear-gradient(-45deg#b7fa66 0%, #7ec940 100%);

  
background-image: -moz-linear-gradient(-45deg#b7fa66 0%, #7ec940 100%);

  
background-image: -webkit-linear-gradient(-45deg#b7fa66 0%, #7ec940 100%);

  
background-image: -ms-linear-gradient(-45deg#b7fa66 0%, #7ec940 100%);

}

.
label-size:active:after{

  
background-imagelinear-gradient(-45degrgb(125,196,640%, rgb(157,210,88100%);

  
background-image: -o-linear-gradient(-45degrgb(125,196,640%, rgb(157,210,88100%);

  
background-image: -moz-linear-gradient(-45degrgb(125,196,640%, rgb(157,210,88100%);

  
background-image: -webkit-linear-gradient(-45degrgb(125,196,640%, rgb(157,210,88100%);

  
background-image: -ms-linear-gradient(-45degrgb(125,196,640%, rgb(157,210,88100%);

}



.
label-size:before{

  
content" ";

  
height:5px;

  
width:5px;

  
display:block;

  
position:absolute;

  
right:-3px;

  
top:11px;

  
background-color#fcfdf5;

  
border1px solid #83ab52;

  
border-radius:5px;

  
box-shadow0 1px 0 #b2ddd83;



}





.
label-size span{

  
padding:2px 5px;

  
border1px solid #9e5c26;

  
border-radius5px;

  
box-shadowinset 0 1px 0 #f5bf8c;

  
background-color#ed943f;

  
text-shadow0px 1px 1px #000;

  
margin-left10px;

  
background-imagelinear-gradient(bottomrgb(211,95,320%, rgb(223,131,45100%);

  
background-image: -o-linear-gradient(bottomrgb(211,95,320%, rgb(223,131,45100%);

  
background-image: -moz-linear-gradient(bottomrgb(211,95,320%, rgb(223,131,45100%);

  
background-image: -webkit-linear-gradient(bottomrgb(211,95,320%, rgb(223,131,45100%);

  
background-image: -ms-linear-gradient(bottomrgb(211,95,320%, rgb(223,131,45100%);

}
#Label1 {height:210px !important;}

/*]]>*/
</style

الى هنا إنتهى وأرجو أن أكون في حسن ظنكم ولكل من لم ألبي له طلبه في أي موضوع في منتدى ادعم الفني المرجو الإتصال بي ... لاتنسوا التعليقات

mostafa alwin 08-13-2012 01:21 AM

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

admin 08-13-2012 01:31 AM

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

overboy 08-13-2012 01:32 AM

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

overboy 08-13-2012 01:33 AM

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

المشاركة الأصلية كتبت بواسطة عثمان بن الطالب (المشاركة 7233)
مشكور على الشرح أخي حمزة
واصل ....... :star::star::star::star::star:

شكرا لك أخي عثمان على التشجيع وجاري التحضير لموضوع ضخم

yosefssss 08-13-2012 07:23 PM

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

overboy 08-14-2012 01:57 AM

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

seddek 08-23-2012 06:53 PM

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

admin 08-23-2012 07:14 PM

رد: إضافة التسمية بشكل أنيق...فقط على معهد خبراء بلوجر
 
أظن أنه يجب حذف الأرقام 1 2 3 لأنها تمثل أرقام السطور

overboy 08-23-2012 08:07 PM

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


الساعة الآن 06:47 AM

Powered by vBulletin® Copyright ©2000 - 2025 Dov By EGYNT.Co
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012