مجموعه الاقتباس بالصور blockquote

by on in
كل ما صار الكود اصغر حجم هو افضل المهم الطلب حسب رغبتك تمتع ويمكنك تعديل الرموز والالوان والصور
وفي شغله مميزه باكتشافي : عند حذف اللون راح يتجاوب معي لون قالبك
مثال : color: #2c3e50 !important; الحذف يكون
color:  !important;
البحث عن
]]></b:skin>
واضافه احد الاكواد فوقه
.post blockquote {
max-height: 400px !important;
clear: both !important;
padding: 0 10px 10px 10px !important;
border: 1px solid #DDD !important;
color: #666 !important;
direction: ltr !important;
text-align: left !important;
border-radius: 4px !important;
font: 12px "Courier New", "MS Sans Serif", sans-serif, serif !important;
line-height: 1.6em !important;
-ms-overflow-x: auto !important;
overflow-x: auto !important;
position: relative !important;
z-index: 50 !important;
background: #FFF !important;
}
.post blockquote:before {
content: " هنا الاقتباس والنسخ <--- ";
padding: 0px 20px;
margin: 0 -10px 5px -10px;
border-bottom: 3px solid #A4D3DF;
display: block;
background: #E5F8FD url(https://jetara.googlecode.com/files/%D8%AA%D9%86%D8%B2%D9%8A%D9%84.png) left 2px top 2px no-repeat;
color: #A4B1B8;
}
blockquote {
background: #484B52 url(https://3.bp.blogspot.com/_7wsQzULWIwo/Swb5J3xbxyI/AAAAAAAACPk/gxR76OhXXaw/s1600/green-black-side.gif) ;
background-position:;
background-repeat:repeat-y;
margin: 0px 50px 0px 50px;
padding: 30px 30px 30px 50px;
color: #C7CACF;
font: normal 1.105em Helvetica, verdana, serif, Georgia, “Times New Roman”;
.post blockquote p {
margin: 0;
padding-top: 10px;
}
blockquote {
font-size: 20px;
line-height: 1.65em;
font-weight: 300;
margin: 0px 50px 0px 50px;
padding: 30px 30px 30px 50px;
color: #fff;
border-top: 5px solid #77818d;
background: #77818d url(https://2.bp.blogspot.com/-efI8eumd0Ow/UdJQYLiab9I/AAAAAAAACP4/ePmgr9wVJew/s16/icon_blockquote.png) no-repeat 20px 25px;
}
blockquote p {
margin: 0;
}
blockquote { background: url(https://4.bp.blogspot.com/-dklbBCzQ0is/UthVFDMFxYI/AAAAAAAAA7k/1a20NuQc1fU/s1600/paper1.png) repeat-y scroll 0 0 transparent;
border-radius: 5px;
margin: 0px 50px 0px 50px;
padding: 30px 30px 30px 50px;
line-height: 1.6em;
font-family:’Fondamento’, cursive, sans-serif;
font-size:20px;
}
blockquote {
color: #333;
padding: 70px 30px 30px 50px;
background: #fafafa
/*The Image URL. You should replace it with your own */
background: #fafafa url(“https://www.bloggingvision.com/wp-content/uploads/2015/10/Logo-version-3.png“) no-repeat top center;
font-size: 20px;
}
.post blockquote {
overflow:auto;width:250px;height:260px;
font-family: “Consolas”, “Courier New”, Courier, mono, serif;
color:#ffffff;
margin : 15px 35px 15px 15px;
padding : 5px 8px 15px 165px;
clear : both;
list-style-type : none; word-wrap:break-word;
background : url(https://1.bp.blogspot.com/-OU6w32TDAeU/U6maq-xyu3I/AAAAAAAAJWg/9BYLRAX_7lo/s1600/teacher.png);
background-repeat: no-repeat;
-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition-duration:all .3s ease-in-out;transition:all .3s ease-in-out;
}
.post blockquote:hover{
background : url(https://4.bp.blogspot.com/-uyo8jJrCEmE/U6maq4BKt9I/AAAAAAAAJWc/rHNKC0BwSV8/s1600/hover+html+teacher.png);
background-repeat: no-repeat;
color:#F1F1F1;
}
blockquote {
margin: 20px 30px 20px 30px;
background-image: url(https://lh5.googleusercontent.com/proxy/SOMq4FUJ6WEG2LGSjE5bTyAMMzzIovei1H9PgrkldrrsiLQVk7Dp1Bx8BXCPhWNf1EtVvPosMG3UfjnvZBzBRGik-mqBLGU0BV3OhGsL3aIhVC9P7xHji5Fcqmw=s0-d);
font: 20px/25px Serif, Times, Helvetica;
font-style: italic;
color: #FFF;
border: 1px ridge #0180C3;
border-radius: 20px 10px 20px 10px;
-moz-border-radius: 20px 10px 20px 10px;
-webkit-border-radius: 20px 10px 20px 10px;
-o-transition: all 1.2s ease-in;
-moz-transition: all 1.2s ease-in;
-webkit-transition: all 1.2s ease-in;
padding: 20px 20px 20px 20px;
}
blockquote:hover {
color: #eee;
-o-transform: rotate(0deg) scale(1.06) translate(-10px, 0);
-moz-transform: rotate(0deg) scale(1.06) translate(-10px, 0);
-webkit-transform: rotate(0deg) scale(1.06) translate(-10px, 0);}
blockquote span.bbuka, blockquote span.btutup {
float: left;
margin-right: 5px;
height: 17px;
width: 22px;
background: url(https://i964.photobucket.com/albums/ae124/gubhugreyot/Blockquote-L.png) left top no-repeat;
-o-transition: all 1.2s ease-in;
-moz-transition: all 1.2s ease-in;
-webkit-transition: all 1.2s ease-in;
}
blockquote span.bbtutup {
float: right;
margin-left: 5px;
margin-right: 0;
background: url(https://i964.photobucket.com/albums/ae124/gubhugreyot/Blockquote-R.png) right top no-repeat;
}
blockquote:hover span.bbuka, blockquote:hover span.btutup {
-o-transform: rotate(1090deg) scale(1.1);
-moz-transform: rotate(1090deg) scale(1.1);
-webkit-transform: rotate(1090deg) scale(1.1);
}
blockquote {
background: url(https://4.bp.blogspot.com/-W1mYmOOgIGw/V1FCMbeSPLI/AAAAAAAAAeI/mWxT2qK37PYD4XZ711T0sp-pb8nZFXCJwCLcB/s320/bg-quote1.png) no-repeat;
color: #a5a4a4;
font-style: italic;
margin: 30px !important;
padding: 0px 1px 0px 75px;
}
blockquote {
background:
url(https://3.bp.blogspot.com/-6Cz5ZZSF770/V1FF0SioZ6I/AAAAAAAAAeU/-rv7t7Q_H7Q0SWb_wgi9n0vxbkOuM1M4wCLcB/s320/bg-quote3a.png) top center no-repeat,
url(https://3.bp.blogspot.com/-R47112ZnBE4/V1FF0ePq0EI/AAAAAAAAAeY/kazHLrP27ekR_ly_enF0nCVEOiq5DaDvgCLcB/s320/bg-quote3b.png) bottom center no-repeat;
color: #a5a4a4;
font-style: italic;
margin: 30px;
padding: 30px;
text-align: center;
}
blockquote {        
margin : 0 20px;         
padding: 60px 30px 40px 20px;         
background : #F1F8FE url(http://3.bp.blogspot.com/_7wsQzULWIwo/SwhrZYtvrRI/AAAAAAAACRs/Q0k6eaIjnys/s400/owl.png) no-repeat 350px 5px;         
font: normal .9em "comic sans ms", Courier,"Times New Roman", Times, serif;         
color : #000;         
border-left: 8px dotted #DAB547; 
}        
blockquote p {         
margin: 0;         
padding-top:10px;         
}
.post blockquote {        
margin : 0 20px;         
padding: 70px 20px 20px 40px;         
background : #E4EAFE url(http://3.bp.blogspot.com/_7wsQzULWIwo/Swb4cWgxCUI/AAAAAAAACN8/k2V4tUcGx14/s400/angular-purple.gif) no-repeat top left;         
font: bold 1em Helvetica, verdana, Georgia, "Times New Roman", Times, serif;         
color : #000;         
border-bottom : 5px solid #435388;         
} 
.post blockquote p {        
margin: 0;         
padding-top:10px;         
}
.post blockquote {        
margin : 0 20px;         
padding: 10px 20px 25px 20px;         
background : #9FCFFF url(http://1.bp.blogspot.com/_7wsQzULWIwo/SwhrYyb3PiI/AAAAAAAACRU/DyY1rOVnl_k/s400/block22.gif) no-repeat right bottom;         
font: bold .9em "comic sans ms", arial, Helvetica,verdana, Georgia;         
color : #484848;         
border: 5px dashed #fff;         
} 
.post blockquote p {        
margin: 0;         
padding-top:10px;         
}

.post blockquote {        
background: #F3F3F1 url(http://3.bp.blogspot.com/_7wsQzULWIwo/Swb5Jv9YD4I/AAAAAAAACPc/BJ-zgoLMJXw/s1600/comma-side-orange1.gif) ;         
background-position:;         
background-repeat:repeat-y;         
margin: 0 20px;         
padding: 20px 20px 10px 45px;         
font-size: 0.9em;         
font: italic 1.2em Georgia, "Times New Roman", Times, serif;         
}         
.post blockquote p {         
margin: 0;         
padding-top: 10px;         
}

.post blockquote {        
margin : 0 20px;         
padding: 70px 20px 20px 20px;         
background : #E7E5DC url(http://2.bp.blogspot.com/_7wsQzULWIwo/SwhrZPcjY4I/AAAAAAAACRk/qOMm-cht3rw/s1600/block333.gif) no-repeat top;         
font: normal 1em "comic sans ms",Helvetica, Courier,"Times New Roman", Times, serif;         
color : #000000;         
border-bottom : 7px solid #FF0000;         
} 
.post blockquote p {        
margin: 0;         
padding-top:10px;         
}

.post blockquote{        
margin : 0 20px;         
padding: 50px 30px 50px 30px;         
background : #FFF url(http://4.bp.blogspot.com/_7wsQzULWIwo/Swb4c7RglzI/AAAAAAAACOU/bwGBdTO2lq4/s1600/BLOCK1-TOP.gif) no-repeat top;         
font: bold italic 1em Helvetica, verdana;         
color : #000;         
} 
.post blockquote div{        
background : #FFF url(http://4.bp.blogspot.com/_7wsQzULWIwo/Swb4c0v4knI/AAAAAAAACOM/S-iKAwSXT-I/s1600/BLOCK1-BOTTOM.gif) no-repeat bottom;         
padding-bottom: 50px;         
} 
.post blockquote p {        
margin: 0;         
padding-top:10px;         
}

.post blockquote {
overflow:auto;
max-height:250px;
border: 1px dashed #FFC600;
margin: 10px;
padding: 10px 10px 10px 60px;
background: #FFF8DD url(ضع صوره) no-repeat;
background-position:20px 10px;}

.post blockquote {
position: relative;
z-index: 50;
background:#fff url(ضع صوره) top left repeat;
border:1px solid #999;color:#000;
display:block;
font-family:"Courier New", Courier, monospace;font-size:13px;
line-height:18px;
margin:10px 0 10px;
padding:18px 10px 17px;
overflow:auto;
max-height:250px;
}

الكاتب : التاريخ :
القسم :

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

إرسال تعليق

الاشتراك في: تعليقات الرسالة (Atom)
Adbox