انجمن


راست چین کردن ساید بار در پوسته mistylook  (۷ نوشته)

  • condol

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

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

    /*
    Theme Name: MistyLook
    Theme URI: http://wpthemes.info
    Description: A real clean WordPress Theme by <a href="http://wpthemes.info" title="Sadish">Sadish Bala</a> , influenced by <a href="http://reorganize.ca" target="_blank">ReOrganize</a>. Support is available at <a href="http://forums.wpthemes.info/" title="Forums">Forums</a>.
    Version: 3.6.1
    Author: Sadish
    Author URI: http://simpleinside.com
    */
    * {
    	padding: 0;
    	margin:0;
    }
    p {
    	margin: 0.7em 0;
    	line-height:1.8em;
    }
    dl {
    	margin:1em 0;
    }
    dt
    {
    	font-weight:bold;
    }
    dd
    {
    	margin:0.5em;
    	padding:0;
    }
    img
    {
    	background:url(img/shadow.gif) no-repeat right bottom;
    	padding:4px 10px 10px 4px;
    	border:0;
    	border-top:#eee 1px solid;
    	border-left:#eee 1px solid;
    }
    img.right {
    	float: right;
    	margin:10px 0 0 10px;
    }
    img.left {
    	float: left;
    	margin:0 10px 10px 0;
    }
    a:link img,
    a:visited img,
    a:hover img,
    a:active img {
    	border:none;
    	background:none;
    	padding:none;
    	background:url(img/shadow.gif) no-repeat right bottom;
    	padding:4px 10px 10px 4px;
    	border-top:#eee 1px solid;
    	border-left:#eee 1px solid;
    }
    img.wp-smiley, #wpstats, img.noborder, a img.noborder {
    	background: none;
    	border: 0;
    	padding: 0;
    }
    .clear {
    	clear:both;
    	height:20px;
    }
    blockquote
    {
    	color:#666;
    	margin: 1em;
    	padding: 0 0 10px 50px;
    	background: url(img/blockquote.gif) no-repeat left top;
    }
    fieldset
    {
    	border:0;
    }
    body
    {
    	background: #f0f0f0;
    	margin: 0;
    	font: 76%/1.6em verdana, tahoma, arial,  sans-serif;
    	color: #333;
    	text-align: center;
    }
    a
    {
        text-decoration:none;
    }
    a:link, a:visited {
    	color: #265e15;
    }
    a:hover, a:active {
    	border-bottom:#963 1px solid;
    }
    h1, h2, h3, h4, h5, h6
    {
    	font-family:Georgia, Verdana, Arial, Serif;
    }
    
    #container {
    	border: #ccc 1px solid;
    	background: #fff;
    	margin: 0 auto;
    	width: 780px;
    	position: relative;
    	text-align: left;
    }
    #navigation {
    	background: transparent;
    	margin: 20px auto 0;
    	overflow: hidden;
    	width: 760px;
    	position: relative;
    	text-align: left;
    	font-family: Trebuchet MS,Tahoma, Verdana, Arial, Serif;
    }
     html #navigation {
    	height: 1%;
    }
    #navigation ul li {
    	float: left;
    	margin: 0 5px 0 0;
    	list-style-type: none;
    }
    #navigation ul li a {
    	border: #ccc 1px solid;
    	border-bottom:none;
    	padding: 2px 12px;
    	display: block;
    	font-weight:bold;
    	color:#333;
    	text-decoration: none;
    	background:#dedede;
    	letter-spacing:0px;
    }
    #navigation ul li a:hover, #navigation ul li a:active, #navigation ul li.current_page_item a {
    	background: #fff;
    	color: #333;
    	border: #ccc 1px solid;
    	border-bottom:none;
    }
    #navigation ul li.search {
    	font-size: 0.9em;
    	right: 0;
    	position: absolute;
    	top: 0;
    }
    #navigation ul li.search input#searchsubmit {
    	border: #999 1px solid;
    	font-size: 0.9em;
    	background: #ddd;
    	margin: 0 0 0 2px;
    	color: #265e15;
    	padding: 2px;
    }
    #header {
    	clear: both;
    	float: left;
    	margin: 10px 5px;
    	width: 450px;
    }
    #header h1
    {
    	font-size:1.8em;
    	margin:10px 0 0 10px;
    	font-variant:small-caps;
    	letter-spacing:0px;
    	font-weight:normal;
    }
    #header h1 a {
    
    	text-decoration:none;
    	border:0;
    }
    #header h1 a:hover,
    #header h1 a:active {
    	border-bottom:#963 1px solid;
    }
    #header #desc
    {
    	margin:5px 0 0 10px;
    	font-size:1em;
    	font-weight:normal;
    	font-family:Tahoma, Verdana, Arial, Serif;
    	letter-spacing:0px;
    }
    #feedarea {
    	padding:10px 10px 0 0;
    	float: right;
    	text-align: right;
    }
    html #feedarea {
    	padding-top: 10px;
    }
    #feedarea dl dt {
    	display: inline;
    	margin-right: 5px;
    	height: 45px;
    }
    #feedarea dl dd {
    	display: inline;
    	margin-right: 5px;
    	height: 45px;
    	background:url(img/icon_feed.gif) no-repeat left center;
    	padding-left:16px;
    }
    #headerimage {
    	clear: both;
    	background: #fff url(img/misty.jpg) no-repeat 0 0 center;
    	margin: 10px;
    	color: #fff;
    	height: 200px;
    }
     html #headerimage {
    	margin-top: 0;
    }
    #content {
    	margin: 0 10px 0 30px;
    }
     html #content {
    	height: 1%;
    }
    #content h4 {
    	font-size: 1.1em;
    	margin: 1em 0 0 0;
    }
    #content h5 {
    	font-size: 1em;
    	margin: 1em 0;
    }
    #content-main ul
    {
        margin:0 1em;
        padding:0 1em;
        list-style-image:url(img/bullet.png);
    }
    #content-main ul.asides
    {
    	margin:0;
    	padding:2em;
    	border-bottom:#ddd 1px dashed;
    }
    #content ol
    {
        list-style-type:decimal;
        margin:1em;
        padding-left:2em;
    }
    #content-main {
    	float: left;
    	width: 520px;
    	margin-right: 20px;
    }
     html #section-index #content-main {
    	margin-right: 20px;
    }
    #content .post
    {
    	clear:both;
    	padding:0 0 2em 0;
    	border-bottom:#dcc 1px dashed;
    }
    #content h2,
    #content h3
    {
    	font-size: 1.5em;
    	margin: 1em 0 0;
    	font-weight:normal;
    	line-height:1.4em;
    	letter-spacing:0px;
    }
    #content .entry
    {
        margin:1em 0;
        padding-right:1em;
    }
    #content .entry a:link, #content .entry a:visited
    {
        border-bottom:#963 1px dashed;
    }
    #content .entry a:hover, #content .entry a:active
    {
        border-bottom:#963 1px solid;
    }
    #content .entry li
    {
    	margin:0 0 0.3em 0;
    	padding:0;
    	line-height:1.6em;
    }
    #content .post-info , #content .postmetadata
    {
    	clear:both;
    	font-size:0.9em;
    	color:#999;
    	margin:0;
    	padding:0;
    }
    #content .post-info,
    #content h2.pagetitle
    {
    	background:url(img/underline1.jpg) no-repeat left bottom;
    	padding-bottom:15px;
    }
    .postnav {
    	display: block;
    	margin: 10px 0 60px;
    
    }
    .alignleft
    {
    	float:left;
    	text-align:left;
    }
    .alignright
    {
    	float:right;
    	text-align:right;
    }
    /* Sidebar */
    #sidebar {
    	float: left;
    	width: 200px;
    	font-size:0.9em;
    }
    #sidebar ul
    {
    	list-style:none;
    	margin:0;
    	padding:0;
    }
    #sidebar li
    {
    	margin-bottom:8px;
    }
    #sidebar ul ul
    {
    	list-style:none;
    	margin:0.5em 0 0 1em;
    }
    #sidebar ul ul ul
    {
    	margin:0 0 0 1em;
    }
    #sidebar li.sidebox {
    	padding:1px 10px;
    	margin:0 0 1em 0;
    	background: #ededed url(img/sideheadtop.gif) no-repeat left top;
    }
    li#sidelinks ul
    {
    	margin:0;
    	padding:0;
    }
    #sidebar li.sidebox p img {
    	margin:0;
    	padding:3px;
    	border:#ccc 1px solid;
    	background:none;
    }
    
    #footer {
    	clear: both;
    	background: transparent;
    	margin: 0 auto;
    	width: 760px;
    	text-align: left;
    }
     html #footer {
    	height: 1%;
    }
    #footer p {
    	float: left;
    	width: 50%;
    	line-height: 1.2em;
    }
    #footer p.right {
    	float: right;
    	margin: 1em 0;
    	width: 50%;
    	text-align: right;
    	font-size: 0.9em;
    	color:#999;
    }
    #comments, #respond{
    	margin: 0;
    	padding:1em 0 0 0;
    }
    #commentform
    {
    	margin:10px 0;
    	padding:10px;
    	background:#f9fcfc;
    	border-top: #ddd 1px solid;
    	border-bottom: #ddd 1px solid;
    }
    .commentnum
    {
    	font-size:1.5em;
    	font-weight:bold;
    	margin:0 5px 0 0;
    }
    .nocomments
    {
    	text-align:center;
    	color:#999;
    	font-size:0.9em;
    }
    #container .commentlist {
    	margin: 1em 0;
    	padding: 0;
    	border-top: #ddd 1px solid;
    }
    #container .commentlist li
    {
    	list-style:none;
    	margin: 0;
    	padding: 0.5em 0.5em 2em;
    	background:#fff url(img/shadow_top.gif) repeat-x top;
    	border-bottom: #ddd 1px solid;
    }
    #container .commentlist li.alt
    {
        background:#f9f9f9;
    }
    #container .commentlist li.authorcomment
    {
        border:#fc9 1px solid;
    }
    #container .commentlist li .cmtinfo
    {
    	font-size:1em;
    }
    #container .commentlist li cite
    {
    	font-style:normal;
    	font-weight:bold;
    }
    #container .commentlist li .cmtinfo em
    {
    	float:right;
    	margin:0;
    	padding:0;
    	font-style:normal;
    	font-size:0.9em;
    	color:#999;
    }
    #container .commentlist .avatar
    {
    	float:right;
    }
    #content .commentsfeed
    {
    	background:url(img/icon_feed.gif) no-repeat left center;
    	padding-left:16px;
    }
    #content .trackback
    {
    	background:url(img/link.gif) no-repeat left center;
    	padding-left:20px;
    }
    input.textbox, textarea
    {
    	border:#ccc 1px solid;
    	background:#fff url(img/shadow_top.gif) repeat-x top;
    	font:1em Verdana, Arial, Serif;
    	padding:2px;
    	width:150px;
    }
    textarea{
    	width: 90%;
    	padding:10px;
    	line-height:2em;
    	height: 20em;
    }
    input.textbox:focus, textarea:focus
    {
    	background:#fff url(img/shadow_top.gif) repeat-x top;
    	border:#999 1px solid;
    }
    #submit
    {
    	padding:3px 5px;
    }
    .post h4
    {
    	font-size:1em;
    	font-weight:normal;
    	font-family:Verdana, Tahoma, Arial, Serif;
    }
    .post h4 em
    {
    	font-style:normal;
    	float:right;
    	font-weight:normal;
    	color:#999;
    }
    #header, #content, #sidebar, #footer, .widget {
        overflow: hidden;
    }
  • Morteza

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

    شما کد html اون جایی که میخوای تغییر کنه رو هم همینجا قرار بده.

  • condol

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

    ساید بار

    <div id="sidebar">
    <ul>
    <?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar() ) : else : ?>
    <?php if(is_home()) mistylook_ShowAbout(); ?>
    <?php if(!is_home()) mistylook_ShowRecentPosts();?>
    <li class="sidebox">
    	<h3><?php _e('Archives','ml'); ?></h3>
    	<ul><?php wp_get_archives('type=monthly&show_post_count=true'); ?></ul>
    </li>
    
    <li class="sidebox">
    	<h3><?php _e('Categories','ml'); ?></h3>
    	<ul>
    		<?php
    		if (function_exists('wp_list_categories'))
    		{
    			wp_list_categories('show_count=1&hierarchical=1&title_li=');
    		}
    		else
    		{
    			wp_list_cats('optioncount=1');
    		}
    		?>
    	</ul>
    </li>
    <?php if (function_exists('wp_tag_cloud')) {	?>
    <li class="sidebox">
    	<h3><?php _e('Tags','ml'); ?></h3>
    	<p>
    		<?php wp_tag_cloud(); ?>
    	</p>
    </li>
    <?php } ?>
    <li class="sidebox">
    	<h3><?php _e('Pages','ml'); ?></h3>
    	<ul><?php wp_list_pages('title_li=' ); ?></ul>
    </li>
    <?php if(is_home()) { mistylook_ShowLinks(); ?>
    <li class="sidebox">
    	<h3><?php _e('Meta','ml'); ?></h3>
    	<ul>
    		<?php wp_register(); ?>
    		<li><?php wp_loginout(); ?></li>
    		<li><a href="http://validator.w3.org/check/referer" title="<?php _e('This page validates as XHTML 1.0 Transitional','ml');?>"><?php _e('Valid','ml');?> <abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a></li>
    		<li><a href="http://gmpg.org/xfn/"><abbr title="<?php _e('XHTML Friends Network','ml');?>">XFN</abbr></a></li>
    		<li><a href="http://wordpress.org/" title="<?php _e('Powered by WordPress, state-of-the-art semantic personal publishing platform.','ml');?>">WordPress</a></li>
    		<?php wp_meta(); ?>
    	</ul>
    </li>
    <?php }?>
      <?php endif; ?>
    </ul>
    </div><!-- end id:sidebar -->
    </div><!-- end id:content -->
    </div><!-- end id:container -->
  • Morteza

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

    این خاصیت #sidebar و زیر خاصیت ها رو باید تغییر بدید برای راست چین کردنش. این رو راست چین کردین؟
    حالا کدوم فونت قرار بزرگ و کوچیک بشه؟ اونهم توی ساید بار هست؟
    یه نکته رو هم توجه کنید که css از بالا به پایین خونده میشه. پس اگه خاصیتی یو چند خط بالاتر تعریف کردید و بعد از اون یک خاصیت تاثیر گذار دیگه رو هم تعریف کردید ، خاصیت دوم تاثیر خودش رو میزاره.
    این نکته ایی هست که خیلی ها نمیدونن و باعث بروز مشکلاتی برای طراح میشه. :-)

  • condol

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

    سلام
    من در استایل ساید بار را float: right;میکنم ولی گفتم درست نمی شه حالا من به همین خاطر هم کد سی اس اس استایل و کد ساید بار را قرار دادم تا اساتید نگاه کنن ببینن چطوری باید اقدام کنم در ضمن من می خواستم اندازه فونت عناوین پست ها را بزرگتر کنم ولی موفق نشدم .
    سپاس

  • condol

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

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

    http://wpthemes.info/misty-look/

  • condol

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

    پوسته های بهتری وجود دارد سعی کن ماهی گیر شوی پسر موفق باشی

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