shojae

تغییر کوچک در css : انتقال دو نقطه به سمت راست

6 پست در این موضوع قرار دارد

سلام دوستان

میخوام در صفحه زیر، کاراکتر دونقطه رو به سمت راست کلمات Type و Revenue و Minimum Payout و... بیارم، محتوا رو چپ چین کردم تا درست بشه ولی نشد

http://maxclick.ir/programs-list/

مثلا میخوام اینا

Type::

Revenue::

به این صورت دربیان

::Type

::Revenue

ممنون میشم راهنمایی کنید

0

به اشتراک گذاری این پست


لینک به پست

محتوا داخل چه تگیه؟

اگر div یا p نیست (تگی که چپ چین شده) بهش خاصیت

display:inline-block;

را هم اضافه کنید

1

به اشتراک گذاری این پست


لینک به پست

ممنون از راهنمایی شما

کل css اون صفحه اینه، ببینید الان تگ webphysiology_portfolio .portfolio_meta .value برای محتوا هست درسته؟

توی اون بخش کدی که گذاشتید رو قرار دادم ولی تغییری نکرد


.webphysiology_portfolio .grid {
float: none;
margin: 10px 0;
overflow: hidden;
}
.webphysiology_portfolio_page_content {
margin-bottom: 10px;
}
.webphysiology_portfolio h1, .webphysiology_portfolio h2 {
font-weight: bold;
margin: 0 0 20px 0;
}
.webphysiology_portfolio h1 {
font-size: 2em;
}
.webphysiology_portfolio ul.grid {
margin: 0 0;
padding: 0 0;
overflow: hidden;
clear: both;
}
.webphysiology_portfolio .grid li {
float: left;
margin: 0;
padding: 0;
list-style: none;
}
.webphysiology_portfolio .portfolio_entry h2 {
margin-top: 2px;
margin-bottom: 10px;
padding-bottom: 0;
font-size: 1.6em;
}
.webphysiology_portfolio .grid .portfolio_entry h2 {
font-size: 1.1em;
}
.webphysiology_portfolio .portfolio_entry {
clear: both;
overflow: hidden;
margin: 0 0 10px 0;
margin: 0;
padding: 10px 10px;
}
.webphysiology_portfolio .portfolio_page_img {
float: left;
}
.webphysiology_portfolio .portfolio_details {
float: right;
margin-right: 10px;
line-height: 1.5em;
}
.webphysiology_portfolio .grid .portfolio_details {
width: auto;
}
.webphysiology_portfolio .grid .portfolio_page_img {
text-align: center;
margin-bottom: 0;
}
.webphysiology_portfolio .portfolio_page_img img {
background-color: #000;
border: solid 3px #fff;
height: auto;
margin: 0;
padding: 2px 2px;
}
.webphysiology_portfolio .portfolio_description {
margin-bottom: 10px;
}
.webphysiology_portfolio .portfolio_description.after_meta_data {
margin-top: 10px;
clear: both;
}
.webphysiology_portfolio .portfolio_description.after_meta_data p {
padding-top: 10px;
margin-bottom: 0 !important;
}
.webphysiology_portfolio .portfolio_meta .key {
float: left !important;
font-weight: bold;
clear: left !important;
text-align: left !important;
}
.webphysiology_portfolio .portfolio_meta .value {
float: right;
text-align: left !important;
display:inline-block;
}
.webphysiology_portfolio .portfolio_nav {
float: right;
width: 100%;
font-size: 93%;
line-height: normal;
}
.webphysiology_portfolio .portfolio_nav ul {
float: right;
margin: 0;
padding: 0;
font-size: 1em;
}
.webphysiology_portfolio .portfolio_nav.webphysport_nav_top ul {
margin-bottom: 10px;
}
.webphysiology_portfolio .portfolio_nav.webphysport_nav_bottom ul {
margin-top: 10px;
}
.webphysiology_portfolio .portfolio_nav ul li {
float: left;
list-style: none;
background: #eeeeee;
margin: 0;
padding: 0;
margin-left: 5px;
border: 1px solid #004813;
-moz-border-radius: 6px;
border-radius: 6px;
}
.webphysiology_portfolio .portfolio_nav ul li.selected, .webphysiology_portfolio .portfolio_nav ul li:hover {
background: #FFC;
border: 1px solid #004813;
-moz-border-radius: 6px;
border-radius: 6px;
}
.webphysiology_portfolio .portfolio_nav ul li a {
display: block;
padding: 2px 4px 1px 4px;
text-decoration: none;
line-height: 1.2em;
}
.webphysiology_portfolio .portfolio_credit {
margin: 0;
padding: 0;
text-align: right;
}
.webphysiology_portfolio .portfolio_credit em, .webphysiology_portfolio .portfolio_credit em a {
font-style: italic;
opacity: .85;
}
.webphysiology_portfolio .portfolio_credit em {
font-size: 0.8em;
}
.webphysiology_portfolio .portfolio_credit a {
font-size: 0.95em;
text-decoration: none;
}

0

به اشتراک گذاری این پست


لینک به پست

وارد فایل قالب بشید و CTRL+H برای سرچ کردن باز کنید و عبارتهای :

<div class="key">Type:: </div>

<div class="key">Revenue:: </div>

<div class="key">Minimum Payout:: </div>

<div class="key">Registration Link:: </div>

<div class="key">Details:: </div>

پیدا کنید و بصورت دستی متن رو تغییر بدید.اگه از افزونه خاضی استفاده میکنید پس باید به فایل های اون افزونه وارد بشید.

در صورتی که نتونستید این کار رو انجام بدید دسترسی پ.خ بدید تا براتون در اسرع وقت انجام بدم.

1

به اشتراک گذاری این پست


لینک به پست

کد زیر را به اخر فایل css اضاف کنید


.portfolio_meta {
direction: ltr;
}

1

به اشتراک گذاری این پست


لینک به پست

کد زیر را به اخر فایل css اضاف کنید


.portfolio_meta {
direction: ltr;
}

ممنون از همگی، با همین کد مشکل حل شد

0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری