فراموش کردم
اعضای انجمن(326)
جستجوی انجمن
مدیر انجمن: مهدی عزیزی
رضا رضازاده (rezazadeh69 )    

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

منبع : رضا رضازاده
درج شده در تاریخ ۹۱/۱۲/۱۱ ساعت 10:08 بازدید کل: 3444 بازدید امروز: 109
 

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

  

 

 

حاشيه تصاوير

 

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

يک اينکه کدي رو که گفتم در محل گفته شده 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: نوع حاشيه (ميتوانيد از مقادير جدول استفاده کنيد)

 

  

تاریخ آخرین ویرایش مطلب: تاریخ آخرین ویرایش: ۹۲/۰۲/۲۴ - ۱۲:۰۸
اشتراک گذاری: تلگرام فیسبوک تویتر
برچسب ها:

1
2
3
1 2 3


لوگین شوید تا بتوانید نظر درج کنید. اگر ثبت نام نکرده اید. ثبت نام کنید تا بتوانید لوگین شوید و علاوه بر آن شما نیز بتوانید مطالب خودتان را در سایت قرار دهید.
فراموش کردم
تبلیغات
کاربران آنلاین (2)