TC98

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

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

سلام دوستان

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

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

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

1

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


لینک به پست

سلام

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


<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

1

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


لینک به پست

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

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

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

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


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

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

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


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