مشکل در کد

vahab22 · تیر 94


<!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 · تیر 94

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

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


<!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>

ویرایش شده تیر 94 توسط Milad Rafi

vahab22 · تیر 94

سلام. کدتون که ظاهرا درست هست . کد زیرو تست کنید (مرتب شده هست)
[url="#moisrex-link"]برای اطلاعات بیشتر اینجا کلیک کنید.[/url]

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

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

ورود

مشکل در کد

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

vahab22 1

لینک به ارسال

Milad Rafi 1294

لینک به ارسال

vahab22 1

لینک به ارسال

لطفا برای ارسال دیدگاه وارد شوید

فهرست بخش ها

فعالیت ها