PDA

توجه ! این یک نسخه آرشیو شده میباشد و در این حالت شما عکسی را مشاهده نمیکنید برای مشاهده کامل متن و عکسها بر روی لینک مقابل کلیک کنید : ظاهر شدن متن بالای همه عکس های سایت هنگام قرارگیر ماوس



ali-24
January 25th, 2017, 10:30
با سلام و احترام دوستان من میخوام ظاهر شدن متن ( برای نمایش عکس در سایز بزرگتر و اصلی روی عکس کلیک کنید) رو بالای همه عکس های سایت هنگام قرارگیر ماوس روی عکس بگذارم در قالب وردپرس باید چیکار کنم مثل عکس زیر یک دنیا تشکر

35005

JahanSoft
March 6th, 2017, 23:17
اگه بخوای بصورت اصولی انجامش بدی باید کدهای فالبت ویرایش بشه.
ولی اگه نمیخوای به قالب دست بزنی می تونی این کد رو تو فایل 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>

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