درخواست کد ایجاد منو ثابت در اسکرول ؟

::AmiR:: · اردیبهشت 92

مشکل از کد اول شماست این کد باید برطرفش کنه
#wpparsitopmenu * {font-family:'BT' !important, Arial;}

آقا کلیات کار انجام شده از طرف من :

1- اضافه کردن کد زیر به استایل


}
@font-face {
font-family: 'BT';
src: url('Font/BZar.eot'); /* IE6-8 */
src: local('?'),
url('Font/BZar.woff') format('woff'), /* FF3.6, IE9 */
url('Font/BZar.ttf') format('truetype'); /* Saf3+,Chrome,FF3.5,Opera10+ */
}
#wpparsitopmenu {
zoom:1;
left:0px;
right:0px;
width:100%;
background-color: #000;
background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#222));
background-image: -webkit-linear-gradient(top, #000, #222);
background-image: -moz-linear-gradient(top, #000, #222);
background-image:	    -o-linear-gradient(top, #000, #222);
background-image:			    linear-gradient(to bottom, #000, #222);
position:fixed;
height:45px;
line-height:45px;
color:#FFFFFF;
z-index:#99999;
}
#wpparsitopmenu .wpptmnav {
display:inline-block;list-style:none;float:right;margin-right:0px;
}
#wpparsitopmenu .wpptmnav li {
display:inline-block;padding-right:10px;
}
#wpparsitopmenu .wpptmnav li a,
#wpparsitopmenu .wpptmnav li a:link,
#wpparsitopmenu .wpptmnav li a:visited
{
text-decoration:none;color:#ccc;font-size: 12px;
}
#wpparsitopmenu .wpptmnav li a:hover,
#wpparsitopmenu .wpptmnav li a:active
{
text-decoration:none;color:#FFFF00;
}
#wpparsitopmenu form {
display:inline-block;
float:left;
margin-left:100px;
}
#wpparsitopmenu form input[type="text"] {
width:200px;
}
#wpparsitopmenu form input {
margin:0;
}
#wpparsitopmenu * {font-family:'BT'  !important, Arial;}
}

اضافه کردن کد زیر به فوتر


<div id="wpparsitopmenu">
<ul class="wpptmnav">
<li><?php wp_nav_menu( array( 'theme_location' => 'top-menu', 'container' =>'', 'menu_class' =>'topnav' ) ); ?></li>
</ul>
</div>
<script type="text/javascript">
$('#wpparsitopmenu').hide();
function showDiv() {
		 if ($(window).scrollTop() > 160 && $('#wpparsitopmenu').data('positioned') == 'false') {
				 $("#wpparsitopmenu").hide().css({"position": "fixed", "top": "0px"}).fadeIn().data('positioned', 'true');
		 } else if ($(window).scrollTop() <= 160 && $('#wpparsitopmenu').data('positioned') == 'true') {
				 $("#wpparsitopmenu").fadeOut(function() {
						 $(this).css({"position": "fixed", "top": "-50px"}).show();
				 }).data('positioned', 'false');
		 }
}
$(window).scroll(showDiv);
$('#wpparsitopmenu').data('positioned', 'false');
</script>

همچنان فونت Tahoma مونده :blink: اما مثل شـــــــــــــــــــــیر داره کار میکنه

imanfakhar · اردیبهشت 92

فونت BZar که یونی کد نیست فونتهای گروه b در حالت اولیه یونی کد نیستند یا باید فونت Zar را بگذاری یا باید BZar یونی کد رو پیدا کنی که حجمش یک کم بیشتر از BZar معمولیه و فقط پسوند ttf داره و کدش هم می شه


@font-face {
font-family: 'BT';
src: url('Font/BZar.ttf') format('truetype');
}

و در آی ای هم باز نشونش نمی ده و علامت

که بالا سرشه هم نباید باشه

::AmiR:: · اردیبهشت 92

فونت BZar که یونی کد نیست فونتهای گروه b در حالت اولیه یونی کد نیستند یا باید فونت Zar را بگذاری یا باید BZar یونی کد رو پیدا کنی که حجمش یک کم بیشتر از BZar معمولیه و فقط پسوند ttf داره و کدش هم می شه
@font-face {
font-family: 'BT';
src: url('Font/BZar.ttf') format('truetype');
}
و در آی ای هم باز نشونش نمی ده و علامت
}
که بالا سرشه هم نباید باشه

درود فراوان

طبق دستوری که قبلا مبنی بر استفاده فقط از فونت یونیکد داشتید من هم با سرچ یک پکیج دریافت کردم که توش کلیه ی فونت ها رو یونی کد کرده بود و این bzar هم یونی کد شده هست.لازم به ذکر است که این موضوع رو با تغییر نام فونت تیترهام مطمئن شدم و وقتی از bzar استفاده میکنم توی تیترها ، فونت مورد نظر نشون داده میشه.

منظورتون رو از دستور دومتون درست متوجه نشدم ! :mellow:

imanfakhar · اردیبهشت 92

درود فراوان
طبق دستوری که قبلا مبنی بر استفاده فقط از فونت یونیکد داشتید من هم با سرچ یک پکیج دریافت کردم که توش کلیه ی فونت ها رو یونی کد کرده بود و این bzar هم یونی کد شده هست.لازم به ذکر است که این موضوع رو با تغییر نام فونت تیترهام مطمئن شدم و وقتی از bzar استفاده میکنم توی تیترها ، فونت مورد نظر نشون داده میشه.
منظورتون رو از دستور دومتون درست متوجه نشدم !


@font-face {
font-family: 'BT';
src: url('Font/BZar.eot'); /* IE6-8 */
src: local('?'),
url('Font/BZar.woff') format('woff'), /* FF3.6, IE9 */
url('Font/BZar.ttf') format('truetype'); /* Saf3+,Chrome,FF3.5,Opera10+ */
}
#wpparsitopmenu {
zoom:1;
left:0px;
right:0px;
width:100%;
background-color: #000;
background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#222));
background-image: -webkit-linear-gradient(top, #000, #222);
background-image: -moz-linear-gradient(top, #000, #222);
background-image:  -o-linear-gradient(top, #000, #222);
background-image:    linear-gradient(to bottom, #000, #222);
position:fixed;
height:45px;
line-height:45px;
color:#FFFFFF;
z-index:#99999;
}
#wpparsitopmenu .wpptmnav {
display:inline-block;list-style:none;float:right;margin-right:0px;
}
#wpparsitopmenu .wpptmnav li {
display:inline-block;padding-right:10px;
}
#wpparsitopmenu .wpptmnav li a,
#wpparsitopmenu .wpptmnav li a:link,
#wpparsitopmenu .wpptmnav li a:visited
{
text-decoration:none;color:#ccc;font-size: 12px;
}
#wpparsitopmenu .wpptmnav li a:hover,
#wpparsitopmenu .wpptmnav li a:active
{
text-decoration:none;color:#FFFF00;
}
#wpparsitopmenu form {
display:inline-block;
float:left;
margin-left:100px;
}
#wpparsitopmenu form input[type="text"] {
width:200px;
}
#wpparsitopmenu form input {
margin:0;
}
#wpparsitopmenu * {font-family:'BT'  !important, Arial;}
}

درستشه

قبل از @font-face نباید علامتی باشه

::AmiR:: · اردیبهشت 92

قبل از [color=#006666][size=2]@font[/size][/color][color=#666600][size=2]-[/size][/color][color=#000000][size=2]face نباید علامتی باشه[/size][/color]
طبق دستورتون انجام شد و منو از کار افتاد.
ســـوژه شده ها !
مرگ من آقای فخار بیخیال شو ! آخه هروقت میخوام بگم نشد روم نمیشه ! خدایی همین Tahoma خیلی خوبه.مهم اینه که ما هم الان یه منوی خفن داریم !!! آقا بازم دستتون درد نکنه.بزارید وقتتون رو روی این موضوع نگیرم چون کم کم میخوام موضوع زیر منو رو پیش بکشم و اونجا به اندازه ی کافی از شرمندگیتون بیرون میام

Mohamad™ · اردیبهشت 92

تاد با توجه به پست

من چجوری می تونم

۱:از عرض این کم کنم ؟

2:لینک دلخوامو بهش اضافی کنم ؟

3:رنگش رو عوض کنم ؟

4 :جستجو رو قشنگترش کنم مثل این سایت ؟

http://download.ir/

برای بنده اینه :

http://blog.androidina.net/

در ضمن چیکار کنم که زودتر نمایش داده شه ؟

imanfakhar · اردیبهشت 92

تاد با توجه به پست
http://forum.wp-pars...__30#entry66064
من چجوری می تونم
۱:از عرض این کم کنم ؟
2:لینک دلخوامو بهش اضافی کنم ؟
3:رنگش رو عوض کنم ؟
4 :جستجو رو قشنگترش کنم مثل این سایت ؟
http://download.ir/
برای بنده اینه :
http://blog.androidina.net/
در ضمن چیکار کنم که زودتر نمایش داده شه ؟

1.

اندازه رو در استایل به % بدید و از چپ و راست هم درصد های مناسب بدید که وسط صفحه قرار بگیره

سئوالات 2و3و4 تون با توجه به سطح آشناییتون

آشنایی با وردپرس حرفه ای
سطح برنامه نویسی مبتدی
آشنایی با طراحی متوسط

برام جا نیافتاد

ولی اگر منظورتون ایجاد پیوند عادیه و تغییر دادن رنگ و شکل ظاهری که در بخش HTML - jQuery - CSS سایت جستجو کنید مقالات مفیدی پیدا می کنید به هر حال اگر الفبای طراحی و کد نویسی رو ندونید به مشکل خواهید خورد و پیشنهاد می کنم به قالبتون دست نزنید و کارتون رو در قالب پروژه به یکی از دوستان بدید تا براتون اجرا کنه

طبق دستورتون انجام شد و منو از کار افتاد.
ســـوژه شده ها !
مرگ من آقای فخار بیخیال شو ! آخه هروقت میخوام بگم نشد روم نمیشه ! خدایی همین Tahoma خیلی خوبه.مهم اینه که ما هم الان یه منوی خفن داریم !!! آقا بازم دستتون درد نکنه.بزارید وقتتون رو روی این موضوع نگیرم چون کم کم میخوام موضوع زیر منو رو پیش بکشم و اونجا به اندازه ی کافی از شرمندگیتون بیرون میام

شما چرا اینقدر آکولاد اضافی داری

بی زحمت چک کنید هر بار آکولاد باز می شه باید یکبار بسته بشه نه بیشتر


@font-face {
font-family: 'BT';
src: url('Font/BZar.eot'); /* IE6-8 */
src: local('?'),
url('Font/BZar.woff') format('woff'), /* FF3.6, IE9 */
url('Font/BZar.ttf') format('truetype'); /* Saf3+,Chrome,FF3.5,Opera10+ */
}
#wpparsitopmenu {
zoom:1;
left:0px;
right:0px;
width:100%;
background-color: #000;
background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#222));
background-image: -webkit-linear-gradient(top, #000, #222);
background-image: -moz-linear-gradient(top, #000, #222);
background-image:  -o-linear-gradient(top, #000, #222);
background-image:       linear-gradient(to bottom, #000, #222);
position:fixed;
height:45px;
line-height:45px;
color:#FFFFFF;
z-index:#99999;
}
#wpparsitopmenu .wpptmnav {
display:inline-block;list-style:none;float:right;margin-right:0px;
}
#wpparsitopmenu .wpptmnav li {
display:inline-block;padding-right:10px;
}
#wpparsitopmenu .wpptmnav li a,
#wpparsitopmenu .wpptmnav li a:link,
#wpparsitopmenu .wpptmnav li a:visited
{
text-decoration:none;color:#ccc;font-size: 12px;
}
#wpparsitopmenu .wpptmnav li a:hover,
#wpparsitopmenu .wpptmnav li a:active
{
text-decoration:none;color:#FFFF00;
}
#wpparsitopmenu form {
display:inline-block;
float:left;
margin-left:100px;
}
#wpparsitopmenu form input[type="text"] {
width:200px;
}
#wpparsitopmenu form input {
margin:0;
}
#wpparsitopmenu * {font-family:'BT'  !important, Arial;}

imanfakhar · اردیبهشت 92

عذر می خوام کدتون 2 سه تا خورده کاری دیگه هم داشت این کد رو با تمام مرورگرها چک کردم بجز ie ظاهرا فقط فونت iran nastaliq رو خوب می شناسه روی همه نمایشگرها کار کرد


body {
font-family:Tahoma;
}
#wpparsitopmenu {
zoom:1;
left:0px;
right:0px;
width:100%;
background-color: #000;
background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#222));
background-image: -webkit-linear-gradient(top, #000, #222);
background-image: -moz-linear-gradient(top, #000, #222);
background-image:  -o-linear-gradient(top, #000, #222);
background-image:	   linear-gradient(to bottom, #000, #222);
position:fixed;
height:45px;
line-height:45px;
color:#FFFFFF;
z-index:#99999;
}
#wpparsitopmenu .wpptmnav {
display:inline-block;list-style:none;float:right;margin-right:0px;
}
#wpparsitopmenu .wpptmnav li {
display:inline-block;padding-right:10px;
}
#wpparsitopmenu .wpptmnav li a,
#wpparsitopmenu .wpptmnav li a:link,
#wpparsitopmenu .wpptmnav li a:visited
{
text-decoration:none;color:#ccc;font-size: 12px;
}
#wpparsitopmenu .wpptmnav li a:hover,
#wpparsitopmenu .wpptmnav li a:active
{
text-decoration:none;color:#FFFF00;
}
#wpparsitopmenu form {
display:inline-block;
float:left;
margin-left:100px;
}
#wpparsitopmenu form input[type=text] {
width:200px;
}
#wpparsitopmenu form input {
margin:0;
}
#wpparsitopmenu * {
font-family:'BT', Arial !important;
}
@font-face {
font-family: 'BT';
src: url('Font/B Zar.ttf') format('truetype');
}

Mohamad™ · خرداد 92

استاد جون فقط موند تغییر رنگ اگر بگید ممنون میشم من تمامی کد رو که کد رنگ بود تغییر دادم ولی فرقی نکرد ؟

کد لینک ها و کد زیر منو (رنگ مشکی) رو میخواهم تغییر بدم

http://blog.androidina.net/

imanfakhar · خرداد 92

برای تغییر رنگ پس زمینه این کد را حذف کنید


background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#222));
background-image: -webkit-linear-gradient(top, #000, #222);
background-image: -moz-linear-gradient(top, #000, #222);
background-image:  -o-linear-gradient(top, #000, #222);
background-image:   linear-gradient(to bottom, #000, #222);

و رنگ مورد نظرتون رو در اینجا جایگزین صفرها کنید


background-color: #000;

تغییر مقدار color رنگ پیوندها را عوض می کنه


#wpparsitopmenu .wpptmnav li a,
#wpparsitopmenu .wpptmnav li a:link,
#wpparsitopmenu .wpptmnav li a:visited
{
text-decoration:none;color:#ccc;
}

و همون تغییر در این کد رنگ هاور(حالت اشاره موس)


#wpparsitopmenu .wpptmnav li a:hover,
#wpparsitopmenu .wpptmnav li a:active
{
text-decoration:none;color:#FFF;
}

Mohamad™ · خرداد 92

استاد عزیز ممنون از شما

فقط موند دو تا چیز دیگه که فکر کنم حل میشه

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

یعنی وقتی میاییم زیر هدر نمایش شروع بشه

http://blog.androidina.net/

و یه چیز دیگه بخش جستجو هستش توی همین منو

چجوری میتونم

جستجو رو قشنگترش کنم مثل این سایت ؟

http://download.ir/

imanfakhar · خرداد 92

در کد دو بار عدد 450 تکرار شده


if ($(window).scrollTop() > 450

و دو خط پایین ترش عدد را کمکنید مثلا 300 بگذارید و تست بگیرید

فکر کنم 300 یا 350 نظر شما رو تامین کنه دقت کنید که هر دو عدد باید یکی باشند

من فرصت لود کردن سایت های دیگه رو ندارم برای ایجاد تغییراتی اینچنینی نیازی به دستکاری کد نیست می تونه کد سرجاش باشه و استایل موردنظرتون رو سر فرصت به فایل style.css اضافه کنید برای اینکار مقالات css بخش html php css این سایت را بخوانید + استفاده از ژنراتورهایی مثل

http://css3generator.com/

و کدی که دریافت می کنید رو به کلاس فرم لاگ این در style.css نسبت بدید

من اسمم ایمان فخاره

استاد اسم یک گروه کاربری در انجمنه و ارتباطی با استاد بودن یا اسم و صفت و لقب استاد نداره

Mohamad™ · خرداد 92

در کد دو بار عدد 450 تکرار شده
if ($(window).scrollTop() > 450
و دو خط پایین ترش عدد را کمکنید مثلا 300 بگذارید و تست بگیرید
فکر کنم 300 یا 350 نظر شما رو تامین کنه دقت کنید که هر دو عدد باید یکی باشند
من فرصت لود کردن سایت های دیگه رو ندارم برای ایجاد تغییراتی اینچنینی نیازی به دستکاری کد نیست می تونه کد سرجاش باشه و استایل موردنظرتون رو سر فرصت به فایل style.css اضافه کنید برای اینکار مقالات css بخش html php css این سایت را بخوانید + استفاده از ژنراتورهایی مثل
http://css3generator.com/
و کدی که دریافت می کنید رو به کلاس فرم لاگ این در style.css نسبت بدید
من اسمم ایمان فخاره
استاد اسم یک گروه کاربری در انجمنه و ارتباطی با استاد بودن یا اسم و صفت و لقب استاد نداره

ممنون استاد عزیز

میدونم اقا ایمان فخاره

قبل از این انجمن در انجمن های وردپرس پارسی و نت افتخار اشنایی با شمارو دارم اما واقعا شما به مانند یه استاد واقعی پاسخ میدهید به همین دلیل کلمه استاد رو براتون به کار میبرم

hamidrta · مرداد 92

ممنون ولی خیلی سخت بود متوجه شدن کاش یک اموزش درست حسابی داشت الان من می خوام اینجوری داشته باشم تویه سایتم...

karaneha · مرداد 92

ممنون ولی خیلی سخت بود متوجه شدن کاش یک اموزش درست حسابی داشت الان من می خوام اینجوری داشته باشم تویه سایتم...

دیگه واقعا نمی دونم ازین واضحتر، چطور باید توضیح داد؟؟؟؟

جناب استاد فخار گرامی خیلی خوب توضیح دادن. مشکلتون رو جزئی تر بیان کنید... کجاشو متوجه نشدید؟؟؟ از ابتدای بحث از صفحه ی اولش شروع به خوندن کنید ، شاید بهتر متوجه بشید.

hamidrta · مرداد 92

من این کد رو دقیقا کجایه قالبم و کجا باید بزارم؟

و به جای کد شما چی بزارم ؟


<div style="position:fixed">
Your menu
</div>

**Morteza** · مرداد 92

مد فوق رو در اول یا آخر body قرار بدید و تست کنید

hamidrta · مرداد 92

مد فوق رو در اول یا آخر body قرار بدید و تست کنید

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

Farzad · مرداد 92

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

قبل از بسته شدن بادی ، یعنی قبل از


</body>

بزارید کد رو.

imanfakhar · مرداد 92

ممنون ولی خیلی سخت بود متوجه شدن کاش یک اموزش درست حسابی داشت الان من می خوام اینجوری داشته باشم تویه سایتم...

جستجو کنید در بخش آموزش آموزش کاملش هم هست

imanfakhar · مرداد 92

http://forum.wp-parsi.com/tutorials/article/292-%D8%A7%DB%8C%D8%AC%D8%A7%D8%AF-%D9%86%D9%88%D8%A7%D8%B1-%D9%85%D9%86%D9%88%DB%8C-%D8%A8%D8%A7%D9%84%D8%A7%DB%8C-%D8%B5%D9%81%D8%AD%D9%87/

hamidrta · مرداد 92

ممنون

تمام اموزش رو انجام دادم ولی سایت رو برید ببیند

اومده پایین فوتر!

www.mashhadia.ir

imanfakhar · مرداد 92

ممنون تمام اموزش رو انجام دادم ولی سایت رو برید ببیند اومده پایین فوتر! www.mashhadia.ir

سایتتون برام باز نشدذ اما اگر نوار در زیر سایت مانده این دو کد را به استایل بندی اضافه نکرده اید


body {
margin-top:32px !important;
}
#topMenu {
position:absolute;
display:block;
right:0;
left:0;
top:0;
margin:0;
height:32px;
background:#444;
color:#fff;
border-bottom:1px #222 solid;
}

hamidrta · مرداد 92

سایتتون برام باز نشدذ اما اگر نوار در زیر سایت مانده این دو کد را به استایل بندی اضافه نکرده اید
body {
margin-top:32px !important;
}
#topMenu {
position:absolute;
display:block;
right:0;
left:0;
top:0;
margin:0;
height:32px;
background:#444;
color:#fff;
border-bottom:1px #222 solid;
}

ممنون مشکلم حل شد

فقط یک چیزی

الان این منو چرا ثابت نیست؟

می خوام وقتی بالا و پایین میری ثابت باشه!

وباید لینک از تویه همون کدی که تویه فوتر گذاشتم تعریف کننم؟

جوری که می خوام تویه لینک جدید باز بشه

با تشکر

imanfakhar · مرداد 92

برای ثابت ماندن absolute را در خط پنجم کد بالا به fixed تبدیل کنید برای باز شدن در صفحه جدید به پیوندها target="_blank" اضافه کنید و برای داینامیک نمودن منو آموزش را تا انتها بخوانید

درخواست کد ایجاد منو ثابت در اسکرول ؟

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

::AmiR:: 258

لینک به ارسال

imanfakhar 26231

لینک به ارسال

::AmiR:: 258

لینک به ارسال

imanfakhar 26231

لینک به ارسال

::AmiR:: 258

لینک به ارسال

Mohamad™ 10

لینک به ارسال

imanfakhar 26231

لینک به ارسال

imanfakhar 26231

لینک به ارسال

Mohamad™ 10

لینک به ارسال

imanfakhar 26231

لینک به ارسال

Mohamad™ 10

لینک به ارسال

imanfakhar 26231

لینک به ارسال

Mohamad™ 10

لینک به ارسال

hamidrta 7

لینک به ارسال

karaneha 27

لینک به ارسال

hamidrta 7

لینک به ارسال

Morteza 34190

لینک به ارسال

hamidrta 7

لینک به ارسال

Farzad 3805

لینک به ارسال

imanfakhar 26231

لینک به ارسال

imanfakhar 26231

لینک به ارسال

hamidrta 7

لینک به ارسال

imanfakhar 26231

لینک به ارسال

hamidrta 7

لینک به ارسال

imanfakhar 26231

لینک به ارسال

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