نحوه ستون بندی صفحات « انجمن وردپرس فارسی

سلام.
برای نحوه ستون بندی صفحات میخواستم راهنمایی کنید.
ممنون.

سلام, این مقاله رو مطالعه کنید.

کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
hrzkw

سلام آقا مصطفی عزیز
اگه ممکنه مقاله ای معرفی کنیدکه فارسی باشه
من رفتم تواین صفحه ولی همش انگلیسیه
مشکل من تنظیمات افزونه Easy Columns هست وقتیکه % 5/1 بهش میدم توسایت اعمال نمیشه
ممنون میشم راهنماییم کنی

hrzkw گفت:
سلام آقا مصطفی عزیز
اگه ممکنه مقاله ای معرفی کنیدکه فارسی باشه
من رفتم تواین صفحه ولی همش انگلیسیه
مشکل من تنظیمات افزونه Easy Columns هست وقتیکه % 5/1 بهش میدم توسایت اعمال نمیشه
ممنون میشم راهنماییم کنی

سلام، برای ستون بندی کردن بهتره از css استفاده کنید و از افزونه استفاده نکنید!

کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
hrzkw

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

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

سلام آقامصطفی
همانطورکه فرمودیدمن رفتم تو پوسته ای که نصب هست و محتویات فایل style.css را اینجابراتون گذاشتم اگه منظورتون همین باشه واگرفایلی دیگه هست به من ایمیل بزنیدتا کنترل پنل رادراختیارتون بزارم.
خواسته ی من این هست که میخوام علاوه براینکه سایدبار چپ وراست کوچکتربشن وقسمت وسط بزرگتروپهن تربشه درقسمت وسط چهار یا پنج ستون مجزاقراربگیره مثل سایت های درج آگهی که تعداد پست ها یاهمون آگهی ها درصفحه بیشتربه نمایش گذاشته بشه
البته پیشنهاد اسکریپت نیازمندیها مثل ایستگاه رابه من ندهیدچون تکراری هست و برای منظوری که من میخوام اصلابه دردمن نمیخوره وهمین پوسته ای که درحال حاظر هست خیلی پیشرفته و باامکانات فوق العاده ای هست حالا خودتون میریدومیبینید
http://www.vofoor.com

/*
	Theme Name: Bright
	Theme URI: http://fthemes.com/bright-free-wordpress-theme/
	Description: Bright is a free WordPress theme with featured posts option. Suitable for any niche. Theme Options at admin panel
	Author: Omid Samadbin
	Author URI: http://www.p30vel.ir
	Version: 1.0
*/

/* =GENERAL
-------------------------------------------------------------- */

body {
    background: url(images/background.png) left top repeat-x;
    color: #504D4D;
}
#wrapper {
}

#container {
}

a {
    color: #2BB700;
    text-decoration: underline;
}

a:hover, a:focus {
    color: #1F7A03;
    text-decoration: underline;
}

a:focus {
    outline: none;
}

/* =HEADER
-------------------------------------------------------------- */

#header {
    height: 68px;
    padding: 30px 0;
}

.branding {
    float: left;
}

.header-banner {
    float: right;
    padding-right: 0px;
    margin-top: 0px;
}

.logo {
    padding: 0;
}

h1.site-title {
    margin: 0;
    padding:0;
    font-family: Arial, Helvetica, Sans-serif;
    font-size:40px;
    line-height: 40px;
    font-weight: bold;
    color: #2F2C2C;
}

h1.site-title a, h1.site-title a:hover {
    color: #2F2C2C;
    text-decoration: none;
}

h2.site-description {
    margin: 0;
    padding:0;
    color: #2F2C2C;
    font-family: Arial, Helvetica, Sans-serif;
    font-size:14px;
    line-height: 14px;
}

.social-profiles {
    text-align: right;
    margin-top: 10px;
}
.social-profiles img {
    margin-left: 2px;
}

/* =MENUS
-------------------------------------------------------------- */

/**
* Menu Primary
----------------------------*/

.menu-primary-wrap {
    padding: 0 6px 0 6px;
    margin-top: 7px;
    position:relative;
    height: 36px;
    z-index: 400;
    background: url(images/menu-primary-bg.png) left top repeat-x;
    float: left;
    -moz-border-radius: 0 0 5px 5px;
    -khtml-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.menu-primary {
}

.menu-primary ul {
	min-width: 160px;
}
.menu-primary li {
}
.menu-primary li:first-child {
}

/* First Level */
.menu-primary li a {
    color: #717171;
    padding: 12px 15px;
	text-decoration: none;
    font-family: Arial, Helvetica, Sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    margin-left: 1px;
}

.menu-primary li a:hover, .menu-primary li a:active, .menu-primary li a:focus,
.menu-primary li:hover > a, .menu-primary li.current-cat > a, .menu-primary li.current_page_item > a, .menu-primary li.current-menu-item > a {
    color: #2BB700;
    outline: 0;
    background: url(images/menu-primary-bg.png) left -136px repeat-x;
}

/* Child Levels */

.menu-primary li li a {
	color: #4E4E4D;
    text-transform: none;
    padding: 10px 15px;
    margin:0;
    font-weight: normal;
    background: #F8FAF9;
}

.menu-primary li li a:hover, .menu-primary li li a:active, .menu-primary li li a:focus,
.menu-primary li li:hover > a, .menu-primary li li.current-cat > a, .menu-primary li li.current_page_item > a, .menu-primary li li.current-menu-item > a {
	color: #2BB700;
    background: #FFFFFF;
    outline: 0;
    -moz-border-radius: 0;
    -khtml-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

/* Arrows */

.menu-primary a.sf-with-ul {
    padding-right: 26px;
    min-width: 1px;
}

.menu-primary  .sf-sub-indicator {
    position: absolute;
    display: block;
    overflow: hidden;
    right: 0;
    top:  0;
    padding: 11px 13px 0 0;
}

.menu-primary li li  .sf-sub-indicator {
    padding: 8px 13px 0 0;
}
/* Shadows */

.menu-primary-wrap .sf-shadow ul {
    background:	url('images/menu-primary-shadow.png') no-repeat bottom right;
}

/**
* Menu Secondary
----------------------------*/

.menu-secondary-wrap {
    padding: 0;
    margin: 0;
    position:relative;
    height: 40px;
    z-index: 300;
    background: url(images/menu-secondary-bg.png) left top repeat-x;
    border-bottom: 8px solid #2BB700;
}

.menu-secondary {
}

.menu-secondary ul {
    min-width: 160px;
}
.menu-secondary li {
    background: url(images/menu-secondary-separator.png) left center no-repeat;
}
.menu-secondary li:first-child {
    background: none;
}

/* First Level */
.menu-secondary li a {
    color: #4A4646;
    padding: 14px 15px;
	text-decoration: none;
    font-family: Arial, Helvetica, Sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
}

.menu-secondary li a:hover, .menu-secondary li a:active, .menu-secondary li a:focus,
.menu-secondary li:hover > a, .menu-secondary li.current-cat > a, .menu-secondary li.current_page_item > a, .menu-secondary li.current-menu-item > a {
    color: #FFFEFE;
    background: url(images/menu-secondary-bg.png) left -140px repeat-x;
    outline: 0;
    -moz-border-radius: 5px 5px 0 0;
    -khtml-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

/* Child Levels */

.menu-secondary li li a {
	color: #fff;
    background: #2BB700;
    padding: 10px 15px;
    text-transform: none;
    font-weight: normal;
}

.menu-secondary li li a:hover, .menu-secondary li li a:active, .menu-secondary li li a:focus,
.menu-secondary li li:hover > a, .menu-secondary li li.current-cat > a, .menu-secondary li li.current_page_item > a, .menu-secondary li li.current-menu-item > a {
	color: #fff;
    background: #2BB700;
    outline: 0;
    -moz-border-radius: 0;
    -khtml-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin: 0;
}

/* Arrows */

.menu-secondary a.sf-with-ul {
    padding-right: 26px;
    min-width: 1px;
}

.menu-secondary  .sf-sub-indicator {
    position: absolute;
    display: block;
    overflow: hidden;
    right: 0;
    top:  0;
    padding: 12px 13px 0 0;
}

.menu-secondary li li .sf-sub-indicator {
    padding: 8px 13px 0 0;
}

/* Shadows */

.menu-secondary-wrap .sf-shadow ul {
    background:	url('images/menu-secondary-shadow.png') no-repeat bottom right;
}

/* =MAIN CONTENT
-------------------------------------------------------------- */

#main {
    background: #FEFEFE url(images/main-bg.png) left top repeat-x;
    padding-top: 10px;
}

#main-fullwidth {
    background: #FEFEFE;
}

#content-wrap {}

.content {
    padding: 15px 0;
}

.post-wrap {
    border-bottom: 1px solid #E7EEE9;
    margin-bottom: 15px;
    padding: 0;
}
.post-wrap-page, .post-wrap-single {
    border-bottom: 0;
    margin-bottom: 0;
}

.post {}

.title {
    color: #282828;
    margin: 0 0 10px 0;
    padding: 0;
    font-family: Arial, Helvetica, Sans-serif;
    font-size: 24px;
    line-height: 24px;
    font-weight: bold;
}

.title a {
    color: #282828;
    text-decoration: none;
}

.title a:hover {
    color: #2BB700;
    text-decoration: none;
}

.generic {
    color: #282828;
    margin: 0px 0 10px 0;
    padding: 0 0 10px 0;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 20px;
    font-family: Arial, Helvetica, Sans-serif;
    text-decoration: underline;
}

.entry {
    line-height: 20px;
}

.featured_image {
    padding: 6px;
    border: 1px solid #DEE3E4;
    background-color: #FFFFFF;
}

.postmeta-primary {
    color: #BCC1C2;
    font-size: 11px;
    padding: 0 0 10px 0;
}

.postmeta-secondary {
    color: #BCC1C2;
    font-size: 11px;
    padding: 0 0 10px 0;
}

.meta_date, .meta_author, .meta_comments, .meta_edit, .meta_categories, .meta_tags {
    padding:3px 0 3px 20px;
    background-position:left center;
    background-repeat: no-repeat;
}

.meta_date {
    background-image: url(images/time.png);
}

.meta_author {
    background-image: url(images/author.png);
}

.meta_comments {
    background-image: url(images/comments.png);
}

.meta_edit {
    background-image: url(images/edit.png);
}

.meta_categories {
    background-image: url(images/cat.png);
}

.meta_tags {
    background-image: url(images/tags.png);
}

.readmore-wrap {
    margin-bottom: 15px;
    float: right;
}

a.readmore {
    color: #2BB700;
    padding: 5px 14px;
    font-size: 12px;
    line-height: 12px;
    display: block;
    text-decoration: underline;
}

a.readmore:hover {
    color: #CDD7D0;
    text-decoration: underline;
}

/* Featired Posts */

.featuredposts {
    margin: 10px 0 0 0;
    border: 1px solid #E7EEE9;
    width: 468px;
    background: #FFFFFF;
}

.fp-slides {
}

.fp-post {
    padding: 13px;
}

.fp-thumbnail {
    width: 442px;
    height: 240px;
    margin-bottom: 10px;
    overflow: hidden;
}

.fp-title {
    font-family: Arial, Helvetica, Sans-serif;
    color: #282828;
    font-size: 16px;
    font-weight: bold;
    padding: 0 0 4px 0;
    margin: 0;
}

.fp-title a {
    color: #282828;
    text-decoration: none;
}

.fp-title a:hover {
    color: #2BB700;
    text-decoration: none;
}

.fp-label {
    color: #504D4D;
    margin: 15px 15px 0 15px;
    padding: 0;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 15px;
    font-family: Arial, Helvetica, Sans-serif;
}

.fp-post p {
    color: #504D4D;
    font-family: Arial, Helvetica, Sans-serif;
    font-size: 12px;
    padding: 0;
    margin: 0;
    line-height: 16px;
}

.fp-more, .fp-more:hover {
    color: #2BB700;
    font-weight: bold;
}

.fp-nav {
    width: 448px;
    padding: 0 10px 10px 10px;
}

.fp-pager a {
    background-image: url(images/featured-pager.png);
    cursor:pointer;
    margin: 3px 6px 0 0;
    padding: 0;
    height: 10px;
    width: 10px;
    display: block;
    float: left;
    overflow: hidden;
    text-indent: -999px;
    background-position: 0 0;
}
.fp-pager a:hover, .fp-pager a.activeSlide  {
    text-decoration: none;
    background-position: 0 -110px;
}

.fp-prev {
    float:right;
    margin-right: 4px;
    width:15px;
	height:17px;
    opacity: 0.7;
    background:url(images/featured-prev.png) top left no-repeat;
}

.fp-prev:hover {
    opacity: 1;
}

.fp-prev:active {
    opacity: 0.7;
}

 .fp-next {
    float:right;
	width:15px;
	height:17px;
    margin-left: 4px;
    opacity: 0.7;
    background:url(images/featured-next.png) top left  no-repeat;
}

 .fp-next:hover {
    opacity: 1;
}

.fp-next:active {
    opacity: 0.7;
}

/* =SIDEBAR(S) & WIDGETS
-------------------------------------------------------------- */

#primary-sidebar-wrap {}

#secondary-sidebar-wrap {}

.sidebar-primary, .sidebar-secondary  {
    color: #566762;
}

.sidebar-primary {
    padding: 10px 5px 10px 0;
}

.sidebar-secondary {
    padding: 10px 0 10px 5px;
}

.sidebar-primary a, .sidebar-secondary a {
    color: #566762;
    text-decoration: none;
}

.sidebar-primary a:hover, .sidebar-secondary a:hover {
    color: #14C8D8;
    text-decoration: underline;
}

/**
* General Widgets Styling
----------------------------*/

.widget-wrap {
    list-style-type: none;
    list-style: none;
    margin: 0 0 15px 0;
    padding: 0;
}

h3.widgettitle {
    color: #494C4B;
    background: url(images/widget-title-bg.png) left top repeat-x;
    font-size: 14px;
    line-height: 14px;
    font-family: Arial, Helvetica, Sans-serif;
    font-weight: bold;
    margin: 0 0 10px 0;
    padding: 12px 0 12px 10px;
    text-transform: uppercase;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

h3.widgettitle a, h3.widgettitle a:hover {
    color: #494C4B;
    text-decoration: none;
}

/**
* Default Widgets
----------------------------*/

.widget ul {
    list-style-type: none;
    list-style: none;
    margin: 0;
    padding: 0;
}

.widget ul li {
    padding: 6px 0 6px 12px;
    margin: 0;
    background: url(images/widget-list.png) left 12px no-repeat;
    border-bottom: 1px dashed #C3D4CD;
}

.widget ul li:first-child {
    padding-top: 0;
    background: url(images/widget-list.png) left 6px no-repeat;
    border-bottom: 1px dashed #C3D4CD;
}

.widget ul li ul {
    margin-top: 10px;
}

/**
* Search
----------------------------*/

#search {
    border: 1px solid #D0D8D4;
    background: url(images/search-bg.png) left top repeat-x;
    height: 28px;
    padding: 0;
    text-align: left;
}

#search #s {
    background: none;
    color: #3F3F3F;
    border: 0;
    padding: 4px;
    margin:1px 0 0 2px;
    float: left;
}

#search .search-image {
    border:0;
    vertical-align: top;
    float: right;
    margin: 4px 4px 0 2px;
}

#search-wrap {
    width: 300px;
    padding: 15px 0;
}

.topsearch #search {
    margin: 11px 0 0 0;
}

/**
* Wp Calendar
----------------------------*/

#wp-calendar td:hover, #wp-calendar #today {
    background: #2BB700;
    color: #fff;
}

#wp-calendar td:hover a, #wp-calendar #today a {
    color: #fff;
}

/**
* 125x125 Banners Widget
----------------------------*/

.banners-125 {
    text-align: center;
    margin-bottom: -10px;
}

.banners-125 img {
    margin: 0 5px 5px 5px;
}

/**
* Posts Widget
----------------------------*/

.posts-widget ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.posts-widget ul li {
    list-style-type: none;
    padding: 0 0 15px 0;
    margin: 15px 0 0 0;
    border-bottom: 1px solid #C3D4CD;
}

.posts-widget ul li:first-child {
    margin-top: 15px;
}

.posts-widgettitle {
    font-weight: bold;
    padding: 0 0 5px 0;
    margin: 0;
    font-family: Arial, Helvetica, Sans-serif;
    font-size: 14px;
}

.posts-widgettitle a {}

.posts-widgettitle a:hover {}

.posts-widget-meta {
    font-style: italic;
    padding: 0 0 5px 0;
}

.posts-widget-entry {
    font-family: Arial, Helvetica, Sans-serif;
    line-height: 20px;
}

.posts-widget-more {
    font-weight: bold;
}

.posts-widget-more:hover {}

.posts-widget-featured-image {
    border: 1px solid #DEE3E4;
    padding: 4px;
    background: #fff;
}

.posts-widget .alignleft {
    margin: 0 8px 8px 0;
}

.posts-widget .alignright {
    margin: 0 0 8px 8px;
}

.posts-widget .aligncenter {
    margin-bottom: 8px;
}

/**
* Comments Widget
----------------------------*/

.comments-widget ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.comments-widget ul li {
    list-style-type: none;
    padding: 0 0 10px 0;
    margin: 10px 0 0 0;
    border-bottom: 1px solid #C3D4CD;
}

.comments-widget ul li:first-child {
    margin-top: 0;
}

.comments-widget-author {
    text-decoration: none;
    font-weight: bold;
    padding: 0 0 5px 0;
    margin: 0;
}

.comments-widget-author:hover {}

.comments-widget-entry {
    font-family: Arial, Helvetica, Sans-serif;
    line-height: 20px;
}

.comments-widget-more {
    font-weight: bold;
}

.comments-widget-more:hover {}

.comments-widget-avatar {
    border: 1px solid #DEE3E4;
    padding: 4px;
    background: #fff;
}

.comments-widget .alignleft {
    margin: 0 8px 0 0;
}

.comments-widget .alignright {
    margin: 0 0 0 8px;
}

.comments-widget .aligncenter {
    margin-bottom: 8px;
}

/**
* Info Box Widget
----------------------------*/

.infobox-widget ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.infobox-widget ul li {
    list-style-type: none;
    padding: 0;
    margin: 5px 0 0 0;
}

.infobox-widget ul li a {
    text-decoration: none;
}

.infobox-widget-description {
    line-height: 20px;
}

.infobox-widget-more {
    font-weight: bold;
}

.infobox-widget-more:hover {
}

.infobox-widget .alignleft {
    margin: 0 10px 10px 0;
}

.infobox-widget .alignright {
    margin: 0 0 10px 10px;
}

.infobox-widget .aligncenter {
    margin-bottom: 10px;
}

.infobox-widget .inbottom {
    margin-top: 10px;
}

/**
* Social Connect Widget
----------------------------*/

.social-connect-widget {
    background: #FFFFFF;
    border: 1px solid #D3DFD7;
    padding: 8px 10px;
}

.social-connect-widget:hover {
    background: #FFFFFF;
    border: 1px solid #ADB2AF;
}

.social-connect-widget a {
    font-weight: bold;
    text-decoration: none;
    font-family: Arial, Helvetica, Sans-serif;
}

.social-connect-widget a:hover {
    text-decoration: underline;
}

.social-connect-widget  img {
    vertical-align:middle;
    margin-right: 5px;
}

/**
* Social Share Widget
----------------------------*/

.social-share-widget ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.social-share-widget ul li {
    text-align: left;
}

.social-share-widget ul li a {
    width: 32px;
    height: 32px;
    margin: 0 0px;
    padding: 0;
}

.social-share-widget ul li a img {
    opacity: 0.7;
}

.social-share-widget ul li a:hover img {
    opacity: 1;
}

/**
* Tabs Widget
----------------------------*/

.tabs-widget {
    list-style: none;
    list-style-type: none;
    margin: 0 0 10px 0;
    padding: 0;
    height: 36px;
}

.tabs-widget li {
    list-style: none;
    list-style-type: none;
    margin: 0 0 0 4px;
    padding: 0;
    float: left;
}

.tabs-widget li:first-child {
    margin: 0;
}

.tabs-widget li a {
    color:#494C4B ;
    background: url(images/tabs-bg.png) left top repeat-x;
    padding: 11px 10px;
    font-family: Arial, Helvetica, Sans-serif;
    font-weight: bold;
    display: block;
    text-decoration: none;
    font-size: 11px;
    text-transform: uppercase;
}

.tabs-widget li a:hover, .tabs-widget li a.tabs-widget-current {
    background: url(images/tabs-bg.png) left -136px repeat-x;
    color:#2BB700;
    text-decoration: none;
}

.tabs-widget-content {
    background: none;
}

/* Flexi Text */

.flexi-text {
    margin: 0;
    padding: 0;
}

/**
* Tweets Widget
----------------------------*/

.tweets-widget ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    line-height: 20px;
    font-family: Arial, Helvetica, Sans-serif;
}

.tweets-widget ul li {
    list-style-type: none;
    padding: 0;
    margin: 15px 0 0 0;
}

.tweets-widget ul li:first-child {
    margin-top: 5px;
}

.tweets-widget li.tweets-bird {
    padding-left: 24px;
    background: url(images/tweets.png) left 2px no-repeat;
}

.tweets-widget a {}

.tweets-widget a:hover {}

a.tweets-widget-time {
    text-decoration: underline;
}

a.tweets-widget-time:hover {
    text-decoration: none;
}

/* =FOOTER
-------------------------------------------------------------- */

#footer-wrap {}

#footer {
}

#copyrights {
    color: #FFFFFF;
    text-align: center;
    padding: 10px 0;
    background: #767676;
}

#copyrights a {
    color: #FFFFFF;
} 

#copyrights a:hover {
    color: #FFFFFF;
    text-decoration: none;
} 

#credits {
    color: #7D7D7D;
    text-align: center;
    font-size: 11px;
    padding: 10px 0;
}

#credits a {
    color: #7D7D7D;
    text-decoration: none;
} 

#credits a:hover {
    text-decoration: none;
    color: #7D7D7D;
} 

/* =COMMENTS
-------------------------------------------------------------- */

#comments {
    margin-bottom: 15px;
}

#comments p {
    margin: 5px 0 10px 0;
}

h3#comments-title {
    font-weight: bold;
    font-size: 20px;
    padding: 0;
    margin: 0 0 15px 0;
}

.commentlist {
    list-style: none;
    margin: 0;
    padding: 0;
}

.commentlist li.comment {
    line-height: 24px;
    margin: 0 0 15px 0;
    padding: 0 0 0 0px;
    position: relative;
}

.commentlist li:last-child {
    border-bottom:none;
    margin-bottom:0;
}

#comments .comment-body ul,
#comments .comment-body ol {
    margin-bottom: 15px;
}

#comments .comment-body blockquote p:last-child {
    margin-bottom: 15px;
}

.commentlist .avatar {
    border: 3px solid #ffffff;
    margin-right: 10px;
    width: 40px;
    height: 40px;
    vertical-align: middle;
    margin-bottom: 2px;
}

.comment-author {
    padding: 5px;
    display: block;
    background: #F2F2F2;
    border: 1px solid #DFDFDF;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.comment-author cite {
    font-style: normal;
    font-weight: bold;
}

.comment-author .says {
    font-style: italic;
}

.fn, .fn a:link, .fn a:hover, .fn a:visited {
    font-family: Arial, Helvetica, Sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}

.comment-meta {
    margin: -23px 0 0 65px;
    display: block;
    font-size: 11px;
    padding:0;
}

.comment-meta a:link,
.comment-meta a:visited {
    text-decoration: none;
}

.reply {
    text-align: right;
    margin-bottom: 10px;
}

.comment-reply-link  {
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    background: #EDEDED;
    color: #333;
    padding: 2px 8px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border:  1px solid #999999;
}

.comment-reply-link:hover {
    background: #F5F5F5;
    color: #333;
}

.commentlist .children {
    list-style: none;
    margin: 0;
}

/* Children */

.commentlist .children li {
    border: none;
    margin: 0;
}

.nocomments {
    display: none;
}

#comments .pingback {
    margin-bottom: 18px;
    padding-bottom: 18px;
}

.commentlist li.comment+li.pingback {
    margin-top: -6px;
}

#comments .pingback p {
    font-size: 12px;
    line-height: 18px;
    display:block;
    margin: 0;
}

#comments .pingback .url {
    font-style: italic;
    font-size: 13px;
}

/* Comments form */

#respond {
    overflow: hidden;
    position: relative;
    margin-bottom: 15px;
}

h3#reply-title {
    font-weight: bold;
    font-size: 20px;
    padding: 0;
    margin: 0 0 15px 0;
}

#respond .required {
    color:#FF4B33;
}

#respond .comment-notes {
    margin-bottom: 1em;
}

.form-allowed-tags {
    display: none;
}

.children #respond {
    margin: 0 48px 0 0;
}

#comments-list #respond {
    margin: 0 0 18px 0;
}

#comments-list ul #respond {
    margin: 0;
}

#cancel-comment-reply-link {
    font-size: 12px;
    line-height: 18px;
    font-weight: normal;
}

#respond .required {
    color:#FF4B33;
    font-weight:bold;
}

#respond label {
    font-size: 12px;
    font-weight: bold;
}

#respond input {
    margin:10px 0 0 0;
    width:98%;
}

#respond textarea {
    width:98%;
    margin:10px 0 0 0;
}

#respond .form-allowed-tags {
    font-size: 12px;
    line-height: 18px;
}

#respond .form-allowed-tags code {
    font-size: 11px;
}

#respond input[type=submit] {
    margin: 0;
}

#respond .form-submit {
    margin: 0;
}

#respond .form-submit input {
    width: auto;
    font-size: 14px;
}
#respond dl {
    margin: 0 0 10px;
}

#respond dt {
    display: inline;
    font-weight: normal;
}

#respond dd {
    display: inline;
}

سلام، فقط با css مشکل حل نمیشه! نیازمندی indexphp هم هست!
یک مثالی میزنم دقت کنید:
html

<div class="column">
	<div class="sub_column">1</div>
	<div class="sub_column">2</div>
	<div class="sub_column">3</div>
	<div class="sub_column">4</div>
</div>

css

div.column{
  width: 800px;
  float: left;
}

div.sub_column{
  width: 400px;
  float: left;
}

کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
hrzkw

مصطفی جان ممنون که جواب دادی ولی من چیزی سردرنمیارم ونمیدونم کجااین کدهاروبکارببرم یاچکاربایدبکنم
اگه ممکنه یاهمین فایلی روکه دادم ویرایشش کن برام یا ایمیل بده برات یوزروپسوردبدم سری بزنی وهمونجا برام ستون بندی روانجام بدی
دستت دردنکنه

دقیقا واضح است.
واضح ترش اینه که درون یک حلقه بکار ببریدش. نمونه:

<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
	<div class="column">
		<div class="sub_column">
			<p><?php the_title(); ?></p>
			<?php the_content(); ?>
		</div>
	</div>
<?php endwhile; else: ?>
<p><?php _e('Sorry, no posts matched your criteria.'); ?></p>
<?php endif; ?>

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

بعدگفتیدکه:
کدخودتون رو اینجا قرار بدین تا واستون انجامش بدم........
منم همین کاروکردم وتمام کدهاروگذاشتم اما بجای اینکه برام انجامش بدیددوباره فرمودید که:
فقط با css مشکل حل نمیشه! نیازمندی indexphp هم هست!

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

وردپرس فارسی

انجمن

نحوه ستون بندی صفحات (۱۲ نوشته)

درباره‌ی این موضوع

برچسب‌ها