گاه و بی‌گاه نوشته

گاه و بی‌گاه نوشته

۲ مطلب با کلمه‌ی کلیدی «قالب وبلاگ» ثبت شده است

چگونه با html یک قالب ستونی خوب بسازیم

طه | يكشنبه, ۲۰ آذر ۱۳۹۰، ۰۸:۴۰ ق.ظ | ۰ نظر

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

  • دوست داریم به صورت حداقلی از float استفاده کنیم تا مشکلات بعدی رخ ندهد.
  • دوست داریم در هیچ مرورگری مشکلی نداشته باشد.
  • دوست داریم عرض کل طرح ثابت نباشد (قابل تغییر باشد)، یعنی مثلا کل صفحه یا ۹۰ درصد صفحه را بگیرد.
  • دوست داریم عرض ستون کناری ثابت نباشد، مثلا ۱۰ درصد صفحه

در مجموع راه حل زیر به نظر بهترین راه حل است:

 

قاب اصلی { width: 90% } میتواند طول ثابت یا متغیر داشته باشد
ستون کناری
{ float:right; width: 200px }
میتواند طول ثابت یا متغیر داشته باشد
{ margin-right: 210px }
دقت کنید که float نیست.
قسمت قرار دادن محتوا
{ float: right; width: 100% }
دلیل اصلی وجود این div امکان استفاده از clear:both داخل همین div است
clear:both
برای اینکه قسمت اصلی همیشه بزرگتر یا مساوی ستون کناری باشد، البته محتوای این div خالی و بنابراین عرض آن صفر خواهد بود.
  • طه

مطلب تست قالب‌ها

طه | دوشنبه, ۲۳ آبان ۱۳۹۰، ۰۳:۰۶ ب.ظ | ۱ نظر

استفاده از Float و Clear

float:left
float:right
clear:both

تیترها

میزان بارندگی در ایران بسیار متغیر است. در شمال به بیش از ۲۱۱۳ میلیمتر (رشت، ۱۳۸۳) نیز می‌رسد. در نواحی کویری بارش عمدتاً بسیار کم و در حدود ۱۵ میلیمتر است. بارش نواحی شمال غرب و غرب، دامنه‌های جنوبی البرز و شمال شرق تا حدودی قابل توجه (حدود ۵۰۰ میلیمتر) می‌باشد. در سایر نقاط میزان بارش از ۲۰۰ میلیمتر بیشتر نمی‌شود. ایران با مشکلات کم آبی دست و پنجه نرم می‌کند. پیش‌بینی می‌شود ایران در سال ۲۰۲۵ در وضعیت تنش آبی قرار بگیرد.

تیتر۲

میزان بارندگی در ایران بسیار متغیر است. در شمال به بیش از ۲۱۱۳ میلیمتر (رشت، ۱۳۸۳) نیز می‌رسد. در نواحی کویری بارش عمدتاً بسیار کم و در حدود ۱۵ میلیمتر است. بارش نواحی شمال غرب و غرب، دامنه‌های جنوبی البرز و شمال شرق تا حدودی قابل توجه (حدود ۵۰۰ میلیمتر) می‌باشد. در سایر نقاط میزان بارش از ۲۰۰ میلیمتر بیشتر نمی‌شود. ایران با مشکلات کم آبی دست و پنجه نرم می‌کند. پیش‌بینی می‌شود ایران در سال ۲۰۲۵ در وضعیت تنش آبی قرار بگیرد.

تیتر ۳

میزان بارندگی در ایران بسیار متغیر است. در شمال به بیش از ۲۱۱۳ میلیمتر (رشت، ۱۳۸۳) نیز می‌رسد. در نواحی کویری بارش عمدتاً بسیار کم و در حدود ۱۵ میلیمتر است. بارش نواحی شمال غرب و غرب، دامنه‌های جنوبی البرز و شمال شرق تا حدودی قابل توجه (حدود ۵۰۰ میلیمتر) می‌باشد. در سایر نقاط میزان بارش از ۲۰۰ میلیمتر بیشتر نمی‌شود. ایران با مشکلات کم آبی دست و پنجه نرم می‌کند. پیش‌بینی می‌شود ایران در سال ۲۰۲۵ در وضعیت تنش آبی قرار بگیرد.

تیتر ۴

میزان بارندگی در ایران بسیار متغیر است. در شمال به بیش از ۲۱۱۳ میلیمتر (رشت، ۱۳۸۳) نیز می‌رسد. در نواحی کویری بارش عمدتاً بسیار کم و در حدود ۱۵ میلیمتر است. بارش نواحی شمال غرب و غرب، دامنه‌های جنوبی البرز و شمال شرق تا حدودی قابل توجه (حدود ۵۰۰ میلیمتر) می‌باشد. در سایر نقاط میزان بارش از ۲۰۰ میلیمتر بیشتر نمی‌شود. ایران با مشکلات کم آبی دست و پنجه نرم می‌کند. پیش‌بینی می‌شود ایران در سال ۲۰۲۵ در وضعیت تنش آبی قرار بگیرد.

تیتر ۵

میزان بارندگی در ایران بسیار متغیر است. در شمال به بیش از ۲۱۱۳ میلیمتر (رشت، ۱۳۸۳) نیز می‌رسد. در نواحی کویری بارش عمدتاً بسیار کم و در حدود ۱۵ میلیمتر است. بارش نواحی شمال غرب و غرب، دامنه‌های جنوبی البرز و شمال شرق تا حدودی قابل توجه (حدود ۵۰۰ میلیمتر) می‌باشد. در سایر نقاط میزان بارش از ۲۰۰ میلیمتر بیشتر نمی‌شود. ایران با مشکلات کم آبی دست و پنجه نرم می‌کند. پیش‌بینی می‌شود ایران در سال ۲۰۲۵ در وضعیت تنش آبی قرار بگیرد.

تیتر ۶

میزان بارندگی در ایران بسیار متغیر است. در شمال به بیش از ۲۱۱۳ میلیمتر (رشت، ۱۳۸۳) نیز می‌رسد. در نواحی کویری بارش عمدتاً بسیار کم و در حدود ۱۵ میلیمتر است. بارش نواحی شمال غرب و غرب، دامنه‌های جنوبی البرز و شمال شرق تا حدودی قابل توجه (حدود ۵۰۰ میلیمتر) می‌باشد. در سایر نقاط میزان بارش از ۲۰۰ میلیمتر بیشتر نمی‌شود. ایران با مشکلات کم آبی دست و پنجه نرم می‌کند. پیش‌بینی می‌شود ایران در سال ۲۰۲۵ در وضعیت تنش آبی قرار بگیرد.

پاراگراف‌ها

بر اساس قانون بخش بندی کشوری (مصوب ۱۲۸۶ شمسی) ایران به ۴ ایالت «آذربایجان»، «خراسان»، «فارس»، و «کرمان و بلوچستان» تقسیم شد و هر ایالت به چند ولایت حاکم‌نشین و هر ولایت به چند نایب‌الحکومه‌نشین تقسیم شد. این تقسیمات تا سال ۱۳۱۶ با دگرگونی‌های کوچکی به همین گونه ماند.

در سال ۱۳۱۶ خورشیدی با تصویب قانون جدید تقسیمات کشوری، ایران به ۱۰ استان و ۴۹ شهرستان تقسیم شد. به مرور زمان با ایجاد استان‌های جدید، تعداد استان‌های ایران افزایش یافت. برای مدت‌های مدیدی پس از پیروزی انقلاب ایران (۱۳۵۷)، ایران همچنان دارای ۲۴ استان بود. در سال ۱۳۷۲ استان اردبیل از استان آذربایجان شرقی جدا شد. همچنین استان قم در سال ۱۳۷۴ از استان تهران جدا شد و قزوین در سال ۱۳۷۳ از استان زنجان جدا و به استان تهران پیوست و در سال ۱۳۷۶ به استان قزوین مبدل شد.[۸۸] پس از آن گلستان از مازندران جدا شدند و در سال ۱۳۸۳، استان خراسان به سه استان: خراسان جنوبی، خراسان شمالی و خراسان رضوی تقسیم شد و در تاریخ ۲/۴/۱۳۸۹ با تایید مجلس شورای اسلامی استان تهران به دو استان تهران و البرز تقسیم شد.[۸۹] به این ترتیب اکنون ایران از ۳۱ استان تشکیل شده‌است.

لیست‌ها

لیست با دایره:

  • تهران
  • مشهد
  • آذربایجان شرقی
    • تبریز
    • میاندواب
    • مراغه
  • کرمان

لیست با شماره:

  1. تهران
  2. مشهد
  3. آذربایجان شرقی
    1. تبریز
    2. میاندواب
    3. مراغه
  4. کرمان

جداول

جدول کلاس‌های من
سربرگ ۱ سربرگ ۲ سربرگ۳
متن ۱ متن ۲ متن ۳
متن۴ متن ۵ متن۶ که مممکن است بلند باشد

یک جدول دیگر

سربرگ ۱ سربرگ ۲ سربرگ۳
متن ۱ متن ۲ متن ۳
متن۴ متن ۵ متن۶ که مممکن است بلند باشد

باز هم جدول

  ستون ۱ ستون ۲ ستون ۳
سطر ۱ متن ۱ متن ۲ متن ۳ که بلند است
سطر ۲ متن۱ متن۲ متن ۳

انوع حالت متون

در ویکی‌پدیا نوشته است:

میزان بارندگی در ایران بسیار متغیر است. در شمال به بیش از ۲۱۱۳ میلیمتر (رشت، ۱۳۸۳) نیز می‌رسد. در نواحی کویری بارش عمدتاً بسیار کم و در حدود ۱۵ میلیمتر است. بارش نواحی شمال غرب و غرب، دامنه‌های جنوبی البرز و شمال شرق تا حدودی قابل توجه (حدود ۵۰۰ میلیمتر) می‌باشد. در سایر نقاط میزان بارش از ۲۰۰ میلیمتر بیشتر نمی‌شود. ایران با مشکلات کم آبی دست و پنجه نرم می‌کند. پیش‌بینی می‌شود ایران در سال ۲۰۲۵ در وضعیت تنش آبی قرار بگیرد.

یک کد نسبتا بلند در جاوا اسکریپت:

String.prototype.format = function(dict) {
    var s = this, key;
    for (key in dict) {
        if (dict.hasOwnProperty(key)){
            s = s.replace(new RegExp('\\{' + key + '\\}','g'), dict[key]);
        }
    }
    return s;
};

البته در کد بالا برای رعایت استاندارد از dict.hasOwnProperty(key) استفاده شده است.

یک متن با بالا نویس یا زیرنویس. ضمنا متن می‌تواند اضافه شود ، یا حذف شود (مثل ویرایش).

یا مثلا TCP که یک مخفف است.

همچنین در این متن ما از منبع Chuck Musciano and Bill Kennedy استفاده کرده ایم.

  • طه