اضافه کردن توضيحات به تصاوير

مجموعه مقالات و مطالب مرتبط با بلاگر و وبلاگ نویسی و دنیای فناوری اطلاعات

دیدن مطالب وبلاگ

۱۳۸۶/۰۷/۲۱

اضافه کردن توضيحات به تصاوير


مرحله اول: ابتدا کد جاواي زير را قبل ازقسمت هد قالب خود قراردهيد
</head>
کد مربوطه
<script src='http://jscripts.ning.com/id/3459063?minify' type='text/javascript'></script>
حال کد زير را در قسمت سي اس اس قالب خود قرار دهيد
.image_container {/* contains image and caption */
background-color: #C0C0C0;
border: 1px solid gray;
font-family: Verdana, sans-serif;
padding: 5px;
margin:5px;
float:left;
}

.image_container img{/* the image */
border:1px solid gray;
}

.image_container span {/* the caption */
color: white;
display: block;
font-size:7pt;
font-weight:bold;
margin: 5px 0px 0px;
}

تمام شد.Caption preview

حالا براي اينکه مانند تصوير فوق توضييح در زير عکس داشته باشيد بايد اين کار را انجام بدهيد:
ابتدابعد از آپلودتصوير مورد نياز در پست خودتون ؛ با توجه به کد زير توضيحات خود را به تصوير خود رضافه کنيد:
<img src='http://www.google.com/logos/valentine07.gif' class='capt' alt='I love Google!'/>
منبع

0 نظر:

لینکهای دوستان