انجمن


انتقال ستون از راست به چپ  (۵ نوشته)

  • آزاد

    آفلاین
    عضو
    تعداد نوشته‌ها: ۷۱۷
    تشکر شده: ۲۲۳ بار
    # نوشته شده: ۱۶ سال پیش
    ۱۹ بهمن ۱۳۸۶ - ۰۴:۳۹

    با سلام
    آیا امکان جابجا کردن ستوت این پوسته از راست به چپ هست ؟
    پوسته : http://themes.wp-persian.com/qwilm-03/
    ---------------------------
    درحال گشت زدن در اینترنت بودم که با وبسایت یکی از وبلاگنویسان آشنا شدم
    اتفاقا ایشان هم ، همین پوسته را استفاده می کنند ولی با ستون چپ
    اما ! سرویسی که استفاده می کنند ورد پرس نیست
    آدرس : http://www.weblogina.com/

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

  • itnegar

    آفلاین
    عضو
    تعداد نوشته‌ها: ۴۹
    تشکر شده: ۱۲ بار
    # نوشته شده: ۱۶ سال پیش
    ۲۰ بهمن ۱۳۸۶ - ۱۴:۴۳

    باید از CSS را ویرایش کنی که این ربطی به وردپرس یا چیز دیگه نداره ;-)

  • آزاد

    آفلاین
    عضو
    تعداد نوشته‌ها: ۷۱۷
    تشکر شده: ۲۲۳ بار
    # نوشته شده: ۱۶ سال پیش
    ۲۱ بهمن ۱۳۸۶ - ۰۲:۵۷

    سلام مجدد
    من باید کجای CSS رو تغییر بدهم ؟
    تشکر

  • underline

    آفلاین

    تعداد نوشته‌ها: ۴۸۹
    تشکر شده: ۳۵ بار
    # نوشته شده: ۱۶ سال پیش
    ۲۱ بهمن ۱۳۸۶ - ۱۷:۰۴

    باید دو تغییر ایجاد کنید :
    ۱- در بلوک content مقدار گزینه float رو به right تغییر دهید .
    2- در بلوک sidebar مقدار گزینه float رو به right تغییر دهید .

    البته روش استاندارد نیست و باید در فایل style.css تغییر ببری... .

  • آزاد

    آفلاین
    عضو
    تعداد نوشته‌ها: ۷۱۷
    تشکر شده: ۲۲۳ بار
    # نوشته شده: ۱۶ سال پیش
    ۵ اسفند ۱۳۸۶ - ۰۱:۴۶

    با سلام مجدد
    <در بلوک sidebar مقدار گزینه float رو به right تغییر دهید .>
    متاسفانه من چیزی در این مورد پیدا نکردم
    </البته روش استاندارد نیست و باید در فایل style.css تغییر ببری>
    من کجای سی اس اس رو باید تغییر دهم
    سی اس اس آرتی ال

    /*
    qwilm-03 RTL (Persian) by Amir ashtiani
    Author URL: http://ouo.ir
    */
    
    /*******************************************************************************
     ******************************************************************************/
    
    /* line 24...28 */
    
    body { font: 12px Tahoma, Verdana, Arial, helvetica;}
    
    /******************************************************************************/
    
    /* line 81...85 */
    .post { direction:rtl; text-align:right; }
    
    /******************************************************************************/
    
    /* line 96...101 */
    .postmeta { direction:rtl; text-align:right;	}
    
    /******************************************************************************/
    
    /* line 102 */
    .comentarios-link{ direction:ltr; text-align:left;	}
    
    /******************************************************************************/
    
    /* line 108...110 */
    
    h1,h2,h3{	font-family: Tahoma, Verdana, Arial, helvetica; }
    
    /******************************************************************************/
    
    /* line 113 */
    
    h2 { direction:rtl; text-align:right; }
    
    /******************************************************************************/
    
    /* line 115 */
    
    h3 { direction:rtl; text-align:right; }
    
    /******************************************************************************/
    
    /* line 117 */
    p {	direction:rtl; text-align:right; }
    
    /******************************************************************************/
    
    /* line 123 */
    
    ul li,
    ol li{ direction:rtl; text-align:right; }
    
    /******************************************************************************/
    
    /* line 203...210 */
    
    .sidebar h2 { padding: 0 0 0 0px; background: none;	}
    
    /******************************************************************************/
    
    /* END RTL */

    و سی اس اس پوسته

    /*
    Theme Name: Qwilm!
    Theme URI: http://ouo.ir/
    Description: RTL by amir ashtiani --> http://www.ouo.ir
    Version: 0.3
    Author: amir ashtiani
    Author URI: http://oriol.f2o.org/
    
    	The CSS, XHTML and design is released under GPL:
    	http://www.opensource.org/licenses/gpl-license.php
    
    */
    
    /**********************************************************************************/
    body {
    	background-color: #DDE5D9;
    	font: 11px "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;
    	color: #888;
    }
    a, a:hover { color: #8ab459; text-decoration: none; }
    /********************************************************************************/
    #wrapper { padding-left: 30px; }
    #mini-nav{
    	width: 20px;
    	float: left;
    	margin: 5px;
    	padding-top: 30px;
    	position:fixed;
    }
    
    #mini-nav img{
    	margin:1px;
    }
    #content {
    	width: 450px;
    	text-align: left;
    	border-top:solid 1px #CED4CA;
    	border-bottom:solid 3px #CED4CA;
    	border-left:solid 1px #CED4CA;
    	border-right:solid 3px #CED4CA;
    	float: left;
    	margin: 5px;
    	padding-top: 0px;
    	padding-left: 20px;
    	padding-right: 20px;
    	padding-bottom: 30px;
    	background-color:#FFFFFF;
    }
    #sidebar-1 {
    	width: 170px;
    }
    #sidebar-2 {
    	width: 170px;
    }
    #logo {
    	width: 140px;
    	padding:10px;
    }
    /********************************************************************************/
    .sidebar {
    	text-align: left;
    	padding: 20px;
    	border-top:solid 1px #CED4CA;
    	border-bottom:solid 3px #CED4CA;
    	border-left:solid 1px #CED4CA;
    	border-right:solid 3px #CED4CA;
    	float: left;
    	margin: 5px;
    	background-color:#FFFFFF;
    	font-size: 0.9em;
    }
    .post {
    	border-bottom:solid 1px #DEE4DA;
    	padding-top:30px;
    	padding-bottom:0px;
    }
    .post img{
    	border: 1px solid #ced4ca;
    	padding: 3px;
    	margin: 5px 0 5px 0;
    	}
    .post-titulo {
    	color:#ACB200;
    	margin:0px;
    	margin-bottom:2px;
    }
    .postmeta {
    	margin-top: 0;
    	padding-top: 1px;
    	font-size: 0.9em;
    	color: #999;
    	}
    .comentarios-link{
    	padding: 0 0 0 17px;
    	background: url(imagenes_qwilm/commentslink.gif) no-repeat center left;
    	}
    /**********************************************************************************/
    /*Tipografia*/
    h1,
    h2,
    h3{	font-family: "Lucida Grande", Tahoma, Arial, sans-serif; }
    
    h1 { text-indent: -9000px; margin: 0; display: none;}
    h2 { margin-top: 25px; margin-bottom: 0; font-size: 16px; }
    h2 a { color: #63b4cd; }
    h3 { font-size: 14px; color: #666; }
    
    p {	line-height: 1.5em;	margin: 1.2em 0; }
    
    ol, ul {
    	line-height: 1.5em;
    	margin: 1.2em 0 1.2em 2em;
    	}
    ul li,
    ol li{ margin-bottom: 0.2em; }
    
    img, a img{ border:0px;}
    
    a, a:hover { color: #8ab459; text-decoration: none; }
    a:hover { color: #777; }
    
    em{
    	font-style: normal;
    	font-weight: bold;
    	color: #ef6c6c;
    	}
    
    blockquote {
    	margin: 0 20px;
    	padding: 0 20px;
    	border-left: 4px solid #E8E7D0;
    	font-size: 0.9em;
    	}
    
    pre{
    	display: block;
    	margin: 1.0em 1.5em 1.0em 0;
    	padding-left: 0.8em;
    	border-left: 1px solid #ccc;
    	background-color: #eee;
    	overflow: auto;
    	}
    
    code{font-family: monospace;  font-size: 11px; background-color: #eee;}
    pre code{ line-height: 1.3em;}
    
    kbd{
    	background-color: #ddd;
    	border-right: 1px solid #ccc;
    	border-bottom: 1px solid #ccc;
    	font-size: inherit;
    	font-family: inherit;
    	padding: 0 3px 2px 4px;
    	}
    
    del, del * { text-decoration: line-through; }
    
    .small {
    	font-size: 0.9em;
    	color: #999;
    	}
    /***********comentarios***************/
    
    #comment{
    	width: 100%
    }
    .comentarios{
    	border:1px solid #DEE4DA;
    	background-color: #F3F3F3;
    	padding:5px;
    	margin-top:5px;
    	margin-bottom:5px;
    }
    .commentarios li {
    	border:1px solid #DEE4DA;
    	background-color: #F3F3F3;
    	padding:5px;
    	margin-top:5px;
    	margin-bottom:5px;
    	}
    .commentarios li:hover{ background-color: #fff; }
    
    .comentariosmeta {
    	margin-top: 0;
    	padding-top: 1px;
    	font-size: 0.9em;
    	color: #999;
    	}
    .comentariostitulo {
    	margin:0px;
    	margin-bottom:2px;
    }
    /*********sidebars***************/
    .sidebar h2 {
    	display: inline;
    	margin: 1.2em 0 0.6em 0;
    	padding: 0 10px 0 0;
    	color: #63b4cd;
    	background: url(imagenes_qwilm/arrow.gif) no-repeat center right;
    	font-size: 1.1em;
    	}
    
    .sidebar ul {
    	margin: 0;
    	padding: 0;
    	list-style-type: none;
    	}
    .sidebar ul ul {
    	margin: 1.0em 0 1.5em 0;
    	border-top: 1px solid #dee4da;
    	}
    .sidebar ul ul li {
    	padding: 0 0 0 10px;
    	border-bottom: 1px solid #dee4da;
    	}
    .sidebar ul ul li a {
    	display: block;
    	margin: 0 0 0 -10px;
    	padding: 2px 10px 0 10px;
    	}
    .sidebar ul ul li a:hover {
    	background-color: #f3f3f3;
    	}
    /****************************/
    .linkpermanente{
    	padding: 0 0 0 17px;
    	background: url(imagenes_qwilm/permalink.gif) no-repeat center left;
    
    }
    /**********formularios*********/
    input, textarea, select {
    	border: 1px solid #C1C0B5;
    	background-color: #FAFAF0;
    	color: #555;
    	font-size: 1em;
    	font-family: "Lucida Sans Unicode", Tahoma, Arial, sans-serif;
    	}
    /*******pagina estática*********/
    #pagina {
    	border-bottom:solid 1px #DEE4DA;
    	padding-top:30px;
    	padding-bottom:0px;
    }
    #pagina img{
    	border: 1px solid #ced4ca;
    	padding: 3px;
    	margin: 5px 0 5px 0;
    	}
    .pagina-titulo{
    	color: #63B4CD;
    	margin:0px;
    	margin-bottom:2px;
    
    }
    /**********gravatar***************/
    .gravatar{
    	float:right;
    
    }
    /*********Privado-comentarios***************/
    .comentarios-autor{
    	border:1px solid #B2FF66;
    	background-color: #95FFCE;
    	padding:5px;
    	margin-top:5px;
    	margin-bottom:5px;
    }
    .comentarios-autor li {
    	border:1px solid #B2FF66;
    	background-color: #95FFCE;
    	padding:5px;
    	margin-top:5px;
    	margin-bottom:5px;
    	}
    .comentarios-autor li:hover{ background-color: #fff; }
    /**********************************************/
    #searchform{
    width:100%;
    
    }

    با تشکر

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



برچسب‌ها