#1
مدون نشيط
تاريخ التسجيل: Feb 2014
المشاركات: 124
اضافة التسميات لبلوجر بشكل انيق - اضافات بلوجر
السلام عليكم ورحمة الله وبركاتة
كود PHP:
< style type = "text/css" >
add - blogg - ahtrafy - up a {
display : block ;
background : #eee;
border : 1px solid #ccc;
margin : 0 0 20px 0 ;
height : 65px ;
width : 290px ;
overflow : hidden ;
text - decoration : none ;
font - family : inherit ;
font - size : 16px ;
color : #000000;
text - shadow : 0 1px 2px rgba ( 0 , 0 , 0 , 0.75 );
add - blogg - ahtrafy - up h5 {
color : #000000;
margin - top : 0px ;
height : 65px ;
text - align : center ;
line - height : 65px ;
webkit - transition : margin - top 0.2s linear ;
add - blogg - ahtrafy - up a : hover h5 {
margin - top :- 90px ;
add - blogg - ahtrafy - up div {
font - family : inherit ;
font - size : 17px ;
color : #FFFFFF;
text - align : center ;
padding : 0px ;
opacity : 0 ;
webkit - transition : all 0.3s linear ;
webkit - transform : rotate ( 10deg );
add - blogg - ahtrafy - up a : hover div {
opacity : 1 ;
webkit - transform : rotate ( 0deg );
add - blogg - ahtrafy - up a : nth - child ( 1 ) div { background : #EF7901; line-height:70px;}
. add - blogg - ahtrafy - up a : nth - child ( 2 ) div { background : #98bf0d; line-height:70px;}
. add - blogg - ahtrafy - up a : nth - child ( 3 ) div { background : #01b0ec; line-height:70px;}
. add - blogg - ahtrafy a { text - decoration : none ; margin : 10px ; font - family : inherit ; font - size : 8px ; font - weight : bold ; color : #000000; overflow:hidden;-webkit-transition: All 1s ease;-moz-transition: All 1.5s ease;-o-transition: All 1.5s ease;-ms-transition: All 1.5s ease;transition: All 1.5s ease;
}
add - blogg - ahtrafy a : hover { text - decoration : none ; margin : 75px ; font - family : inherit ; font - size : 13px ; font - weight : bold ; color : #1fd4e9;-webkit-transition: All 1s ease;-moz-transition: All 1s ease;-o-transition: All 1s ease;-ms-transition: All 1s ease;transition: All 1s ease;
}
style >
section class= "add-blogg-ahtrafy-up" >
a href = "الرابط" >
h5 >
التسمية </ h5 >
div >
التسمية </ div >
a >
a href = "الرابط" >
h5 >
التسمية </ h5 >
div >
التسمية </ div >
a >
a href = "الرابط" >
h5 >
css - css3 </ h5 >
div >
التسمية </ div >
a >
section >
section class= "add-blogg-ahtrafy" >
a href = "الرابط" > التسمية </ a >
section >
وضع الروابط والتسميات واحفظ العمل
__________________
من مواضيع Blog-Add
02-26-2014, 10:14 PM
اضافة التسميات لبلوجر بشكل انيق - اضافات بلوجر
المواضيع المتشابهه
العرض الشجري
