كد ايجاد حاشيه اطراف عكس براي وبلاگ

در اينترنت سايت هاي زيادي وجود دارد كه وقتي موس را روي آن ها مي بريد،يا حاشيه تشكيل مي شود و يا رنگ حاشيه آن عوض مي شود.براي مثال،خود همين سايت نيز به اين گونه است.

امروز مي خواهم طريقه استفاده از اين كد را آموزش بدهم.به ادامه مطلب مراجعه كنيد.

براي اين كار:

ابتدا كد زير را كپي و بعد به قسمت ويرايش قالب خود برويد.

<style type="text/css"> .main-center2 img { margin:8px 4px; border:1px solid #e5e5e5; padding:5px; filter:alpha(opacity=50); opacity:0.8; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #f1f1f1; text-align: center; float: center; background: url('http://persianstyle.persiangig.com/ps2/ps.gif') no-repeat center; box-shadow:1px 0px 3px #888; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; transition:all 0.3s ease-in; background-repeat:no-repeat } .main-center2 img:hover { margin:8px 4px; border:1px solid #FFA994; padding:5px; filter:alpha(opacity=100); opacity:1.0; -moz-border-radius: 25px; -webkit-border-radius: 15px; background-color: #FFDDD5; text-align: center; float: center; background-image: url('http://persianstyle.persiangig.com/ps2/ps.gif'); background-repeat: no-repeat; background-position: center; box-shadow: 1px 0px 6px #888; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; transition:all 0.3s ease-in } </st </body> </html></body> </html>

سپس اين كد را قبل از متني مانند <head/> يا مشابه آن قرار دهيد.

سپس دنبال تگ يا متن ديگري مانند [Post_content] بگرديد و آن را با كد زير جايگزين كنيد.

توجه كنيد اگر تگ [Post_content] شما فرق داشت،پس بايد تگ مخصوص وبلاگ خود را در جايگزيني،قرار دهيد.

به عنوان مثال تگ <Post_content> همانند زير مي شود:

اگر بازهم مشكلي وجود داشت،از طريق نظرات همين مطلب به ما اطلاع دهيد.

منبع: فري نت