eliasissaoui
Admin
 عدد المساهمات : 16999
تاريخ التسجيل : 04/07/2013
الموقع : https://www.youtube.com/watch?v=QriWAmC6_40
 |  موضوع: إضافة جديدة وحصرية للمواضيع المتبثة في بلوجر  الأحد فبراير 02, 2014 1:35 am | |
| إخواني الكرام كيف حالكم اتمنى تكونوا بالف خير اليوم بإذن الله سأقدم لكم إضافة جميلة ومميزة وهي إضافة للمواضيع المتبثة فيمدونتك قد يكون في مدونتك مواضيع مميزة كثيرة او مواضيع ترغب في ان تتلقى اكبر عدد من الزيارات يمكنك حينها وضعها كمواضيع متبثة فوق او أسفل المدونة حسب رغبتك صورة من شكل الإضافة كما ترون شكل الاداة جميل ويصلح للمدونات الإخبارية ايضا لوضع اخبار تابثة  والجميل أيضا سهولة التعامل مع الإضافة فلن تحتاج للتعديل على قالبك لإضافته فقط قم بإضافة أداة جديدة ثم ضع فيها هذا الكود
- اقتباس :
- <style>
imagemania, imagecaption {
display: block;
}
#imagoroid{
width:100%;
overflow:hidden;
padding:20px 10px;
}
#imagoroid imagemania{
float:right;
position:relative;
width:150px;
margin:10px 10px;
padding: 6px 8px 10px 8px;
-webkit-box-shadow: 4px 4px 8px -4px rgba(0, 0, 0, .75);
-moz-box-shadow: 4px 4px 8px -4px rgba(0, 0, 0, .75);
box-shadow: 4px 4px 8px -4px rgba(0, 0, 0, .75);
background: #eee6d8;
background: -webkit-linear-gradient(top, #ede1c9, #fef8e2 20%, #f2ebde 60%);
background: -moz-linear-gradient(top, #ede1c9, #fef8e2 20%, #f2ebde 60%);
background: -o-linear-gradient(top, #ede1c9, #fef8e2 20%, #f2ebde 60%);
background: -ms-linear-gradient(top, #ede1c9, #fef8e2 20%, #f2ebde 60%);
background: linear-gradient(top, #ede1c9, #fef8e2 20%, #f2ebde 60%);
-webkit-transform:rotate(-1deg);
-moz-transform: rotate(-1deg);
-o-transform: rotate(-1deg);
-ms-transform: rotate(-1deg);
transform: rotate(-1deg);
-webkit-backface-visibility:hidden; /*prevent rotated text being jagged in Chrome and Safari*/
}
#poaroid imagemania:nth-child(even) {
-webkit-transform:rotate(2deg);
-moz-transform: rotate(2deg);
-o-transform: rotate(2deg);
-ms-transform: rotate(2deg);
transform: rotate(2deg);
-webkit-backface-visibility:hidden; /*prevent rotated text being jagged in Chrome and Safari*/
-webkit-box-shadow: 4px 4px 8px -4px rgba(0, 0, 0, .75);
-moz-box-shadow: 4px 4px 8px -4px rgba(0, 0, 0, .75);
box-shadow: -4px 4px 8px -4px rgba(0, 0, 0, .75);
}
#imagoroid imagemania:before {
content: '';
display: block;
position: absolute;
right:40px;
top: -15px;
width: 75px;
height: 25px;
background-color: rgba(222,220,198,0.7);
-webkit-transform: rotate(-12deg);
-moz-transform: rotate(-12deg);
-o-transform: rotate(-12deg);
-ms-transform: rotate(-12deg);
}
#imagoroid imagemania:nth-child(even):before {
right:50px;
top: -15px;
width: 55px;
height: 25px;
-webkit-transform: rotate(12deg);
-moz-transform: rotate(12deg);
-o-transform: rotate(12deg);
-ms-transform: rotate(12deg);
}
#imagoroid imagecaption{
text-align:center;
font-family: 'Reenie Beanie', cursive; /*Reenie Beanie is available through Google Webfontshttp://code.google.com/webfonts/specimen/Reenie+Beanie*/
font-size:1.3em;
color:#454f40;
letter-spacing:0.09em;
}
/**IE Hacks - see http://css3pie.com/ for more info on how to use CS3Pie and to download the latest version**/
#imagoroid imagemania{
-pie-background: linear-gradient(#ede1c9, #fef8e2 20%, #f2ebde 60%);
behavior: url(assets/pie/PIE.htc);
position:relative; /*required to make PIE work*/
padding-top:10px\9;
padding-right:10px\9;
}
</style>
<div id="imagoroid">
<imagemania>
<img src="رابط الصورة 1" width="150" height="150" alt="Red mushroom" />
<imagecaption><a href='الرابط هنا' target='_blank'>عنوان موضوع رقم 1</a></imagecaption>
</imagemania>
<imagemania>
<img src="رابط الصورة 2" width="150" height="150" alt="Rainbow near Keswick" />
<imagecaption><a href='الرابط هنا' target='_blank'>عنوان موضوع رقم 2</a></imagecaption>
</imagemania>
<imagemania>
<img src="رابط الصورة 3" width="150" height="150" alt="An old tree" />
<imagecaption><a href='الرابط هنا' target='_blank'>عنوان موضوع رقم 3</a></imagecaption>
</imagemania>
<imagemania>
<img src="رابط الصورة 4" width="150" height="150" alt="Rainbow near Keswick" />
<imagecaption><a href='الرابط هنا' target='_blank'>عنوان موضوع رقم 4</a></imagecaption>
</imagemania>
</div><!--end imagoroid-->
ثم غير البيانات بما يناسب
رابط الصورة ورابط الموضوع وعنوان الموضوع وستكون إنتهيت من إعدادات الإضافة هذا كل شيئ أتمنى ان تكون الإضافة قد لاقت إعجابكم أي سؤال او تعديل لا تتردد في طرحه بالتوفيق للجميع ودمتم في رعاية الله وحفظه | |
|
