رفتن به مطلب

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


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

سلام دوستان

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

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

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

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

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

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

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

لینک به ارسال

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


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

لینک به ارسال

صفت 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
لینک به ارسال

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

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

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

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

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

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

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

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

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