كود css لتغيير شكل الاقتباس وجعله جذاب جدا للنسخة الاخيرة شكل جديد وحصري 2011

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


كود css لتغيير شكل الاقتباس وجعله جذاب جدا للنسخة الاخيرة شكل جديد وحصري 2011

معاينة للكود

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

التوافق مع النسخة الاخيرة


الكود

الكود: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

1. 
   
2. 
   
3. blockquote {
   
4. -moz-border-radius-topleft: 5px;
   
5. -webkit-border-top-left-radius: 5px;
   
6. -moz-border-radius-bottomleft: 9px;
   
7. -webkit-border-bottom-left-radius: 9px;
   
8. -moz-border-radius-bottomright: 25px;
   
9. -webkit-border-bottom-rightright-radius: 25px;
   
10. }
    
11. blockquote {
    
12. border-top: 1px solid #ADC8E5;;
    
13. border-right: 2px solid #ADC8E5;
    
14. border-bottom: 3px solid #ADC8E5;
    
15. border-left: 5px solid #ADC8E5;
    
16. background-color: #dfe6ef;
    
17. -webkit-box-shadow: 4px 4px 10px #333;
    
18. -moz-box-shadow: 4px 4px 10px #333;
    
19. box-shadow: 4px 4px 10px #333;
    
20. }
    
21. blockquote cite {
    
22. display: block;
    
23. margin: -8px -8px 8px -8px;
    
24. padding: 3px;
    
25. background-image: url('https://i.servimg.com/u/f60/13/80/01/02/sfondo22.jpg');
    
26. background-repeat: repeat-x;
    
27. background-position: top right;
    
28. font-style: normal;
    
29. font-size: 13px;
    
30. }
    
31. blockquote {
    
32. background: url(https://i.servimg.com/u/f38/14/18/94/73/quote15.jpg) no-repeat top right;
    
33. min-height:75px; }
    
34. .spoiler {
    
35. -moz-border-radius-topleft: 5px;
    
36. -webkit-border-top-left-radius: 5px;
    
37. -moz-border-radius-bottomleft: 9px;
    
38. -webkit-border-bottom-left-radius: 9px;
    
39. -moz-border-radius-bottomright: 25px;
    
40. -webkit-border-bottom-rightright-radius: 25px;
    
41. }
    
42. .spoiler {
    
43. border-top: 1px solid #ADC8E5;;
    
44. border-right: 2px solid #ADC8E5;
    
45. border-bottom: 3px solid #ADC8E5;
    
46. border-left: 5px solid #ADC8E5;
    
47. background-color: #dfe6ef;
    
48. -webkit-box-shadow: 4px 4px 10px #333;
    
49. -moz-box-shadow: 4px 4px 10px #333;
    
50. box-shadow: 4px 4px 10px #333;
    
51. }
    
52. .spoiler dt {
    
53. display: block;
    
54. margin: -8px -8px 8px -8px;
    
55. padding: 3px;
    
56. background-image: url('https://i.servimg.com/u/f60/13/80/01/02/sfondo22.jpg');
    
57. background-repeat: repeat-x;
    
58. background-position: top right;
    
59. font-style: normal;
    
60. font-size: 13px;
    
61. }
    
62. .spoiler {
    
63. background: url(https://i.servimg.com/u/f38/14/18/94/73/quote16.jpg) no-repeat top right;
    
64. min-height:30px; }
    
65. 
    
66. 
    
67. 
    
68. #navstrip li {
    
69. float: left;
    
70. margin: 0 2px;
    
71. padding-left: 15px;
    
72. background: url('https://i.servimg.com/u/f30/13/80/01/02/immagi14.gif') no-repeat left 50%;
    
73. }
    
74. 
    

اتمنى الافادة للجميع
.
.
.
.
.
أتمنى النقل للقسم المناسب
الى اللقاء
الكود من تصميم
اخوكم حسن THE QM
المساعد الليلي
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الف شكر