مرحله اول: ابتدا کد جاواي زير را قبل ازقسمت هد قالب خود قراردهيد
کد مربوطه
حال کد زير را در قسمت سي اس اس قالب خود قرار دهيد
حالا براي اينکه مانند تصوير فوق توضييح در زير عکس داشته باشيد بايد اين کار را انجام بدهيد:
ابتدابعد از آپلودتصوير مورد نياز در پست خودتون ؛ با توجه به کد زير توضيحات خود را به تصوير خود رضافه کنيد:
منبع
</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;
}
تمام شد.

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