راست چین کردن کلمات کلیدی « انجمن وردپرس فارسی

سلام

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

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

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

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

Text padding : 10px

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

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

direction: rtl;
text-align: right;

کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
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;
}

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

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

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

#tag {
	direction: rtl;
	text-align: right;
}

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

وردپرس فارسی

انجمن

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

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

برچسب‌ها