رفتن به مطلب

تعریف کادربندی برای قسمت پست های مرتبط سایت


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

با سلام

چطور میتونم برای قسمت پست های مرتبط سایت یک کادربندی مشخص کنم ؟ در تصویر زیر با خط قرمز دور ناحیه ای که میخوام کادر بذارم مشخص کردم

post-3689-0-35260300-1405970416_thumb.pn

بنده از افزونه YARPP استفاده می کنم

تشکر

لینک به ارسال

سلام

با اینسپکتور مرورگرتون کلاس مورد نظر رو پیدا کنید و بعد در استایل قالب یا افزونه اضافه کنید این کد رو


border:1px solild #FF0000;

لینک به ارسال

این تمامی کدهای فایل STYLE.CSS افزونه هست


<?php
/**
* Dynamic styles for YARPP's built-in thumbnails template
* @since 4.0
*/
$height = (isset($_GET['height'])) ? (int) $_GET['height'] : 120;
$width = (isset($_GET['width'])) ? (int) $_GET['width'] : 120;
$margin = 5;
$width_with_margins = ($margin * 2) + $width;
$height_with_text = $height + 50;
$extra_margin = 7;
header('Content-Type: text/css');
?>
.yarpp-thumbnails-horizontal .yarpp-thumbnail, .yarpp-thumbnail-default, .yarpp-thumbnail-title {
display: inline-block;
*display: inline;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail {
border: 1px solid rgba(127,127,127,0.1);
width: <?php echo $width_with_margins; ?>px;
height: <?php echo $height_with_text; ?>px;
margin: <?php echo $margin; ?>px;
margin-left: 0px;
vertical-align: top;
}
.yarpp-thumbnail > img, .yarpp-thumbnail-default {
width: <?php echo $width; ?>px;
height: <?php echo $height; ?>px;
margin: <?php echo $margin; ?>px;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail > img, .yarpp-thumbnails-horizontal .yarpp-thumbnail-default {
display: block;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
font-size: 1em;
max-height: 2.8em;
line-height: 1.4em;
margin: <?php echo $extra_margin; ?>px;
margin-top: 0px;
width: <?php echo $width; ?>px;
text-decoration: inherit;
overflow: hidden;
}
.yarpp-thumbnail-default {
overflow: hidden;
}
.yarpp-thumbnail-default > img {
min-height: <?php echo $height; ?>px;
min-width: <?php echo $width; ?>px;
}

چند جا جایگزین کردم ولی تغییری نکرد

لینک به ارسال

در فایل related.css این خط رو پیدا کنید


.yarpp-related

و بهش همون کدی که دادم رو اضافه کنید //

در ضمن رویه هر لینکی که کلیک کردم 4 تا صفحه پاپ اپ دیگه هم باز میکرد ! ... به کاربرهای سایتتون احترام بذارید و پاپ اپ نذارید ;)

لینک به ارسال

در فایل related.css این خط رو پیدا کنید


.yarpp-related

و بهش همون کدی که دادم رو اضافه کنید //

در ضمن رویه هر لینکی که کلیک کردم 4 تا صفحه پاپ اپ دیگه هم باز میکرد ! ... به کاربرهای سایتتون احترام بذارید و پاپ اپ نذارید ;)

چشم فرید جان . میزان هزینه ای برای هاست سایت جدیدم نیاز دارم که احتمالا تا وسطای مرداد تامین میشه . از اون به بعد کد های پاپ آپ از سایت برداشته خواهند شد چون بازدید سایت رو هم نصف کرده

این کد های فایل مورد نظر هست . چندین yarpp-related داره . کجا باید کد مورد نظر رو اضافه کرد ؟


.yarpp-related {
margin: 1em 0 !important;
}
.yarpp-related a{
text-decoration: none !important;
font-weight: bold !important;
}
.yarpp-related .yarpp-thumbnail-title{
text-align: left !important;
font-weight: bold !important;
font-size: 96% !important;
text-decoration: none !important;
}
.yarpp-related h3{
font-weight: bold !important;
padding: 0 0 5px 0 !important;
font-size: 125% !important;
text-transform: capitalize !important;
margin: 0 !important;
}
.yarpp-related .yarpp-promote{
clear: both !important;
background: url(http://api.engage.bidsystem.com/adk_mini_logo.png) no-repeat !important;
float: right !important;
text-indent: -1000px !important;
cursor: pointer !important;
color: #666 !important;
font-size: 11px !important;
height: 17px !important;
width: 78px !important;
}

تشکر :wub:

لینک به ارسال

به همون کد اولی باید اضافه کنید


.yarpp-related {
margin: 1em 0 !important;
}

ینی اینجوری میشه :


.yarpp-related {
margin: 1em 0 !important;
border:1px solild #FF0000;
}

لینک به ارسال

به همون کد اولی باید اضافه کنید


.yarpp-related {
margin: 1em 0 !important;
}

ینی اینجوری میشه :


.yarpp-related {
margin: 1em 0 !important;
border:1px solild #FF0000;
}

اضافه کردم ولی متاسفانه هیچ تغییری رخ نداد . می تونید مشاهده بکنید :(

لینک به ارسال

کش مرورگرتون رو پاک کنید و با ctrl + f5 سایت رو رفرش کنید

من همون کلاسی که بهتون گفتم رو تغییر دادم و برای مطالب کادر افتاد ، نگاه کنید شات رو

post-631-0-80988500-1406274389_thumb.png

لینک به ارسال

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

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

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

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

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

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

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

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

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