انداختن حاشیه و کادرهای ساده و شیک برای عکس ها بوسیله CSS

اضافه کردن قاب و حاشیه (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

ویدیو مرتبط :

---

خواندن این مطلب را به شما پیشنهاد میکنیم :

روش های ساده برای تقویت مغز

هرچند مغز ما قوي‌ترين رايانه در سياره زمين به شمار مي‌رود، اين رايانه قدرتمند نيز گاهي به خطا مي‌رود. ما انسانها بيشتر وقت خود را صرف انباشتن چيزهاي گوناگون و بي‌فايده به داخل مغزمان مي‌كنيم.مهم نيست مغز ما چقدر قدرتمند است، آنچه اهميت دارد اين است كه بدانيم اين عضو نياز به جبران و احياي خود دارد تا بتواند قالب و توانايي خود را حفظ كند.پژوهشگران روش‌هاي گوناگوني را براي سوپرشارژ كردن و افزايش كارآيي مغز پيشنهاد داده‌اند كه در اين نوشتار ساده‌ترين آنها ارايه شده تا هر فردي بتواند به محض احساس نياز، به آنها دسترسي داشته باشد و آنها را به كار بسته و از مزاياي آن بهره‌مند شود:

 

 

• بادام بخوريد

 

بادام حافظه را تقويت مي‌كند و اگر در تركيب با شير پيش از رفتن به رختخواب و يا پس از برخاستن از خواب به هنگام صبح مصرف شود، تأثير بهتري دارد.

 

 

• آب سيب بنوشيد

 

پژوهشگران دانشگاه ماساچوست لوول نشان داده‌اند كه آب سيب توليد نوعي انتقال دهنده عصبي حياتي «استيلكولين» را در مغز افزايش داده و از اين طريق قدرت حافظه را نيز تشديد مي‌كند.

 

 

• خوب بخوابيد

 

تحقيقات نشان مي‌دهد كه حافظه بلند مدت در طول خواب با پخش دوباره تصاوير تجربه شده در روز تقويت مي‌شود.

 

• از تفريحات ساده لذت ببريد

 

استرس قدرت مغزي ما را تحليل مي‌برد. ذهني كه در استرس گرفتار شده، بيشتر منابع حافظه ما را مصرف مي‌كند و به اين ترتيب، ذهني ضعيف و كودن براي ما باقي مي‌گذارد. تلاش كنيد براي خود عادتهاي ساده تفريحي در روز تعيين كنيد تا بتوانيد به كمك آنها استرس را از ذهن خود پاك كنيد. برخي از اين تفريحات ساده و مفيد براي ذهن و بدن و روان عبارتند از: گوش دادن به موسيقي مورد علاقه، بازي با كودكان، قدرداني از ديگران، پياده روي، دوچرخه سواري و يا شنا به طور روزانه، كار كردن با يك وبلاگ و سرانجام شركت در كلاس‌هاي يوگا و سلامت به طور روزانه.

 

 

• ذهن خود را ورزش دهيد

 

همان گونه كه ورزش جسمي براي بهره‌مندي از يك بدن قوي و سالم ضروري است، ورزش ذهني نيز به همين اندازه مهم است تا بتوانيد ذهني تيز و فعال داشته باشد. آيا تاكنون توجه كرده‌ايد كه چرا كودكان قدرت مغزي قوي‌تري نسبت به افراد بالغ دارند؟ چون كودكان ذهني بازيگوش دارند و يك چنين ذهني توان حافظه را بالا مي‌برد. براي رسيدن به چنين توانايي مي‌توانيد پازل يا جدول حل كنيد، در كارهاي گروهي داوطلب شويد، با ديگران تعامل كنيد، به يك سرگرمي مانند مطالعه، نقاشي يا حتي ديدن پرندگان مشغول شويد، يك مهارت جديد يا يك زبان جديد بياموزيد.

 

• يوگا يا مديتيشن انجام دهيد

 

يوگا و مديتيشن استرس را تخليه مي‌كند. استرس قاتل حافظه است، اما يوگا و مديتيشن با كاهش استرس، پايين آوردن فشار خون، كاهش سرعت تنفس، كاهش سرعت متابوليسم و آزاد كردن تنش از ماهيچه‌ها، ذهن را تقويت مي‌كنند.

 

 

• مصرف مواد قندي را كاهش دهيد

 

قند غذا نيست، بلكه شكلي از كربوهيدرات است كه يك انرژي واهي توليد مي‌كند. مصرف زياد مواد قندي باعث بروز نشانه‌هاي عصبي و رنج آور، ضعف حافظه و ديگر اختلالات عصبي مي‌شود. غذاها را بدون افزودن شكر مصرف كنيد و از مصرف نوشيدني‌هاي شيرين يا مقدار زيادي شكر يا قند با كافئين پرهيز كنيد.

 

 

• از گندم سبوس‌دار استفاده کنید
  

 

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

 

• شب‌ها غذاي سبك بخورید

 

خوردن غذاي زياد و سنگين در شب، باعث بروز استرس طولاني مدت و احساسي به هنگام خواب مي‌شود. توصيه مي‌شود غذاي سنگين را در روز مصرف كنيد كه بدن تحرك بيشتري دارد. شبها با خوردن غذاي سبك و ميوه يا سبزي مي‌توانيد خواب بهتري داشته باشيد. خواب خوب شب به معني تقويت قواي مغز است.

 

• قدرت تخيل خود را تقويت كنيد

 

يوناني‌ها اصل خيال‌پردازي را براي به خاطر سپردن همه چيز ياد مي‌گيرند. اين تكنيك نياز دارد كه فرد يك تخيل واقعي و رنگي را ايجاد كند كه بتوان آن را به يك موضوع يا شي خاص ارتباط داد. اگر شما همه حواس خود شامل لامسه، بويايي، چشايي، شنوايي و بينايي را درگير خيال‌پردازي كنيد، مي‌توانيد جزييات بيشتري از يك موضوع را به ياد بياوريد. اين كار به تقويت حافظه شما كمك مي‌كند.

 

 

• خشم خود را كنترل كنيد

 

غذاهاي تهيه شده از آرد سفيد، مصرف زياد نشاسته يا نان سفيد، مي‌تواند منجر به بروز حساسيت‌هاي عصبي شود. در نتيجه، مصرف اين قبيل مواد غذايي پرخاشگري و برخي از رفتارهاي افسردگي را موجب مي‌شود. در عوض سبزي تازه بخوريد. آب زياد بنوشيد و يوگا يا مديتيشن انجام دهيد تا احساسات سمي مانند خشم و استرس از شما دور شود.

 

 

• ويتامين ب كمپلكس مصرف كنيد

اين ويتامين حافظه را تقويت مي‌كند. از غذا و سبزيجات غني از اين ويتامين مصرف كنيد. بايد گفت كه مواد غذايي نشاسته‌اي و نان سفيد، تاثير مطلوب اين ويتامين براي حفظ سلامت حافظه را خنثي مي‌كند.