رفتن به مطلب

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


پست های پیشنهاد شده

سلام دوستان

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

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

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

Type::

Revenue::

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

::Type

::Revenue

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

لینک به ارسال

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

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

display:inline-block;

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

لینک به ارسال

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

کل 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;
}

لینک به ارسال

وارد فایل قالب بشید و 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>

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

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

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...