رفتن به مطلب

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


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

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


#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: اما مثل شـــــــــــــــــــــیر داره کار میکنه ^_^

لینک به ارسال

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


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

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


}

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

لینک به ارسال

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


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

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


}

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

درود فراوان

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

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

لینک به ارسال

درود فراوان

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

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


@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 نباید علامتی باشه

لینک به ارسال

قبل از [color=#006666][size=2]@font[/size][/color][color=#666600][size=2]-[/size][/color][color=#000000][size=2]face نباید علامتی باشه[/size][/color]

طبق دستورتون انجام شد و منو از کار افتاد. ^_^

ســـوژه شده ها !

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

لینک به ارسال

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

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

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

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

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

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

http://download.ir/

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

http://blog.androidina.net/

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

لینک به ارسال

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

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;}

لینک به ارسال

عذر می خوام کدتون 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');
}

لینک به ارسال

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

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

http://blog.androidina.net/

لینک به ارسال

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


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;
}

لینک به ارسال

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

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

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

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

http://blog.androidina.net/

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

چجوری میتونم

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

http://download.ir/

لینک به ارسال

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


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

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

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

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

http://css3generator.com/

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

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

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

لینک به ارسال

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


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

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

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

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

http://css3generator.com/

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

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

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

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

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

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

لینک به ارسال
  • 1 ماه بعد...

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

لینک به ارسال

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

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

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

لینک به ارسال

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

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


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

لینک به ارسال

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

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


</body>

بزارید کد رو.

لینک به ارسال

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

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

لینک به ارسال
ممنون تمام اموزش رو انجام دادم ولی سایت رو برید ببیند اومده پایین فوتر! 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;
}

لینک به ارسال

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


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;
}

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

فقط یک چیزی

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

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

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

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

با تشکر

لینک به ارسال

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

لینک به ارسال

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

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

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

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

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

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

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

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

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