SadraHkm

سوال در مورد سایت های شخصی

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

سلام دوستان

این سایت رو ببینید

http://fmedias.com/surmoi/index.html

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

اگر سایت رو ببینید متوجه میشید چی میگم . وقتی روی مثلا پروفایل کلیک میکنم لینکش اینه :

http://fmedias.com/surmoi/index.html#!about

چطوری درستش کرده ؟

ممنون میشم اگه جواب بدید

0

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


لینک به پست

صفت href رو روی آیدی اون قسمت تنظیم کنید. مثلا اگه یه section با id="about" دارید، روی لینک تنظیم کنید:


<a href="#about">about</a>

0

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


لینک به پست

ارسال شده در (ویرایش شده)

صفت href رو روی آیدی اون قسمت تنظیم کنید. مثلا اگه یه section با id="about" دارید، روی لینک تنظیم کنید:


<a href="#about">about</a>

بعد اگر بخوایم بگیم وقتی روش کلیک شد display اون id بلاک بشه، چی باید نوشت ؟ چون من یک بار این کد رو زدم ولی وقتی کلیک میکنم زود میاد و میره .


.page_icon:active, .page_icon:focus { display:block. }

مثل همین کد که توی یه تاپیک دیگه داده بودم :


<div class="right-siderbar"><div class="head"><h5>فهرست ها</h5></div>
<ul>
<li><a href="#">سیاسی</a></li>
<li><a href="#">اقتصادی</a></li>
<li><a href="#">فرهنگی و مذهبی</a>
<ul><li><a href="#">نظامی</a></li><li><a href="#">نظامی</a></li><li><a href="#">نظامی</a></li></ul>
</li>
<li><a href="#">داخلی</a></li>
<li><a href="#">اندیشه امام و رهبری</a>
</li>
</ul>
</div>
.right-siderbar ul li ul { background:#efefef ; margin: 5px 0 0 0; display:none ; transition:all 0.9s ; z-index:1}
.right-siderbar ul li:active ul { display:block ; z-index:3 }
.right-siderbar ul li ul li { margin:0 40px 0 0 ; transition:all 0.9s ;}
.right-siderbar ul li ul li a { border-right: 0px;}

ویرایش شده در توسط hcp90
0

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


لینک به پست

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

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

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

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


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

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

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


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