رفتن به مطلب
seminoo

چند ستون کردن محیط content بلاگ

پست های پیشنهاد شده

سلام بعضی از قالبها وقتی مطلب رو تو تنظیمات گزینه بلاگ چیدمانش رو 2 یا 3 ستونی میکنیم باز هم مطلب رو زیر هم نمایش میدهند از کجا براشون چنین چیزی فعال یا غیر فعال شده :idea: اکثر قالب های پیش فرض و خارجی چینین مشکلی ندارن البته اسمش مشکل نیست فقط میخواستم بدونم از کجا این گزینه برای محیط content تعریف میشه چون بعضی وقتها لازم میشه که مطلبم رو چند ستونه کنم که دقیقا هر قالبی من انتخاب میکنم به این مورد برخورد کردم قالبهایی که زیاد بدردم نمیخوره همشون چند ستونه میشن باید این مسئله رو واسه همیشه حل کنم :exclamation: ممنون میشم کمک کنید


سلام بعضی از قالبها وقتی مطلب رو تو تنظیمات گزینه بلاگ چیدمانش رو 2 یا 3 ستونی میکنیم باز هم مطلب رو زیر هم نمایش میدهند از کجا براشون چنین چیزی فعال یا غیر فعال شده :idea: اکثر قالب های پیش فرض و خارجی چینین مشکلی ندارن البته اسمش مشکل نیست فقط میخواستم بدونم از کجا این گزینه برای محیط content تعریف میشه چون بعضی وقتها لازم میشه که مطلبم رو چند ستونه کنم که دقیقا هر قالبی من انتخاب میکنم به این مورد برخورد کردم قالبهایی که زیاد بدردم نمیخوره همشون چند ستونه میشن باید این مسئله رو واسه همیشه حل کنم :exclamation: ممنون میشم کمک کنید

body {
overflow-x:hidden;
position:relative;
font-family: tahoma;
line-height:18px;
font-size:12px;
background-color:#fff;
color:#333;
background-image: url(../images/mw_bg.png);
background-position:top right;
background-repeat:repeat;
}
#modernweb {
direction:rtl;
text-align:right;
margin:0 auto;
}
#mw_1_modernweb {
position:relative;
height:80px;
background-color:#f2f2f2;
-webkit-box-shadow: 0px 0px 5px 1px #ccc;
box-shadow: 0px 0px 5px 1px #ccc;
}
#mw_1 {
position:relative;
width:980px;
height:80px;
margin:0 auto;
}
#mw_menu {
float:right;
height:80px;
width:700px;
}
.sticky #mw_1{
position:fixed;
width :100%;
z-index:9999;
height:80px;
background-color:#f2f2f2;
-webkit-box-shadow: 0px 0px 5px 1px #ccc;
box-shadow: 0px 0px 5px 1px #ccc; 
background-image: url(../images/mw_bg1.png);
background-position:top right;
background-repeat:repeat;
}
.sticky #mw_menu {
margin-right:12px;
}

#mw_logo {
float:left;
height:80px;
width:280px;
}
.mw_logo {
text-align:center;
font-family:google;
color:#272727;
font-size:60px;
font-weight:100;
line-height:60px;
text-shadow:2px 2px 1px #CCC;
}
#mw_2_modernweb {
position:relative;
}
#mw_2 {
position:relative;
width:980px;
height:370px;
margin:0 auto;
}
#mw_slideshow {
width: 730px;
height: 340px;
overflow: hidden;
margin-top: 20px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
border-radius:20px;
background:url(../../../images/backgr.jpg) repeat;
padding-right:30px;
padding-top:25px;
}
#mw_3_modernweb {
position:relative;
height:auto;
}
#mw_3 {
position:relative;
width:980px;
height:270px;
margin:0 auto;
}
#mw_top_01 {
float:right;
width:230px;
height:250px;
margin-top:20px;
background-color:#fff;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 0px 5px 0px #dddddd;
box-shadow: 0px 0px 5px 0px #dddddd;
}
#mw_top_02 {
float:left;
width:230px;
height:250px;
margin-right:20px;
margin-top:20px;
background-color:#fff;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 0px 5px 0px #dddddd;
box-shadow: 0px 0px 5px 0px #dddddd;
}
#mw_top_03 {
float:left;
width:230px;
height:250px;
margin-right:20px;
margin-top:20px;
background-color:#fff;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 0px 5px 0px #dddddd;
box-shadow: 0px 0px 5px 0px #dddddd;
}
#mw_top_04 {
float:left;
width:230px;
height:250px;
margin-right:20px;
margin-top:20px;
background-color:#fff;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 0px 5px 0px #dddddd;
box-shadow: 0px 0px 5px 0px #dddddd;
}
#mw_3 .moduletable {
width:90%;
margin:0 auto;
overflow:hidden;
}
#mw_3 .moduletable h3 {
color:#000;
margin:10px 0px;
font-family:BBardiya;
text-align:center;
}
#mw_3 .moduletable ul li {
line-height:22px;
margin-bottom:1px;
padding-bottom:2px;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
-ms-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
}
#mw_3 .moduletable ul li:hover {
line-height:22px;
margin-bottom:1px;
padding-bottom:2px;
padding-right:5px;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
-ms-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
}
#mw_3 .moduletable ul li a{
color:#8d8d8d;
}
#mw_3 .moduletable ul li:hover a {
color:#0063a1;
}
#mw_4_modernweb {
position:relative;
}
#mw_4 {
position:relative;
width:980px;
margin:0 auto;
margin-top:20px;
}
#mw_content {
float:left;
width:500px;
}
#mw_component {
width:auto;
padding:15px 15px 40px 15px;
background-color:#fff;
border:1px #d8d8d8 solid;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 0px 5px 0px #dddddd;
box-shadow: 0px 0px 5px 0px #dddddd;
margin-bottom:20px;
overflow:hidden;
}
#mw_comtop {
width:470px;
padding:15px 15px 40px 15px;
background-color:#fff;
border:1px #d8d8d8 solid;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 0px 5px 0px #dddddd;
box-shadow: 0px 0px 5px 0px #dddddd;
margin-bottom:20px;
overflow:hidden;
}
#mw_combot {
width:470px;
padding:15px 15px 40px 15px;
background-color:#fff;
border:1px #d8d8d8 solid;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 0px 5px 0px #dddddd;
box-shadow: 0px 0px 5px 0px #dddddd;
margin-bottom:20px;
overflow:hidden;
}
#mw_content_mid {
float:left;
width:740px;
}
#mw_content_mid #mw_component {
width:710px;
padding:15px 15px 40px 15px;
background-color:#fff;
border:1px #d8d8d8 solid;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 0px 5px 0px #dddddd;
box-shadow: 0px 0px 5px 0px #dddddd;
margin-bottom:20px;
overflow:hidden;
}
#mw_content_mid #mw_comtop {
width:710px;
padding:15px 15px 40px 15px;
background-color:#fff;
border:1px #d8d8d8 solid;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 0px 5px 0px #dddddd;
box-shadow: 0px 0px 5px 0px #dddddd;
margin-bottom:20px;
overflow:hidden;
}
#mw_content_mid #mw_combot {
width:710px;
padding:15px 15px 40px 15px;
background-color:#fff;
border:1px #d8d8d8 solid;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 0px 5px 0px #dddddd;
box-shadow: 0px 0px 5px 0px #dddddd;
margin-bottom:20px;
overflow:hidden;
}
#mw_content_full {
float:left;
width:980px;
}
#mw_content_full #mw_component {
width:950px;
padding:15px 15px 40px 15px;
background-color:#fff;
border:1px #d8d8d8 solid;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 0px 5px 0px #dddddd;
box-shadow: 0px 0px 5px 0px #dddddd;
margin-bottom:20px;
overflow:hidden;
}
#mw_content_full #mw_comtop {
width:950px;
padding:15px 15px 40px 15px;
background-color:#fff;
border:1px #d8d8d8 solid;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 0px 5px 0px #dddddd;
box-shadow: 0px 0px 5px 0px #dddddd;
margin-bottom:20px;
overflow:hidden;
}
#mw_content_full #mw_combot {
width:950px;
padding:15px 15px 40px 15px;
background-color:#fff;
border:1px #d8d8d8 solid;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 0px 5px 0px #dddddd;
box-shadow: 0px 0px 5px 0px #dddddd;
margin-bottom:20px;
overflow:hidden;
}
#mw_left {
float:left;
width:220px;
margin-right:20px;
}
#mw_right {
float:right;
width:220px;
margin-left:20px;
}
#mw_right .module ,#mw_right .module_menu ,#mw_left .module ,#mw_left .module_menu {
width:220px;
margin-bottom:20px;
background-color:#fff;
border:1px #dddddd solid;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 0px 5px 0px #dddddd;
box-shadow: 0px 0px 5px 0px #dddddd;
}
#mw_right .module h3 ,#mw_right .module_menu h3 ,#mw_left .module h3 ,#mw_left .module_menu h3 {
font-size:20px;
margin-bottom:10px;
}
#mw_right #mod_module ,#mw_left #mod_module {
width:200px;
margin:0 auto;
margin-bottom:20px;
overflow:hidden;
}
#mw_right .module_menu ul li ,#mw_left .module_menu ul li {
border-bottom:1px #d8d8d8 solid;
padding-top:3px;
padding-bottom:5px;
line-height:20px;
}
#mw_right .module_menu ul ul ,#mw_left .module_menu ul ul {
margin:5px 10px 5px 0px;
}
#mw_right .module_menu ul ul li ,#mw_left .module_menu ul ul li {
border-bottom:none;
line-height:10px;
font-size:10px;
}
#mw_5_modernweb {
position:relative;
clear:both;
}
#mw_5 {
position:relative;
width:980px;
height:230px;
margin:0 auto;
}
#mw_bottom_01 {
float:right;
width:230px;
height:210px;
margin-bottom:20px;
background-color:#fff;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 0px 5px 0px #dddddd;
box-shadow: 0px 0px 5px 0px #dddddd;
overflow:hidden;
}
#mw_bottom_02 {
float:left;
width:230px;
height:210px;
margin-right:20px;
margin-bottom:20px;
background-color:#fff;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 0px 5px 0px #dddddd;
box-shadow: 0px 0px 5px 0px #dddddd;
overflow:hidden;
}
#mw_bottom_03 {
float:left;
width:230px;
height:210px;
margin-right:20px;
margin-bottom:20px;
background-color:#fff;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 0px 5px 0px #dddddd;
box-shadow: 0px 0px 5px 0px #dddddd;
overflow:hidden;
}
#mw_bottom_04 {
float:left;
width:230px;
height:210px;
margin-right:20px;
margin-bottom:20px;
background-color:#fff;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 0px 5px 0px #dddddd;
box-shadow: 0px 0px 5px 0px #dddddd;
overflow:hidden;
}
#mw_5 .moduletable {
width:90%;
margin:0 auto;
overflow:hidden;
}
#mw_5 .moduletable h3 {
color:#000;
margin:10px 0px;
font-family:BBardiya;
}
#mw_5 .moduletable ul li {
line-height:22px;
margin-bottom:1px;
padding-bottom:2px;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
-ms-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
}
#mw_5 .moduletable ul li:hover {
line-height:22px;
margin-bottom:1px;
padding-bottom:2px;
padding-right:5px;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
-ms-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
}
#mw_5 .moduletable ul li a{
color:#8d8d8d;
}
#mw_5 .moduletable ul li:hover a {
color:#0063a1;
}
#mw_6_modernweb {
position:relative;
height:70px;
padding-top:30px;
clear:both;
}
#mw_6 {
position:relative;
width:980px;
height:40px;
margin:0 auto;
background-image: url(../images/mw_footer.png);
background-position:top center;
background-repeat:no-repeat;
}
.mw_footer {
line-height:20px;
text-align:center;
font-family:google;
font-size:11px;
padding-top:20px;
padding-right:10px;
}
.mw_footer a {
color:#999999;
}
.mw_footer a:hover {
color:#0063a1;
}


css رو هم میزارم که ... :exclamation: :D

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

سلام

قالب تون یگ پوشه به نام html داره درسته؟

این قالبها بصورت اختصاصی کدنویسی شدن و بطور خودکار به اون شکل نمایش میدن

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

سلام

قالب تون یگ پوشه به نام html داره درسته؟

این قالبها بصورت اختصاصی کدنویسی شدن و بطور خودکار به اون شکل نمایش میدن

یعنی کاریش نمیشه کرد :exclamation: سورسش بازه بسته نیست که :s باید بشه درستش کرد :001:

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

به گفتگو بپیوندید

هم اکنون می توانید ارسال داشته باشید و بعد ثبت نام خود را در سایت کامل نمایید. اگر حساب کاربری در سایت دارید، جهت ارسال با حساب کاربری خود هم اکنون وارد سایت شوید

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.


×
×
  • افزودن...