انجمن


راست چین کردن کلمات کلیدی  (۵ نوشته)

  • Majid-King

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

    سلام

    من تابع
    <?php the_tags('Tags: ', ', ', '
    '); ?> رو به single.php اضافه کردم.
    الان کلمات کلیدی در ادامه مطلب نمایش داده میشه ولی راسچین نیست و از قالب میزنه بیرون. میخواستم بدونم چطور باید راسچینش کنم و طوری تنظیم کنم که از قالب ادامه مطلب خارج نشه؟ و یک آیکون هم به سمت راست برچسب اضافه کنم. ممنون میشم اگه کسی میدونه کمک کنه.

    عکس یک ( قالب خودم ) :
    http://up.bndfilm.com/uploads/d2ad4c72d71.jpg

    میخوام مثل این باشه :
    http://up.bndfilm.com/uploads/80cc7a919b2.jpg

  • omid0098

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

    سلام دوست عزیز
    برای فاصله گرفتن از چپ ؛ دستور زیر رو به استایل پست بدید ؛

    Text padding : 10px

    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    Morteza - امین - Mostafa - Majid-King
  • AliReza CH

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

    برای راستچین کردن تگ‌های زیر رو به استایل اضافه کن

    direction: rtl;
    text-align: right;
    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    Majid-King
  • Majid-King

    آفلاین
    عضو
    تعداد نوشته‌ها: ۳
    # نوشته شده: ۹ سال پیش
    ۱۳ دی ۱۳۹۰ - ۰۱:۲۹

    اساتید عزیز من کد کامل استایل رو میذارم لطفا بفرمایید به کجای استایل باید اضافه کنم.

    @charset "utf-8";
    /* CSS Document */
    /*
    Theme Name: M2-yellow
    Theme URI: http://www.irancel.in
    Author: M A J i D
    Version: 1.5
    Description:
    */

    * {
    border: 10px;
    padding: 0px;
    margin: 0px;
    vertical-align: baseline;
    outline: 0; list-style: none;
    text-decoration: none;
    font-family:Tahoma;
    }
    a {
    text-decoration:none;
    color:#000;
    }
    a:hover {
    color:#c61a83;
    }
    body {
    background:#fccb46;
    font-family:Tahoma;
    font-size:9pt;
    color:#000;
    }
    #warp {
    margin:0 auto;
    width:1000px;
    }
    #header {
    height: 330px;
    width: 1000px;
    margin:0 auto;
    }

    #ads-header {
    float: left;
    height: 130px;
    width: 468px;
    margin-top: 40px;
    }
    #ads1 {
    width:468px;
    height:60px;
    margin-bottom:10px;
    }
    #ads1 {
    width:468px;
    height:60px;
    }
    #nav {
    float: left;
    height: 130px;
    width: 1000px;
    margin-top: 33px;
    }
    #nav-right {
    background:url(img/nav-right.png) no-repeat;
    float: right;
    height: 100px;
    width: 16px;
    }
    #nav-center {
    background-image: url(img/nav-center.png);
    background-repeat: repeat-x;
    float: right;
    height: 100px;
    width: 974px;
    }
    #nav-left {
    background-image: url(img/nav-left.png);
    background-repeat: no-repeat;
    float: right;
    height: 100px;
    width: 10px;
    }
    #line-horizantal {
    float: left;
    height: 3px;
    width: 974px;
    }
    #nav-center div .nav-text, #nav-center div .nav-text a {
    color: #000000;
    font-size: 10pt;
    text-align: center;
    text-decoration: none;
    }
    #nav-center #home:hover, #nav-center #forum:hover, #nav-center #ads:hover, #nav-center #shop:hover, #nav-center #archive:hover, #nav-center #contact:hover {
    background:#ffb300;
    }
    #home {
    float:right;
    width:113px;
    height:75px;
    padding-top:12px;
    }
    #home-img {
    background: url("img/home.png") no-repeat;
    height: 44px;
    margin: 0px auto;
    width: 48px;
    z-index:1000;
    }
    #nav-center #home .nav-line {
    background: url("img/nav-line.png") no-repeat;
    height: 125px;
    position: relative;
    top: -72px;
    width: 2px;
    }
    #forum {
    float:right;
    width:110px;
    height:75px;
    padding-top:12px;
    }
    #forum-img {
    background: url("img/forum.png") no-repeat;
    height: 47px;
    margin: 0px auto;
    width: 46px;
    z-index:1000;
    }
    #nav-center #forum .nav-line {
    background: url("img/nav-line.png") no-repeat;
    height: 125px;
    position: relative;
    top: -75px;
    width: 2px;
    }
    #ads {
    float:right;
    width:85px;
    height:75px;
    padding-top:12px;
    }
    #ads-img {
    background: url("img/icon-ads.png") no-repeat;
    height: 47px;
    margin: 0px auto;
    width: 45px;
    z-index:1000;
    }
    #nav-center #ads .nav-line {
    background: url("img/nav-line.png") no-repeat;
    height: 125px;
    position: relative;
    top: -75px;
    width: 2px;
    }
    #shop {
    float:right;
    width:90px;
    height:75px;
    padding-top:12px;
    }
    #shop-img {
    background: url("img/shop.png") no-repeat;
    height: 38px;
    margin: 0px auto;
    width: 48px;
    padding-bottom:9px;
    z-index:1000;
    }
    #nav-center #shop .nav-line {
    background: url("img/nav-line.png") no-repeat;
    height: 125px;
    position: relative;
    top: -75px;
    width: 2px;
    }
    #archive {
    float:right;
    width:80px;
    height:75px;
    padding-top:12px;
    }
    #archive-img {
    background: url("img/archive.png") no-repeat;
    height: 37px;
    margin: 0px auto;
    width: 46px;
    padding-bottom:10px;
    z-index:1000;
    }
    #nav-center #archive .nav-line {
    background: url("img/nav-line.png") no-repeat;
    height: 125px;
    position: relative;
    top: -75px;
    width: 2px;
    }
    #contact {
    float:right;
    width:105px;
    height:75px;
    padding-top:12px;
    }
    #contact-img {
    background: url("img/contact.png") no-repeat;
    height: 38px;
    margin: 0px auto;
    width: 47px;
    padding-bottom:10px;
    z-index:1000;
    }
    #nav-center #contact .nav-line {
    background: url("img/nav-line.png") no-repeat;
    height: 125px;
    position: relative;
    top: -75px;
    width: 2px;
    }
    #nav-data {
    background: url("img/nav-data.png") no-repeat;
    float:right;
    height: 36px;
    margin: 7px 0 0 15px;
    width: 331px;
    }
    #icon-data {
    background: url("img/clock.png") no-repeat;
    float:left;
    height: 36px;
    margin: -3px -46px;
    width: 36px;
    }
    #text-data {
    color: #000000;
    float: left;
    font-size: 10pt;
    padding-left: 42px;
    padding-top: 7px;
    text-align: center;
    text-shadow: 3px 0 3px #999999;
    }
    #box-search {
    float: left;
    padding-left: 10px;
    padding-top: 7px;
    }
    #fild-search {
    background: url("img/fild-search.png") no-repeat;
    border: medium none;
    color: #00000;
    direction: rtl;
    float: right;
    font-size: 10pt;
    height: 32px;
    padding-right: 18px;
    text-align: right;
    text-shadow: 3px 0 3px #999999;
    width: 200px;
    }
    #button-search {
    background:url(img/button-search.png) no-repeat;
    width:50px;
    height:34px;
    float:left;
    border:none;
    cursor:pointer;
    }
    #content {
    float: left;
    width: 995px;
    }
    #content-top {
    background:url(img/content-top.png) no-repeat;
    width:998px;
    margin-top:15px;
    height:40px;
    }
    #content-center {
    background:url(img/content-center.png) repeat-y;
    width:998px;
    float:left;
    }
    #content-bottom {
    background:url(img/content-bottom.png) no-repeat;
    float:left;
    width:998px;
    height:38px;
    }
    #sidebar-left {
    width:200px;
    float:left;
    margin-left:15px;
    }
    .col-left-top {
    background:url(img/col-left-top.png) no-repeat;
    width:197px;
    height:56px;
    float:left;
    }
    .col-icon-last-post {
    background: url("img/last-article.png") no-repeat;
    height: 38px;
    left: 145px;
    position: relative;
    top: 10px;
    width: 34px;
    }
    .col-icon-cat {
    background:url(img/folder.png) no-repeat;
    width:50px;
    height:44px;
    position: relative;
    top: 10px;
    left: 140px;
    }
    .col-left-center {
    background:url(img/slide-box-center.png) repeat-y;
    width:200px;
    float:left;
    margin-left:-3px;
    }
    .col-left-center-right {
    background:url(img/col-left-center-right.png) repeat-y;
    float:right;
    width:5px;

    }
    .col-left-center-center {
    background-color: #ffae49;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#febf01), to(#ffae49), color-stop(.5, #ffae49));
    background: -moz-linear-gradient(top, #febf01 0%, #ffae49 50%, #ffae49 100%);
    progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#febf01', endColorstr='#ffae49'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#febf01', endColorstr='#ffae49')"; /* IE8 */
    float: left;
    left: 6px;
    position: relative;
    width: 189px;
    overflow:hidden;
    }
    .col-left-center-center *{
    text-align:right;
    padding-right:5px;
    }
    .col-left-center-center .category li,#page_archive li{
    background:url("img/arrow.png") no-repeat scroll right 9px transparent;
    direction: rtl;
    line-height: 16pt;
    padding-right: 15px;
    text-align: right;
    cursor:pointer;
    }

    .col-left-center-center .category li a{
    padding-right:5px;
    }
    .col-left-center-center .category{
    padding:5px;
    }
    .col-left-center-center .category li ul{
    padding-right:8px;
    }
    .col-left-center-center ul{

    text-align: right;
    }
    .col-left-center-center #wp-calendar{
    direction: rtl;
    float: right;
    padding-right: 25px;
    padding-top: 5px;
    }
    .col-left-center-center #wp-calendar td{
    padding:1px;
    }
    .col-left-center-center ul li{
    line-height:16pt;
    background:url("img/arrow.png") no-repeat scroll right 5px transparent;
    padding-right:14px;
    font-size:8pt;
    direction:rtl;
    }
    .col-left-center-center span {
    padding:5px;
    font-size:8pt;
    }
    .col-left-center-center .links{
    direction: rtl;
    padding: 5px;
    text-align: right;
    }
    #col-last-post, #col-archive, #col-links {
    padding-bottom:5px;
    }
    .col-left-center-left {
    background:url(img/col-left-center-left.png) repeat-y;
    float:right;
    width:3px;
    min-height:150px;
    }
    .col-left-bottom {
    background:url(img/col-left-bottom.png) repeat-y;
    width:197px;
    height:23px;
    float:left;
    }
    .col-icon-archive {
    background: url("img/col-archive.png") no-repeat scroll 0 0 transparent;
    height: 35px;
    left: 139px;
    position: relative;
    top: 12px;
    width: 42px;
    }
    .col-icon-link {
    background: url("img/link.png") no-repeat scroll 0 0 transparent;
    height: 48px;
    left: 135px;
    position: relative;
    top:4px;
    width: 48px;
    }
    #center {
    float: left;
    margin-left: 10px;
    width: 550px;
    }
    .post-top {
    background:url(img/post-top.png) no-repeat;
    width:550px;
    height:67px;
    float:left;
    }
    #sidebar-right {
    float: left;
    margin-left: 10px;
    width: 200px;
    }
    .post-center {
    width:550px;
    float:left;
    }
    .post-center-line {
    background: url("img/post-center.png") repeat-y;
    float: left;
    position: relative;
    width: 550px;
    }
    .post-center-center {
    background-color: #ffae49;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#febf01), to(#ffae49), color-stop(.5, #ffae49));
    background: -moz-linear-gradient(top, #febf01 0%, #ffae49 50%, #ffae49 100%);
    progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#febf01', endColorstr='#ffae49'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#febf01', endColorstr='#ffae49')"; /* IE8 */
    float:left;
    margin-left:2px;
    width:545px;
    }
    .post-center-right {
    background:url(img/post-center-right.png) repeat-y;
    float:left;
    width:3px;
    }
    .post-bottom {
    background:url(img/post-bottom.png) no-repeat;
    width:550px;
    height:45px;
    float:left;
    }
    .post-title {
    background: url("img/post-title.png") no-repeat;
    height: 34px;
    left: 10px;
    position: relative;
    top: -10px;
    width: 525px;
    }
    .post-icon-cat {
    background: url("img/folder.png") no-repeat scroll 0 0 transparent;
    height:44px;
    left: 460px;
    position: relative;
    top: 17px;
    width: 50px;
    }
    .post-icon-page-search {
    background: url("img/icon-search.png") no-repeat scroll 0 0 transparent;
    height:46px;
    left: 460px;
    position: relative;
    top: 10px;
    width: 46px;
    }
    .post-icon-ads{
    background: url("img/post-ads.png") no-repeat scroll 0 0 transparent;
    height:60px;
    left: 455px;
    position: relative;
    top: 9px;
    width: 60px;
    }
    .post-icon-comments {
    background: url("img/comments.png") no-repeat scroll 0 0 transparent;
    height: 46px;
    left: 460px;
    position: relative;
    top: 17px;
    width: 46px;
    }
    .post-cat-text a {
    color:#000;
    position: relative;
    right: 80px;
    width: 80px;
    }
    .post-cat-text a:hover {
    color:#fff;
    }
    .post-title strong a {
    direction: rtl;
    float: right;
    font-size: 9pt;
    font-weight: normal;
    padding: 8px 12px 0 0;
    text-align: right;
    color:#000;
    }
    .title-comments {
    direction: rtl;
    float: right;
    font-size: 9pt;
    font-weight: normal;
    padding: 8px 12px 0 0;
    text-align: right;
    color:#000;
    }
    .post-title strong a:hover {
    color:#eee;
    }
    .box-post {
    width:525px;
    margin-left:10px;
    }
    .box-post-top {
    background:url(img/box-post-top.png) no-repeat;
    width:525px;
    height:13px;
    }
    .box-post-center {
    background:url(img/box-post-center.png) repeat-y;
    width:525px;
    }
    .box-post-bottom {
    background:url(img/box-post-bottom.png) no-repeat;
    width:525px;
    height:12px;
    padding-bottom:20px;
    }
    .post-center-text {
    direction: rtl;
    padding: 10px;
    text-align: right;
    line-height: 18pt;
    }
    .post-comment {
    background: url("img/comment-bottom.png") no-repeat scroll 0 0 transparent;
    height: 43px;
    left: 8px;
    position: relative;
    top: 8px;
    width: 48px;
    }
    .post-comments-number {
    left: 27px;
    position: relative;
    top: 14px;
    }
    .post-footer {
    background: url("img/post-footer.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 75px;
    left: 16px;
    position: relative;
    top: -30px;
    width: 525px;
    }
    .more {
    background: url("img/arrow.png") no-repeat scroll right center transparent;
    height: 12px;
    left: 412px;
    position: relative;
    top: 39px;
    width: 80px;
    }
    .post-date {
    background: url("img/posts-date.png") no-repeat scroll right center transparent;
    height: 30px;
    left: 215px;
    position: relative;
    top: 14px;
    width: 105px;
    }
    .post-date span {
    position: relative;
    top: 8px;
    }
    .post-writer {
    background: url("img/writer.png") no-repeat scroll right center transparent;
    height: 28px;
    left: 65px;
    position: relative;
    top: -11px;
    width: 85px;
    }
    .post-writer span {
    position: relative;
    top: 6px;
    }
    #footer {
    background: url("img/footer.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 266px;
    margin-bottom: 20px;
    margin-top: 15px;
    width: 1000px;
    }
    #page-number {
    background:url(img/page-number.png) no-repeat;
    width:463px;
    height:155px;
    float:left;
    margin:12px;
    }
    #icon-page-number {
    background: url("img/icon-page-number.png") no-repeat;
    height: 45px;
    left: 30px;
    position: relative;
    top: 15px;
    width: 40px;
    }
    #number {
    direction:rtl;
    float: right;
    margin: 35px 15px;
    }
    #sing-up {
    float: left;
    height: 250px;
    width: 500px;
    }
    #icon-rss {
    background: url("img/rss.png") no-repeat;
    float: right;
    height: 92px;
    margin: 45px 15px;
    width: 91px;
    }
    #input-box-rss {
    background: url("img/input-rss.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    float: right;
    height: 44px;
    margin-top: 5px;
    padding-left: 5px;
    width: 280px;
    }
    #adrese-email {
    color: #000;
    direction: rtl;
    float: right;
    }
    #tozohat {
    direction: rtl;
    color:#000;
    margin-top: 44px;
    text-align: right;
    }
    #sing-up form {
    margin-top:40px;
    }
    #singup {
    background:url(img/singup.png) no-repeat;
    width:140px;
    height:46px;
    overflow:hidden;
    border:none;
    cursor:pointer;
    float: right;
    }
    #singup:hover {
    background:url(img/singup.png) no-repeat scroll center -45px;
    }
    #social-bookmark {
    float: left;
    height: 90px;
    left: 15px;
    position: relative;
    top: -84px;
    width: 463px;
    }
    #social-bookmark span {
    color: #FFFFFF;
    float: left;
    margin-top: 55px;
    cursor:context-menu;
    }
    #social-bookmark span a {
    color:#fff;
    text-decoration:none;
    }
    #social-bookmark span a:hover {
    color:#10a5e3;
    }
    #social-bookmark ul li {
    display:inline-block;
    list-style:none;
    margin-left:10px;
    cursor:pointer;
    }
    #social-bookmark ul {
    float: left;
    margin: 25px 5px;
    }
    #twiter {
    background:url(img/twiter.png) no-repeat;
    width:58px;
    height:58px;
    }
    #facebook {
    background:url(img/facebook.png) no-repeat;
    width:58px;
    height:58px;
    }
    #rss {
    background:url(img/rss2.png) no-repeat;
    width:58px;
    height:58px;
    }
    #author, #email, #url {
    border:1px solid #BBB;
    margin-bottom:3px;
    font-size:9pt;
    padding:0 5px
    }
    #comment {
    border:1px solid #BBB;
    width:98%;
    font-size:9pt;
    font-family:tahoma;
    padding:5px
    }
    #submit {
    -moz-border-radius:3px;
    border-radius:3px;
    margin-top:3px;
    border: 1px solid #44657D;
    height: 26px;
    width: 65px;
    cursor: pointer;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#039CCA), to(#0474B3), color-stop(.6,#0474B3));
    }

    #submit:hover {
    background: -moz-linear-gradient(center top , #00BAFF 0%, #038ED3 50%, #038ED3 100%) repeat scroll 0 0 transparent;
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#00BAFF), to(#038ED3), color-stop(.6,#038ed3));
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00BAFF', endColorstr='#038ED3', GradientType=0);
    }
    .comment-author .avatar {
    background:0 color-stop(100%, #cccccc));
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
    -moz-border-radius:4px;
    border:1px solid #999;
    height:50px;
    width:48px;
    padding:5px
    }
    .comment-body {
    border:1px solid #CCC;
    margin-bottom:3px;
    -moz-border-radius:4px;
    border-radius:4px;
    padding:5px
    }
    .comment-warp {
    margin-top:15px;
    border:1px solid #CCC;
    padding:5px
    }
    .comment-author {
    border:1px solid #CCC;
    padding:4px
    }
    .commentlist {
    width:478px;
    padding:25px
    }
    .comment-meta a:first-child {
    background:url(../img/cal.png) no-repeat scroll right 0 transparent;
    display:block;
    font-size:8pt;
    font-weight:400;
    height:32px;
    padding-right:35px;
    padding-top:5px;
    width:180px;
    float:right
    }
    .comment-edit-link {
    font-size:8pt!important;
    font-weight:400!important;
    float:left;
    height:32px;
    padding:5px 0 0 10px
    }
    .comment-body p {
    clear:both
    }
    .postcomment {
    margin-top:5px;
    padding:5px
    }
    .cancel-comment-reply {
    padding:5px
    }
    .commentlist .children li {
    -moz-border-radius:5px;
    border-radius:5px;
    background:#eee;
    margin-right:10px;
    padding:5px
    }
    .comment-author cite, .comment-author span {
    vertical-align:top;
    padding-right:5px;
    font-style:normal
    }
    .chk-mail {
    margin-right:215px
    }
    #page_search{
    padding:10px;
    }
    .hls { background: #D3E18A; }
    .content_search{
    padding-right:15px;
    }
    .content_search:hover a{
    color:#0257ad;
    }
    #page_archive li a{
    display:block;
    }
    #page_archive li a:hover{
    color:#0257ad;
    }
    #page_archive li a span{
    float:left;
    padding-left:5px;
    }
    #s{
    width:240px;
    }
    .title-search{
    float: right;
    padding: 8px 10px;
    direction:rtl;
    }
    .alignleft{
    float: left;
    padding: 2px;
    }
    .alignright{
    float: right;
    padding: 2px;
    }

  • AliReza CH

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

    شما باید یه div بسازید و یه class برای قسمت برچسب‌ها اضافه کنید، چیزی شبیه به این:

    <div class="tag"><?php the_tags('Tags: ', ', ', '
    '); ?> </div>

    و در فایل استایل هم کدها را به صورت زیر اضافه کنید:

    #tag {
    	direction: rtl;
    	text-align: right;
    }
    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    Morteza

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