ظاهر شدن متن بالای همه عکس های سایت هنگام قرارگیر ماوس

اگه بخوای بصورت اصولی انجامش بدی باید کدهای فالبت ویرایش بشه.
ولی اگه نمیخوای به قالب دست بزنی می تونی این کد رو تو فایل style.css قالبت قرار بدی:

کد:

.imgdiv {position:relative;} .imgcap {position:absolute;top:0;padding:10px 0;text-align:center;background:rgba(0,0,0,0.8);color:#fff;} .imgdiv img {position:absolute;}

داخل پست هاتم ویرایشگرو ببری روی حالت code و عکس هایی که کدش اینطوری هست :

کد:

<img src="..." />

رو بصورت زیر تغییر بدی :

کد:

<div class="imgdiv"> <img src="... /> <div class="imgcap">برای بزرگنمایی روی عکس کلیک کنید</div> </div>

البته من اینو تست نکردم اگه مشکلی داشت بگو تا برطرفش کنم برات.