سوال درباره منو ثابت
سفارش تبليغات در انجــمن قالب گراف ورود به تاپيک اطلاعيه هاي تابستانه قالب گراف
امور گرافيکي و کدنويسي وب خود را به جي جي ميزبان بسپاريد
نام کاربري : پسورد : فراموش
سلام

چه جوری یه منو ثابت مثل لینک زیر برای وردپرس بزارم؟
http://up.ghalebgraph.ir/up/galebgraph/media/pouya/fixed-menu/fixedmenu.html
پاسخ ها
ابتدا شما این استایل رو در ویرایشگر قالبتون بخش Stylesheet قرار میدید

کد:
@font-face {
font-family:'Mj_Casablanca';/*ŲŖŲ¹Ų±ŪŒŁ ŪŒŚ© Ł†Ų§Ł… ŲØŲ±Ų§ŪŒ ŁŁˆŁ†ŲŖ*/
src:url('fonts/Mj_Casablanca.eot');/*Ų§Ś©Ų³Ł¾Ł„ŁˆŲ±Ų± 9 ŲØŁ‡ ŲØŲ¹ŲÆ*/
src:local('Mj_Casablanca'),/*ŲØŲ±Ų±Ų³ŪŒ Ł†ŲµŲØ ŲØŁˆŲÆŁ† ŁŁˆŁ†ŲŖ ŲÆŲ± Ų³ŪŒŲ³ŲŖŁ… Ś©Ų§Ų±ŲØŲ±*/
local('Mj_Casablanca'),/*ŲØŲ±Ų§ŪŒ ŲØŲ±Ų®ŪŒ Ų§Ų² Ł…Ų±ŁˆŲ±ŚÆŲ±Ł‡Ų§ Ł…Ų§Ł†Ł†ŲÆ Ų³Ų§ŁŲ§Ų±ŪŒ*/
url('fonts/Mj_Casablanca.eot?#iefix') format('embedded-opentype'),/*Ł‡Ś© ŲØŲ±Ų§ŪŒ Ų§Ś©Ų³Ł¾Ł„ŁˆŲ±Ų± 8 Łˆ Ł…Ų§Ł‚ŲØŁ„*/
url('fonts/Mj_Casablanca.woff') format('woff'),/*Ł…Ų±ŁˆŲ±ŚÆŲ± Ł‡Ų§ŪŒ Ų¬ŲÆŪŒŲÆ*/
url('fonts/Mj_Casablanca.ttf') format('truetype'),/*ŲŖŁ…Ų§Ł… Ł…Ų±ŁˆŲ±ŚÆŲ±Ł‡Ų§ ŲØŁ‡ Ų¬Ų²Ų� Ų§Ś©Ų³Ł¾Ł„ŁˆŲ±Ų±*/
url('fonts/Mj_Casablanca.svg#yekan') format('svg');/*Ł†Ų³Ų®Ł‡ Ł‡Ų§ŪŒ Ł‚ŲÆŪŒŁ…ŪŒ Ų³ŪŒŲ³ŲŖŁ… Ų¹Ų§Ł…Ł„ iOS*/
font-style:normal;
font-weight:normal;
}

@font-face {
font-family:'MjSmooth';/*ŲŖŲ¹Ų±ŪŒŁ ŪŒŚ© Ł†Ų§Ł… ŲØŲ±Ų§ŪŒ ŁŁˆŁ†ŲŖ*/
src:url('fonts/MjSmooth.eot');/*Ų§Ś©Ų³Ł¾Ł„ŁˆŲ±Ų± 9 ŲØŁ‡ ŲØŲ¹ŲÆ*/
src:local('MjSmooth'),/*ŲØŲ±Ų±Ų³ŪŒ Ł†ŲµŲØ ŲØŁˆŲÆŁ† ŁŁˆŁ†ŲŖ ŲÆŲ± Ų³ŪŒŲ³ŲŖŁ… Ś©Ų§Ų±ŲØŲ±*/
local('MjSmooth'),/*ŲØŲ±Ų§ŪŒ ŲØŲ±Ų®ŪŒ Ų§Ų² Ł…Ų±ŁˆŲ±ŚÆŲ±Ł‡Ų§ Ł…Ų§Ł†Ł†ŲÆ Ų³Ų§ŁŲ§Ų±ŪŒ*/
url('fonts/MjSmooth.eot?#iefix') format('embedded-opentype'),/*Ł‡Ś© ŲØŲ±Ų§ŪŒ Ų§Ś©Ų³Ł¾Ł„ŁˆŲ±Ų± 8 Łˆ Ł…Ų§Ł‚ŲØŁ„*/
url('fonts/MjSmooth.woff') format('woff'),/*Ł…Ų±ŁˆŲ±ŚÆŲ± Ł‡Ų§ŪŒ Ų¬ŲÆŪŒŲÆ*/
url('fonts/MjSmooth.ttf') format('truetype'),/*ŲŖŁ…Ų§Ł… Ł…Ų±ŁˆŲ±ŚÆŲ±Ł‡Ų§ ŲØŁ‡ Ų¬Ų²Ų� Ų§Ś©Ų³Ł¾Ł„ŁˆŲ±Ų±*/
url('fonts/MjSmooth.svg#yekan') format('svg');/*Ł†Ų³Ų®Ł‡ Ł‡Ų§ŪŒ Ł‚ŲÆŪŒŁ…ŪŒ Ų³ŪŒŲ³ŲŖŁ… Ų¹Ų§Ł…Ł„ iOS*/
font-style:normal;
font-weight:normal;
}

/*----- cut style -----*/

* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

ul,li{
margin: 0px;
padding: 0px;
}

img {
max-width: 100%;
height: auto;
}

video {
max-width: 100%;
height: auto;
}

a{
text-decoration: none;
}

body{
height: 1000px;
background-color: #f3f3f3;
direction: rtl;
margin: 0px;
font-size: 16px;
font-family: BYekan;
overflow-x: hidden;
padding: 0px;
color: #fff;
}

table,tr,td{
font-size: 16px;
font-family: BYekan;
}

.container {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}

/*----- cut style -----*/

.nav-menu {
width: 100%;
height: 50px;
background-color: #4d4f53;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-family: Mj_Casablanca;
z-index: 10000;
position: fixed;
top: 0;
}

.nav-menu li {
display: inline-block;
margin: 10px;
border-bottom: 2px solid #4d4f53;
padding: 0 0 2px 0;
transition: 0.5s;
}

.nav-menu a {
color: #d7d7d8;
}

.nav-menu span {
display: inline-block;
text-align: center;
margin-right: 10px;
}

.nav-menu i {
font-size: 33px;
text-align: center;
}

.nav-menu li:hover {
border-bottom: 2px solid #d7d7d8;
}




به بخش header.php وارد بشید و کد زیر رو قبل از

کد:
</head>



قرار بدید

کد:
<link href="https://use.fontawesome.com/eb7c103c0c.css" media="all" rel="stylesheet">



حالا در همون بخش header.php اگه میخواید کد در بالای وب سایت قرار بگیره کافیه کد زیر رو بعد از

کد:
</body>



کد:
<div class="container">
<div class="nav-menu">
<ul>
<li><a href="#"><i class="fa fa-home"></i><span>صفحه اصلی<br>home page</span></a></li>
<li><a href="#"><i class="fa fa-user-circle-o"></i><span>انجمن سایت<br>forum</span></a></li>
<li><a href="#"><i class="fa fa-shopping-cart"></i><span>فروشگاه<br>shop</span></a></li>
<li><a href="#"><i class="fa fa-diamond"></i><span>طراحی و کدنویسی<br>coding</span></a></li>
<li><a href="#"><i class="fa fa-credit-card"></i><span>درگاه پرداخت<br>payment</span></a></li>
<li><a href="#"><i class="fa fa-bars"></i><span>تعرفه تبلیغات<br>Advertise</span></a></li>
<li><a href="#"><i class="fa fa-map"></i><span>نقشه سایت<br>site map</span></a></li>
<li><a href="#"><i class="fa fa-envelope"></i><span>تماس با ما<br>contact</span></a></li>
</ul>
</div>
</div>



قرار بدید

تموم شد رفت موفق باشید
امضاي کاربر :


براي نمايش پاسخ جديد نيازي به رفرش صفحه نيست روي تازه سازي پاسخ ها کليک کنيد !



برای ارسال پاسخ ابتدا باید لوگین یا ثبت نام کنید.