موضوعات داغ     سایت جامع استان زنجان   |  سایت خبری زنجان   |   افراد آنلاین : ۱۸۷     تبلیغات | درباره سایت |
Loading...
دما هم اکنون ۰ °C
دمای زنجان در ساعات آینده

تبليغات A
محبوب ترین ها
استان زنجانمپ زنجانساختمان پزشکان زنجانبانک اطلاعات پزشکان استان زنجاندیوار زنجانآشنایی کامل با اقلیم آب و هوای استان زنجانکانال تلگرام استان زنجانپورتال استان زنجانطراحی سایت در زنجانمشاهده ترافیک زنجانسایت پزشکان زنجاندرباره سایت استان زنجانهوای زنجانتبلیغات در سایت زنجانمرکز خرید و فروش خودرو زنجاناطلاعات عمومی استان زنجانبانک کوثر زنجانتبلیغات در زنجانترافیک آنلاین استان زنجانمساحت استان زنجانمساحت شهر زنجاننام دیگر شهر زنجانشهرهای زنجاناخبار استان زنجانبانک انصار زنجاناذان صبح به افق زنجانجاهای دیدنی زنجاناستان زنجان.pdfبیمه پاسارگاد نمایندگی زنجانفروشگاه اینترنتی زنجانسایت خبری زنجانبازار خودرو زنجانخرید بلیط زنجانآژانس مسافرتی زنجانکاملترین مقاله گنبد سلطانیه زنجانآموزش پرورش زنجاننقشه کامل استان زنجاندیوارزنجانشهرک خودرو زنجانكاروانسرا سنگي زنجانسوغات استان زنجانپرواز زنجان به مشهدسوالات مذهبی : احکام صیغه - پاسخ به سوالات شرعیبازار آنلاین زنجانکد پستی استان زنجان و شهرهای زنجانهلال احمر زنجانمجوز پورتال استان زنجانشهربازی زنجانجمعیت استان زنجانجمعیت شهر زنجانزبان مردم زنجانبانک استان زنجانبانک مهر اقتصاد زنجانتفرجگاه های زنجانتبلیغات اینترنتی در استان زنجانفروشگاه اینترنتی کتاب زنجاننرخ کرایه تاکسی ها در زنجانفروشگاه صنایع دستی زنجاننقشه آنلاین ترافیک+زنجانسینما بهمن زنجانغاری در استان زنجانچشمه هاي آب گرم طبيعي استان زنجانسد تهم زنجانمجموعه زیبای گردشگری و تفريحي گاوازنگ زنجانمس زنجانچاقو زنجانفروش گوشت با کد پستی در زنجان

در اینترنت هدفمند وارد شوید و اصولی استفاده کنید


اضافه کردن قاب و حاشیه (border) زیبا به عکس ها و تصاویر در وبسایتها، جلوه صفحات را دگرگون میکند. روش های مختلفی برای انداختن کادر در اطراف عکس ها و یا سایر عناصر HTML وجود دارد، اما استایل های پیش فرض برای ایجاد حاشیه چندان زیبا نیستند. در این ارسال با ترکیب دستورات مختلف در CSS حاشیه ای ساده و زیبا در اطراف عکس های مورد استفاده در صفحات وب ایجاد خواهیم کرد.

توسط این کدها، دیگر نیازی نیست که هر بار که میخواهید تصویری در وب سایت خود قرار دهید، به فتوشاپ رفته و حاشیه را بر روی عکس اعمال کنید. کافیست یکبار این کد را نوشته و آن را بر روی صفحات وب سایت خود اعمال کنید. در اینجا تصویری را قبل و بعد از اعمال این افکت مشاهده میکنید:

مشاهده میکنید که چطور یک تصویر بسیار معمولی و تخت، تنها با استفاده از دستورات CSS حالتی متفاوت و برجسته در عین سادگی پیدا میکند.
برای اعمال این حالت بر روی صفحات وب سایت خود از دستورات زیر استفاده کنید،البته می توانید با کمی تغییر به راحتی استایل های مورد علاقه و مناسب برای قالب وبسایت خود را نیز ایجاد کنید:

 
HTML

<div class="shadow">

   <img alt="توضیح مربوط به تصویر" src="/آدرس تصویر">

</div>

 

 

CSS

body

{

margin:40px 40px; /* top,left margins to display the image*/

}

div.shadow

{

float: left; /* Align the div(container of the image) left */

padding: 0 5px 5px 0;

}

div.shadow img

{

display: block; /* Set the display type of the div(image) */

position: relative; /* Attributes which is used for positioning the image(relative,obsulte,..) */

top: -2px; /* Position the image from the top */

left:-2px; /* Position the image from the left */

padding:8px; /* Main attribute of this css, which will specify the border size of the image*/

background:#FFF; /* Attribute used to specify the color of the image border */

border:1px solid; /* Specify the image border(can specify the different styles)*/

border-color: #ccc #666 #666 #ccc /* specify the left,right,top,bottom color of the border */

}

منبع:websiteha.com

پایان مطلب درباره رازهای جذاب اینترنت/ هدفمند باشید...

برچسب ها  


دیدگاه های شما - رازهای جذاب اینترنت : انداختن حاشیه و کادرهای ساده و شیک برای عکس ها بوسیله CSS +(آموزش)


نام شما


آدرس ایمیل


آدرس وب سایت


متن نظر




لطفا کد مشاهده شد در تصویر را وارد نمایید







تبليغات B
آخرین مطالب
یخبندان در زنجانموزه مردم ­شناسي رختشويخانه زنجانموزه تاريخ طبيعی زنجانموزه گنبد سلطانيه زنجانموزه مردان نمكي زنجانموزه باستان شناسی گنبد سلطانيه استان زنجانموزه شهدا زنجانسوغات استان زنجانآزاد راه زنجان قزوین و یک بام و دو هوای آنشهریه دندانپزشکی پردیس دانشگاه علوم پزشکی زنجانطرح ایران‌ مهارت در زنجانمليله زنجانچاروق زنجانمس زنجانفروش گوشت با کد پستی در زنجانچاقو زنجانچاقو و مس رکورداران استان زنجان قلعه بهستان ماهنشان استان زنجانكاروانسرا سنگي زنجانمجموعه زیبای گردشگری و تفريحي گاوازنگ زنجاندشت سهرین زنجانسد تهم زنجانزنجانی ها مردمانی از جنس شعور و شور حسینیچشمه هاي آب گرم طبيعي استان زنجانشهربازی زنجانغاری در استان زنجانراهپیمایی ۲۲ بهمن نشان دهنده اقتدار و عظمت ملت ایراندبيرستان شريعتي زنجانشایعه داعش در زنجان؟کلاهبرداری از طریق دیوار زنجانجاودانه شدن ميدان انقلاب زنجان در فهرست آثار ملي ایرانگردشگری از محورهای مهم توسعه استان زنجانافتتاح قبرستان جدید زنجانزنجان با کربلا و ترابوزان خواهر خوانده شدمنطقه چهار زنجاندانلود انقلاب فاطمی حاج مهدی رسولیگزارش خبری از شورای شهر زنجانقالب نظام آموزشی مهارت و فناوری رویکرد دانشگاه جامعآغاز عملیات اجرایی احداث خیابان در پادگان زنجانافتتاح ۱۱ پروژه صنعتی در شهرک های صنعتی استان زنجان[آرشیو مطالب]

اوقات شرعی به وقت زنجان
اذان صبح۰۵:۳۹
طلوع خورشید ۰۷:۰۴
اذان ظهر۱۲:۳۰
غروب خورشید ۱۷:۵۷
اذان مغرب ۱۸:۱۶
نیمه شب شرعی ۲۳:۴۸
بازدیدها
بازديد امروز :9591
بازديد ديروز :19021
بازديد کل :11424514