مەکۆکانی وێبچن - کێشە لە ریسپانسیڤ کردنی ماڵپەڕ

وه‌ڵام: کێشە لە ریسپانسیڤ کردنی ماڵپەڕ

null@example.com (Rawan) — Tue, 16 Feb 2016 20:05:49 +0000

dalia2006 نووسی:

کاکە ڕەوا لە فایەرفۆکس هەر زۆر کارەساتە
کورد دەڵێت مەیمون زۆر جوان بوو سۆریکەشی لێهات
وا نابێت وەک گووتت دەبێت دووبارە دایبڕێژمەوە و بە بۆت ستارپ دیزاین بکەم
ببورە کە ماندووم کردی

ههههه
لای من لە FF کێشەی نی یە، برا تۆ هەر وۆردپرێس بەکار دێنی بۆ هەولی ڕووکارێکی ئامادە نادەیت؟

وه‌ڵام: کێشە لە ریسپانسیڤ کردنی ماڵپەڕ

null@example.com (dalia2006) — Tue, 16 Feb 2016 16:35:39 +0000

کاکە ڕەوا لە فایەرفۆکس هەر زۆر کارەساتە

کورد دەڵێت مەیمون زۆر جوان بوو سۆریکەشی لێهات

وا نابێت وەک گووتت دەبێت دووبارە دایبڕێژمەوە و بە بۆت ستارپ دیزاین بکەم

ببورە کە ماندووم کردی

وه‌ڵام: کێشە لە ریسپانسیڤ کردنی ماڵپەڕ

null@example.com (Rawan) — Tue, 16 Feb 2016 14:16:22 +0000

سەیرم کرد بەلام كێشە لە Map هەیە، هەول بدە دووبارە دایبنێیتەوە، لە فایەر فۆکسیش کێشەی نیە، بەلام لە کرۆم وایە.

وه‌ڵام: کێشە لە ریسپانسیڤ کردنی ماڵپەڕ

null@example.com (dalia2006) — Tue, 16 Feb 2016 07:59:24 +0000

کۆلێ مەمنونتانم، ئەمشەو تا دووی شەو خەریکی بووم پێم چار نەکرا، کە دەستکاری بەرزی و شیوازی دەکەم بۆشاییەکە نامێنێت بەڵام نەخشەکە پیشان نادات

http://kurdcc.com/en/rehana-catering/

وه‌ڵام: کێشە لە ریسپانسیڤ کردنی ماڵپەڕ

null@example.com (Rawan) — Tue, 16 Feb 2016 06:31:32 +0000

دەتوانی بە وێنە و لینکەکەی پێشان مان بدەی؟

وه‌ڵام: کێشە لە ریسپانسیڤ کردنی ماڵپەڕ

null@example.com (dalia2006) — Mon, 15 Feb 2016 22:00:01 +0000

کێشەیەکی هاوشێوەم هەیە. کە دەچیتە سەر زانیاری شوێنێک ئەمجارە لە خوارەوە شوێنی بەتاڵ دروست دەکات، کە بەرزی نەخشەکە لادەبەم بۆشاییەکە نامێنێت بەڵام نەخشەکە پیشان نادات.
دەبێت کێشەکە لە کوێ بێت هاوڕێیان؟

.acf-map {
    width: 100%;
    height: 400px;
    border: #ccc solid 1px;
    margin: 20px 0;
}

وه‌ڵام: کێشە لە ریسپانسیڤ کردنی ماڵپەڕ

null@example.com (dalia2006) — Mon, 15 Feb 2016 19:16:45 +0000

هەر بژی کاکە ڕەوا
وام لێکرد، ئێستا لە ٦٢٥ پیکسێل وای لێدێت. من گومانم لە site-content و widget-area هەیە، بۆیە زیاتر دەستکاری ئەوێم دەکرد.

ماڵت ئاوا

وه‌ڵام: کێشە لە ریسپانسیڤ کردنی ماڵپەڕ

null@example.com (Rawan) — Mon, 15 Feb 2016 15:57:59 +0000

لەم پەڕگەیە
http://kurdcc.com/wp-content/themes/kurdcc/style.css

لە هێلی 1438 ئەم کۆدە

margin: 0 auto;
    padding: 0;
    width: 1000px;
    height: 33px;
    text-align: right;

بگۆڕە بۆ

margin: 0 auto;
    padding: 0;
    width: 92%;
    height: 33px;
    text-align: right;

زۆربەی کێشەکە چارسەر دەکات، بڕێکی کەم دەمێنێت، دواتر سەیری دەکەم زیاتر.

وه‌ڵام: کێشە لە ریسپانسیڤ کردنی ماڵپەڕ

null@example.com (dalia2006) — Mon, 15 Feb 2016 14:50:34 +0000

ببورە کاکە ڕەوان لە بیرم چوو بەستەری ماڵپەڕەکە دابنێم

http://kurdcc.com/en/

زۆر سوپاس بۆ هاوکاریتان

وه‌ڵام: کێشە لە ریسپانسیڤ کردنی ماڵپەڕ

null@example.com (Rawan) — Mon, 15 Feb 2016 09:17:58 +0000

تا نموونەکە نەبینین ناتوانین هاوکاری پێویست بکەین، بەلام بۆ Responsive هەمیشە لە جیاتی px نرخی ٪ بەکار بێنە، زیاتر دەگونجێت لەگەل شاشەی ئامێرەکان، ئەوەندەی لەم کۆدانە تێگەیشیم دەبێت هەلە هەبێت لەمە

        margin-left: -300px;
        padding-left: 300px;

بڕوا ناکەم ئەمە لەگەل Responsive بگونجێت.

ئەگەر هەولی http://getbootstrap.com/ بدەی شتێکی سەڕسوڕهێنەوە.

https://www.webchin.org/index.php?besh= … tstrap-rtl

کێشە لە ریسپانسیڤ کردنی ماڵپەڕ

null@example.com (dalia2006) — Mon, 15 Feb 2016 09:08:40 +0000

سڵاو هاوڕێیان

ئەم کاتە و گشت کاتەکان پڕ لە خۆشی و شادی

بۆ ریسپانسیڤ کردنی ماڵپەڕەکەم سوودم لەم کۆدانە بینیووە، هەموو شتێک بە پێی قەباری سکرین بچووک دەبێتەوە، بەڵام لە لای چەپ بۆشاییەکی زۆر دروست دەکات کە زۆر ناشیرینە.
تکایە هاوریم بکەن بۆ چارەسەرکردنی، ئەمەش کۆدەکانی ستایل:

.site-content .widget-area {
    width: 300px;
    float: right;
    padding: 4rem;
    border: 1px solid #000000;
}

.site-footer {
    clear: both;
    width: 100%;
}

.entry-header,
.entry-content,
.entry-meta,
.entry-footer,
.tag-links,
.post-navigation,
.comments-area,
.paging-navigation {
    position: relative;
    max-width: 780px;
    max-width: 78rem;
    padding: 0 4rem;
    margin: 0 auto;
}

@media screen and (min-width: 1540px) {
    .content-area {
        width: 100%;
        float: right;
        margin-left: -300px;
        padding-left: 300px;
    }
}

@media screen and (min-width: 1160px) and (max-width: 1539px) {
    .content-area {
        width: 100%;
        float: right;
        margin-left: -300px;
        padding-left: 300px;
    }

    .entry-header,
    .entry-content,
    .entry-meta,
    .entry-footer,
    .tag-links,
    .post-navigation,
    .comments-area,
    .paging-navigation {
        margin-left: 0;
    }
}

@media screen and (max-width: 767px) {
    .site-content .widget-area {
        width: auto;
        max-width: 780px;
        float: none;
        margin: 1em auto 0;
        clear: both;
    }
}