رفتن به مطلب

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


<!DOCTYPE html>
<html>
<head>
<style>
#moisrex-link{box-shadow:0px 0px 3px;-moz-box-shadow:0px 0px 3px;-o-box-shadow:0px 0px 3px;-webkit-box-shadow:0px 0px 3px;-ms-box-shadow:0px 0px 3px;text-align:right;direction:rtl;background-color:bisque;padding:10px;width: 50%;height:50%;position:fixed;top:120%;right:-100px;margin: auto;z-index:100000;-webkit-transition: 0.6s ease;-moz-transition: 0.6s ease;-o-transition: 0.6s ease;transition: 0.6s ease;font-size:12px;}
#moisrex-link:target{top:20%;right:25%}
.moisrex-legend{position:relative;top:-20px;right:-20px;width:20px;height:20px;background:#000;border-radius:100px;color:#fff;text-align:center;font-weight:900;box-shadow:0px 0px 5px black}
.moisrex-legend a{color:#fff;text-decoration:none;font-size:20px;font-weight:900}
.hide{position:relative;top:-10px;right:-10px;}
#hide{position:relative;top:0px;left:0px;display:none}
#hide:target{position:relative;top:0px;left:0px;display:none}
</style>
</head>
<body>
<p><a href="#moisrex-link">برای اطلاعات بیشتر اینجا کلیک کنید.</a></p>
<div id="moisrex-link"><div class="moisrex-legend"><a href="#hide">×</a></div>
متن شما در اینجا قرنتنتنتار می گیرد.
</div>
</body>
</html>

سلام :( :( :(

اقا من این کد رو اومدم تغییر بدم خراب شد و دیگه اونجایی که باید متن قرار بدم نمیشه قرار داد و نمیخونه.کسی میتونه درستش کنه؟

لینک به ارسال

سلام :( :( :(

اقا من این کد رو اومدم تغییر بدم خراب شد و دیگه اونجایی که باید متن قرار بدم نمیشه قرار داد و نمیخونه.کسی میتونه درستش کنه؟

سلام. کدتون که ظاهرا درست هست . کد زیرو تست کنید (مرتب شده هست)


<!DOCTYPE html>
<html>
<head>
<style>
#moisrex-link {
box-shadow: 0px 0px 3px;
-moz-box-shadow: 0px 0px 3px;
-o-box-shadow: 0px 0px 3px;
-webkit-box-shadow: 0px 0px 3px;
-ms-box-shadow: 0px 0px 3px;
text-align: right;
direction: rtl;
background-color: bisque;
padding: 10px;
width: 50%;
height: 50%;
position: fixed;
top: 120%;
right: -100px;
margin: auto;
z-index: 100000;
-webkit-transition: 0.6s ease;
-moz-transition: 0.6s ease;
-o-transition: 0.6s ease;
transition: 0.6s ease;
font-size: 12px;
}

#moisrex-link:target {
top: 20%;
right: 25%
}

.moisrex-legend {
position: relative;
top: -20px;
right: -20px;
width: 20px;
height: 20px;
background: #000;
border-radius: 100px;
color: #fff;
text-align: center;
font-weight: 900;
box-shadow: 0px 0px 5px black
}

.moisrex-legend a {
color: #fff;
text-decoration: none;
font-size: 20px;
font-weight: 900
}

.hide {
position: relative;
top: -10px;
right: -10px;
}

#hide {
position: relative;
top: 0px;
left: 0px;
display: none
}

#hide:target {
position: relative;
top: 0px;
left: 0px;
display: none
}
</style>
</head>
<body>
<p><a href="#moisrex-link">برای اطلاعات بیشتر اینجا کلیک کنید.</a></p>
<div id="moisrex-link">
<div class="moisrex-legend"><a href="#hide">×</a></div>
متن شما در اینجا قرنتنتنتار می گیرد.
</div>
</body>
</html>

ویرایش شده توسط Milad Rafi
لینک به ارسال
سلام. کدتون که ظاهرا درست هست . کد زیرو تست کنید (مرتب شده هست)

[url="#moisrex-link"]برای اطلاعات بیشتر اینجا کلیک کنید.[/url]

[url="#hide"]×[/url]متن شما در اینجا قرنتنتنتار می گیرد.

تشکر.ممنون که درستش کردید

لینک به ارسال

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

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

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

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

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

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

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

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

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