تماس با ما

فید خبر خوان

نقشه سایت

ترفندهای ویندوز

آموزش جدیدترین ترفندهای ویندوز - بزرگترین سایت ترفند ها


اگر به یک وب سایت یا فروشگاه رایگان با فضای نامحدود و امکانات فراوان نیاز دارید بی درنگ دکمه زیر را کلیک نمایید.

ایجاد وب سایت یا
فروشگاه حرفه ای رایگان

دسته بندی سایت

پر فروش ترین های فورکیا


پر بازدید ترین های فورکیا

پیوند ها

آمار بازدید

  • بازدید امروز : 285
  • بازدید دیروز : 94
  • بازدید کل : 289041

اموزش CSS - طراحی یک سایت بدون استفاده از جدول ها


بیایید به روزهای اولیه وب برگردیم . هیچ استانداردی نبود و هر مرورگر هر روز یه تگ جدید معرفی میکرد. بالاخره یه موسسه همه مرورگر ها رو سر یه میز جمع کرد و با هم استانداردی بنام W3C را تصویب کردند . در این زمان نیاز عمده ای حس میشد که محتویات سایت از طراحی جدا شود . در اینجا بود که سر و کله CSS پیدا شد و مسئولیت نمایش نمای صفحات را بعهده گرفت و XHTML نیز برای نمایش اطلاعات بگار گرفته شد .

 

چرا باید بجای جدول از کد CSS استفاده کرد ؟

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

 

در این مقاله شما یاد میگیرید چگونه بجای جداول از CSS وکلاس های آن استفاده کنید .

ساخت کلاسی برای عناصر تگ <div> : اولین قدم ساخت کلاس CSS است که المنت های تگ <DIV> از آن استفاده میکنند . بصورت زیر :

div.leftnav{

 

background: white;

 

color: black;

 

/* other display information here */

 

/* add Positioning information here */

 

}

این کلاس بسیار ساده است و در اصل الان کاری انجام نمیدهد . فقط متن سیاه را روی زمینه سفید تعریف میکند . شما باید از این المنت در جایی از صفحه استفاده کنید .

موقعیت یابی وابسته ساده :

این بدین معناست که ما فقط هر عنصر را در موقعیتش قرار میدهیم و بدین تعریف کردن جای دقیق آن در صفحه .

div.leftnav{

 

background: white;

 

color: black;

 

/* Other display information here */

 

width: 15%;

 

}

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

 

موقعیت نمایی مطلق . اضافه کردن border و margin :

موقعیت نمایی مطلق به معنای این است که شما بگویید دقیقا المنت های شما کجای صفحه ظاهر شوند . اینکار با تعریف خاصیت های top , bottom, left , right امکان پذیر میشود :

div.content{

 

background: white;

 

color: black;

 

position: absolute; /* Says which positioning we are using */

 

left: 17%; /* 17% from the left side of the screen */

 

width: 69%; /* This is the width */

 

}

نکته اینجاست که در کد بالا فقط خاصیت left تعریف شده، این کافیه ! نیازی نیست که شما تمامی تمام خاصیت هایش را تعریف کنید . اما برای انعطاف پذیری بیشتر ممکنه خودتون بخواهید اینکارو بکنید . بطور مثال ممکنه شما بخواهید یک منو در سمت راست اضافه کنید:

div.rightnav{

 

background: white;

 

color: black;

 

position: absolute;

 

left: 83%;

 

width: 10%;

 

top: 80px; /* 80 pixels from the top */

 

}

اساسا در موقعیت نمایی مطلق این المنت ها معانی زیر را دارند:

Left : فاصله از چپ صفحه ، معمولا بر حسب درصد

Right : فاصله از راست صفحه ، معمولا بر حسب درصد

Top: فاصله از بالای صفحه ، معمولا بر حسب پیکسل

Bottom : فاصله از پایین صفحه ، معمولا بر حسب پیکسل

 

نکته اینکه bottom به ندرت استفاده میشود ، اما گاهی لازم میشود . اگر شما از 4 یا 3 تا پراپرتی با هم استفاده کنید ،باید قادر به قرار دادن تگ DIV در هر کجا که میخواهید باشید . همچنین در نظر داشتن این نکته مهم است که راه های بیشتری نیز برای موقعیت نمایی یک المنت در کنار موقعیت نمایی مطلق وجود دارد . اما تمام مرورگر های وب آن راه ها را پشتیبانی نمیکنند .

 

افزودن Border :

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

div.rightnav{

 

background: white;

 

color: black;

 

position: absolute;

 

left: 83%;

 

width: 10%;

 

top: 80px; /* 80 pixels from the top */

 

border-color: white; /* Keep the border invisible */

 

border-style: solid; /* It is a solid invisible line which is fine */

 

border-bottom-width: 2px; /* These attributes are pretty self-explanatory */

 

border-top-width: 2px;

 

border-left-width: 3px;

 

border-right-width: 4px;

 

}

افزودن حاشیه یا margin :

Margin ها ابزار های قدرتمندی در سایت های css میباشند .در مقدمه میبینید که شما میتوانید چیزی را بکمک تعیین فاصله درصدی از طرفین margin ها در وسط قرار دهید .

div.content{

 

background: white;

 

color: black;

 

margin-left: 20%; /* 20% from the left side of the screen */

 

margin-right: 20%; /* 20% from the right side of the screen */

 

}

نقصان وجود پشتیبانی مرورگر ها :

پشتیبانی نشدن تمام دستورات css توسط تمامی مرورگر ها مشکلات زیادی را برای طراحان پیش آورده . Mozilla ( و مرورگر های زیر مجموعه آن مانند FireFox ) و Opera بروز رسانی بسیار خوبی در پشتیبانی دستورات css دارند . اما Internet Explorer کمی عقب مانده است . کد هایی که در این مقاله نوشتیم توسط تمامی مرورگر ها پشتیبانی میشود .

 

ناسازگاری بین مرورگر ها :

بیشتر مردم از آخرین نسخه مرورگرها استفاده می کنند. مرورگر های گوناگون کد css شما را بگونه های مختلف تفسیر میکنند . اصلی ترین مرورگر در این زمینه IE است که ممکنه کد های border را بگونه دیگری نشان دهد .

 

افزودن تگ DIV :

افزودن تگ DIV برای گره زدن تمام اطلاعات بسادگی زیر انجام پذیر است :

<div class = "leftnav">

 

// Insert Links

 

</div>

همانطور که می بینید خیلی ساده اینکار انجام شد و بیشتر کار در فایل CSS انجام میشود . شما میتوانید از تگ DIV در هرجای صفحه استفاده کنید . در انتها اینجا یک صفحه XHTML ساده را می بینید که کد css آنرا سافته و نمای آن سه ستون دارد :

<div class = "content">

 

// Content

 

</div>

 

<div class = "leftnav">

 

// Links

 

</div>

 

<div class = "rightnav">

 

// Links

 

</div>

 

 

  انتشار : ۱۱ آبان ۱۳۹۴               تعداد بازدید : 5
کسب درآمد از اینترنت روزی 1/5 میلیون تومان تضمینی

کسب درآمد از اینترنت روزی 1/5 میلیون تومان تضمینی

بسم الله الرحمن الرحیم*نکته مهم*لطفا قبل از اینکه به پشتیبانی پیام بدهید و سوال بپرسید ابتدا تمام توضیحات موجود در این صفحه را مطالعه کنید و سوالات متداول و دیدگاه های کاربران به همراه پاسخ های داده شده را با دقت بخوانید. چون اکثر سوالاتی که شما عزیزان از پشتیبانی میپرسید ...

کسب درآمد اینترنتی 300000 تومان در خانه در کمتر از 30

کسب درآمد اینترنتی 300000 تومان در خانه در کمتر از 30

این محصول آپدیت شد تاریخ 1397/01/27 بسم الله الرحمن الرحیم سلام در دنیای اینترنت خیلی از آدم ها هستند که دوست دارند کسب درآمد کنند و به خیلی چیزها و ایده ها فکر میکنند . همه ما دوست داریم در کمترین زمان بهترین درآمد را داشته باشیم مثلا یک فرد به طور میانگین اگر 12 ساعت کارکند و ...

افزایش قدبا متدجهانی گروتالردینامیک

بلند قد و جذاب شوید بنام خداوند بخشنده و مهربان سلام در این مطلب قصد داریم شما را با آخرین متد افرایش قد که تا مدت ها پیش در ایران ناشناخته بود آشنا کنیم. ...

ردیابی افراد بدون نیاز به نصب نرم افزار+ردیاب

ردیابی افراد بدون نیاز به نصب نرم افزار+ردیاب

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

تجربه شخصی من در درمان زود انزالی (انزال زودرس) در

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

کتاب چگونه هر شخصی را عاشق خود کنیم ( با تضمین

کتاب چگونه هر شخصی را عاشق خود کنیم ( با تضمین

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

گنج نامه احمد وزیر وگنج نامه شیخ بهایی(کامل)

گنج نامه احمد وزیر وگنج نامه شیخ بهایی(کامل)

کتاب ارزشمند ونایاب گنج نامه شیخ بهایی واحمد وزیر دانلود کتاب نسخه نامه احمد وزیری (گنجنامه شیخ بهایی) با ۲۱۰۲ سند و نسخه معتبر نسخه نامه احمد وزیرکتابی جهت کاوش وتحقیق و پژوهش در علم گنج پژوهی برای محققین این علوم کهن شامل ۲۰۷ صفحه و بابیش از هزاران سند ...

کسب درامداز اینترنت ماهیانه 8میلیون تومان

کسب درامداز اینترنت ماهیانه 8میلیون تومان

پکیج کسب درآمداسان از اینترنت اپدیت جدید 15 اردیبهشت 1397 مناسب برای تمامی افرادباهرسن ودانشی این فرصت هرگز تکرار نمیشود عجله کنید تضمین100%بازگشت وجه درصورت عدم کسب این مبلغ هدیه ویژه پس از خرید این محصول: 1.نرم افزار کی به وای فای وصله نرم افزاری برای ...

کسب درآمد 300هزار تومان در 60دقیقه

کسب درآمد 300هزار تومان در 60دقیقه

کسب درآمد 300/000تومان در 60 دقیقه فقط کافیست 5دقیقه متن زیر را بخوانید تا با ارزش میلیونی این پکیج آشناشوید. اولین پکیج 100% تضمینی اشتغازایی در ایران با این پکیج استثنایی که میلیونی ارزش دارد، شما میتوانید به صورت کاملا تضمینی از شر بیکاری خلاص شوید. و ما به شما قول میدهیم ...

کتاب اعجاب انگیز افزایش سایز آلت تناسلی|مسائل

در اين سايت روشي را به شما معرفي مي كنيم براي بزرگ كردن آلت تناسلي كه نتايج فوق العاده اي براي شما در بر خواهد داشت،كه خودتان هم باور نمي كنيد: . . . 1-افزايش طول و ضخامت به اندازه 3cm الي 8cm 2-افزايش طول تا بيش از50%اندازه فعلي در حالت راست وسفت ...

دانلود کتاب نایاب مادرکافی جوفراست در مورد

دانلود کتاب نایاب مادرکافی جوفراست در مورد

مادر احسان از دستش کلافه شده است. احسان ۱۰ سال دارد و در کلاس چهارم ابتدایی تحصیل می‌کند. او گاهی اوقات رفتارهای بد و پرخاشگرانه‌ای از خود نشان می‌دهد. احسان وقتی عصبانی می‌شود همه چیز را به هم می‌ریزد؛ از کوسن‌های مبل که به اطراف پرتاب می‌شود بگیرید تا کاغذ ...

تماس و پیامک ناشناس و رایگان با شماره

تماس و پیامک ناشناس و رایگان با شماره

برنامه تماس و ارسال پیام رایگان به دیگران با شماره ناشناس به صورت کاملا رایگان بدون نیاز به روت به وسیله این برنامه میتوانید با شماره دلخواه خود به دیگران زنگ بزنید. یعنی زمانی که شما با دیگران تماس می گیرید شماره دلخواهی که شما در برنامه وارد کرده اید برای شخصی که ...

مستند جدید و جنجالی تن فروشی

مستند جدید و جنجالی تن فروشی

جنجالی ترین و جدید ترین فیلم تاریخ جنسی ایران مستند جدید تن فروشی این فیلم ۱۰۰ درصد مورد نیاز شماست خلاصه فیلم ما امروز در ابتدای مسیری هستیم که غرب از ۲۰۰ سال پیش در راه آزادی‌های جنسی طی کرده‌است. مستند انقلاب جنسی، آزادی‌های جنسی در ایران را نمایش می‌دهد و ...

دانلود فیلم آموزش ویدئویی نرم افزار حسابداری هلو

دانلود فیلم آموزش ویدئویی نرم افزار حسابداری هلو

کاملترین مجموعه فیلم و کتاب و پاورپوینت آموزش ویدئویی نرم افزار هلو در اینترنت زمان کل فیلم ها : 5 ساعت نوع فایل : ویدئویی کیفیت HD تعداد : 106 فایل ویدئویی قابل پخش در موبایل ، کامپیوتر یا دستگاه های پخش ویدئو به علاوه آموزش پاورپوینت هلو و کتاب آموزش هلو ...

آموزش کامل تله کینزی در دو روز

آموزش کامل تله کینزی در دو روز

فقط در 2 روز...! با سلام. در این کتاب آموزش کامل تله کینزی را بصورت خیلی ساده و روان در اختیار شما قرار دادیم که هرکسی حتی در مبتدی ترین سطح میتواند تله کینزی را در کمترین زمان ممکن یاد بگیرد. آموزش هایی که داده شده همراه با تصویر میباشند و باعث یاد گیری بهتر شما عزیزان ...

آزمون mmpi فرم بلند (کلید نمره گذاری + پرسشنامه + فرم

· کلید آزمون mmpi فرم بلند (کلید نمره گذاری + پرسشنامه + فرم خام پاسخنامه + پروفایل) کلید آزمون mmpi فرم بلند (کلید نمره گذاری + پرسشنامه + فرم خام پاسخنامه + پروفایل) کلید آزمون 566 سوالی MMPI تعداد سوالات: 566 تعداد صفحات: 44 شامل: کلید نمره گذاری + پرسشنامه + پاسخنامه + ...

ترجمه کامل متون حقوقی لاتکست - LAW TEXTS - بر اساس کتاب

ترجمه کامل متون حقوقی لاتکست - LAW TEXTS - بر اساس کتاب

ترجمه کامل متون حقوقی لاتکست - LAW TEXTS بر اساس کتاب گودرز افتخار جهرمی منبع مهم آزمون ارشد 456 صفحه در قالب فایل pdf این فایل فقط شامل ترجمه فارسی است فصل اول : نظام حقوقی انگلستان فصل دوم : چند ملیتی ها فصل سوم : مقررات و مسئولیت فرآورده در ایالات متحده و جامعه ...

دانلود خلاصه کتاب روانشناسی پرورشی دکتر علی اکبر

دانلود خلاصه کتاب روانشناسی پرورشی دکتر علی اکبر

خلاصه کتاب روانشناسی پرورشی نوین دکتر علی اکبر سیف بسیار کامل مناسب دانشجویان و متقاضیان کنکور ارشد و دکتری جزوه ای 134 صفحه ای دارای خلاصه ای از 21 فصل کتاب +پاورپوینت روانشناسی تربیتی ...

سوال عملی Excel با جواب

سوال عملی Excel با جواب

دانلود نمونه سوال عملی اکسل همراه با جواب تشریحی تعداد فایل فشرده : 2 نوع فایل : Zip ...

دریافت فایل : سوال عملی Excel با جواب
کسب درآمد در هر 3 دقیقه 5000 تومان

کسب درآمد در هر 3 دقیقه 5000 تومان

برای اینکه از همین امروز صاحب کسب و کار میلیونی شوید کافی است فقط چند دقیقه وقت بگذارید و توضیحات زیر را بخوانید. کسب درآمد میلیونی بدون نیاز به اینترنت شما توسط این پکیج می توانید در هر سه دقیقه ۵ هزار تومان درآمد کسب کنید. اگر شما فرد بیکاری هستید ؟ اگر ...

کسب درآمد 650میلیون تومانی در یک روز کاملا تست

کسب درآمد 650میلیون تومانی در یک روز کاملا تست

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

کتاب « الفبای جامع ثروت و ثروتمندشدن » برای

کتاب « الفبای جامع ثروت و ثروتمندشدن » برای

قوانین ثروتمند شدن چیست؟ ذهن ثروتمندان چگونه کار می کند؟ وجود ثروت ساز چگونه وجودی است؟ چرا بعضی افراد با اینکه سخت کار می کنند هیچ وقت پولدار نمیشوند؟ ذهن فقرا با ذهن ثروتمندان چه تفاوتی دارد؟ نوع مشاغل ثروتمند شدن شما کدام است؟ چرا اکثر مردم از پیشرفت و بهبود ...

دانلود بسته آموزشی تقویت هوش جنین

دانلود بسته آموزشی تقویت هوش جنین

تقویت هوش جنین!!!!!!!!!!!! امروز برای شما همراهان همیشکی نسیم بوک کتابی در رابطه با اجرای تکنیکهای موفق دنیا در مورد تضمین سلامت روان،تقویت هوش جنین و زیبایی چهره آماده کرده ایم که در ادامه میتوانید دانلود کنید.... مطابق با آخرین یافته های دانشمندان بزرگ دنیااز جمله پروفسور ...

خلاصه کتاب روانشناسی رشد لورا برک دو جلد

خلاصه کتاب روانشناسی رشد لورا برک دو جلد

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

اد ممبر بینهایت ( افزایش ممبر(اعضای) کانال،ربات و

اد ممبر بینهایت ( افزایش ممبر(اعضای) کانال،ربات و

-اد ممبر بینهایت- {افزایش ممبر(اعضای) کانال،ربات و گروه تلگرام و...} Addmember نسخه ویژه(VIP) تمامی و کامل ترین نرم افزار های افزایش ممبر واقعی و فیک و آموزش های آن، که در اینترنت و بازار به قیمت های بالا به فروش می رسد را یک جا و مرتب و منظم به همراه راهنما در هر بخش، با قیمتی کم در ...

دانلود کتاب جز از کل pdf

دانلود کتاب جز از کل pdf

معرفی اجمالی محصول کتاب جزء از کل اثر استيو تولتز رمان «جزء از کل» نوشته‌ی «استیو تولتز» را «پیمان خاکسار» به فارسی برگردانده است. جزء از کل اولین رمان استیو تولتز، نویسنده‌ی استرالیایی است که در سال 2008 به انتشار رسید و همان سال، نامزد دریافت ...

مجموعه -صفر تا صد راه اندازی کارگاه جوراب

نام محصول: مجموعه صفرتاصد راه اندازی کارگاه جوراب بافی تهیه کننده: دوران راهبی انتشار: وبسایت بچه‌های نساجی دانشگاه یزد فرمت محصول: کتاب الکترونیکی(PDF) + ویدئو MP4 قابل پخش در: موبایل، تبلت، کامپیوتر و ... مخاطب این بسته آموزشی: تمام افراد مبتدی که حداقل سرمایه ...

دانلود کرک ArtCAM Pro 9.1

دانلود کرک ArtCAM Pro 9.1

کرک دائمی Artcam Pro 9.1 توضیحات محصول: کرک نسخه آرتکم 2007 یا همان Artcam Pro 9.1 به دشواری نسخه 2009 نمی باشد و کرک آن با دو فایل exe و dll انجام می شود که این دو فایل را می توانید از اینجا دانلود کنید. توجه داشته باشید که در این نسخه از آرتکم با تغییر نقطه صفر در جی کُد خطا از 1تا 5 میلی متر ایجاد ...

دریافت فایل : دانلود کرک ArtCAM Pro 9.1
تمامی نرم افزار های اددممبر واقعی و فیک

تمامی نرم افزار های اددممبر واقعی و فیک

تمامی و کامل ترین نرم افزار های افزایش ممبر واقعی وفیک را یک جادریافت کنیدهرکدام از این نرم افزار ها در اینترنت و کافه بازاربه قیمت خیلی بالایی بفروش میرسند. نکته: پورسانت بازاریابی این محصول 60% است نسخه ی 100%تست شده با توجه به فیلترینگ تلگرام 15 اردیبهشت ...

خلاصه کتاب وسؤالات تستي کتاب تفسیر قرآن کریم -

خلاصه کتاب وسؤالات تستي کتاب تفسیر قرآن کریم -

مجموعه سؤالات تستي كتاب تفسیر قرآن کریم (آیات برگزیده) (ويراست دوم، نشر معارف) مشتمل بر 600 سؤال. 2 جزوه و خلاصه درس (تفسیر قرآن کریم(آیات برگزیده) فایل pdfکتاب حجم فایل:20kb گردآورنده این فایل وب سایت نسیم بوک ...


مطالب تصادفی

  • انقلابي در اسمارت فون ها و تمام سطوح معمولي ، با تكنولوژي جديد تاچ
  • جلوگیری از اجرای برنامه ها هنگام راه اندازی ویندوز ( Startup )
  • راه هاي افزايش بازديد كننده از وبلاگ
  • نکات مهم در مورد سرچ گوگل
  • روشی دیگر برای حذف ردپای خود از اینترنت

تمام حقوق مادی و معنوی این وب سایت متعلق به "ترفندهای ویندوز" می باشد