رفتن به مطلب

افزونه ارسال خرابی لینک/ درخواست لینک جدید


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

سلام دوستان

من دو تا دکمه توی هر پستم هست. گزارش لینک جدید و گزارش خرابی لینک

میخوام وقتی روی هرکدوم کلیلک میشه یه صفحه پاپ اپ باز بشه که توش بتونن اطلاعات رو وارد کنن(در حد اسم نسخه جدید / توضیح در مورد لینک خراب) و ارسالش کنن.

هرچی توی نت گشتم چیزی پیدا نکردم که بشه فرم ساخت و بعد بشه به صورت پاپ اپ و الصاق به دکمه، ازش استفاده کرد.

لینک به ارسال

سلام

این کدها رو در هدر یا فوتر بزارید:


<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/redmond/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#OpenDialog").click(function () {
$("#dialog").dialog({modal: true, height: 590, width: 1005 });
});
});
</script>

این ها رو هم در فایل style.css قالب:


.button {
text-align:center;
font-family: B Yekan;
float:right;
display: inline-block;
height: 50px;
line-height: 50px;
padding-right: 30px;
padding-left: 70px;
position: relative;
background-color:rgb(41,127,184);
color:rgb(255,255,255);
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 15px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
text-shadow:0px 1px 0px rgba(0,0,0,0.5);
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true);
-moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
-webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
box-shadow:0px 2px 2px rgba(0,0,0,0.2);
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)";
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true);
}
.button span {
position: absolute;
left: 0;
width: 50px;
background-color:rgba(0,0,0,0.5);

-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-right: 1px solid rgba(0,0,0,0.15);
}
.button:hover span, .button.active span {
background-color:rgb(0,102,26);
border-right: 1px solid rgba(0,0,0,0.3);
}
.button:active {
margin-top: 2px;
margin-bottom: 13px;
-moz-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
-webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
box-shadow:0px 1px 0px rgba(255,255,255,0.5);
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true)";
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true);
}
.button.red {
background: #E74C3C none repeat scroll 0% 0%;
}

و در نهایت این کد رو در مکانی که دوست دارید (مثلا فایل single.php) نمایش داده بشه:


<a id="OpenDialog" href="#" class="button red"><span>✓</span>گزارش</a>
<div style="display:none;direction:rtl;" id="dialog" title="تست">
<p>test</p>
</div>

به جای تست متن دلخواه خودتون یا کد فرم گزارش رو بزارید.

می تونید استایل رو به دلخواه شخصی سازی کنید.

این هم یک فایل نمونه:

test.html

لینک به ارسال

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

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

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

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

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

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

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

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

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