حاشیه تصاویر و مطلب

بسم الله الرحمن الرحيم

  

 

 

 

براي اينکار دو روش وجود دارد:

يک اينکه کدي رو که گفتم در محل گفته شده paste کنيد:

دوم اينکه کد رو قرار دادم و ميتونيد کل کد رو برداريد و در html قرار بديد و سپس لينک تصوير رو جايگزين کنيد:

محتوا :

1-حاشيه تصاوير 

2- حاشيه مطلب 

 

اين کد را  در بخش html در ادمه کد عکس قرار بديد :

<img style="display: block; margin-left: auto; margin-right: auto; border-width: 10px; border-color: #f8061e; border-style: double;"

 

براي تغيير رنگ کد هگز که با نوار سبز مشخص شده است را تغيير دهيد(تغيير رنگ اينجا کليک کنيد)

براي تغيير مدل حاشيه مقادير زير را ميتوانيد قرار بديد که در زير نمونه هاي ان قرار داده شده است:

 

solid double solid double

dashed

ridge

inset

outset

double

dotted

solid

 

 

 

 کد solid :

 

 کد dotted:

 

 کد double :

 

  کد outset :

 

   کد intset :

 

   کد ridge :

 

  کد dashed :

  

 کد : solid double solid double 

 

 اين هم کد حاظري (چرخش + حاشيه ) :

 کافيه کد زير رو در بخش html قرار بديد و سپس مقادير توضيح داده شده رو تغيير بديد:

 

<p><span style="margin-left: auto; margin-right: auto;"><img style="display: block; margin-left: auto; margin-right: auto; border-width: 10px; border-color: #f8061e; border-style: solid; -webkit-transform: rotate(10deg);" title="عکس" src="http://www.miyanali.com/usr/rezazadeh69/gal1535.jpg?882570424882570424" alt="عکس" width="360" height="240" border="0" /></span></p>

 

 solid : براي تغيير مدل حاشيه به جاي  solid مقادير جدل داده شده را درج کنيد.

f8061e :براي تغيير رنگ حاشيه کد هگز را تغيير دهيد.

 لينک عکس: براي گذاشتن لينک تصوير دلخواه تون  لينک تصوير را که با زرد مشخص شده را عوض کنيد.

(webkit-transform: rotate(10deg : براي چرخش عدد 10 را تغيير دهيد اگر منفي قرار دهيد به طرف چپ ميچرخد.

اين هم کد حاشيه :

بعد از تمام شدن مطلب در بخش html درج کنيد:

 

<div style="background: #ffffff;"> <div style="cursor: pointer; border: 10px  #1295ec; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; background: #ffffff; border-style: double;">

  10px: براي تغيير ضخامت حاشيه 

 1295ec : رنگ حاشيه  

 ffffff: رنگ وسط صفحه مطلب

double: نوع حاشيه (ميتوانيد از مقادير جدول استفاده کنيد)