amin1

کمک در طراحی قالب**مهم**

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

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

اگه ممکنه در مورد این منو منو راهنمایی کنید

[ATTACH=CONFIG]5978[/ATTACH]

من می خوام اون قسمت ابی رنگ تیره هست ها به شکل بیضی کمی سایزشو کوچیک کنم

و اون رنگ ابی روشن هم که هاور شده رو شکل بیضی اعما کنم ولی نمی تونم

اینم کد منوها

اگه ممکنه توضیح بدین هرتیتر از سی اس اس ها که نوشتن کجای منو رو تغیر میدن مثلا هاورو پس زمینه لینک ها تو منو...

لطفا راهنمایی کنید

/*::::: menu :::::*/

#menu .moduletable {
direction:rtl;
}

#menu .moduletable .menu,
#menu .moduletable .menu ul,
#menu .moduletable .menu li,
#menu .moduletable .menu a {
   margin:0;
   padding: 0;
   border: none;
   outline: none;
margin-top:5px;


}

#menu .moduletable .menu {
   height: 50px;
   width: 980px;
   background:#35302f;
   background: -webkit-linear-gradient(top, #da6a4c 0%,#da6a4c 100%);
   background: -moz-linear-gradient(top, #35302f 0%,#35302f 100%);
   background: -o-linear-gradient(top, #da6a4c 0%,#da6a4c 100%);
   background: -ms-linear-gradient(top, #da6a4c 0%,#da6a4c 100%);
   background: linear-gradient(top, #da6a4c 0%,#da6a4c100%);

   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;

}

#menu .moduletable .menu li {
   position: relative;
   list-style: none;
   display: block;
   height: 40px;
float: right;
border-radius:8px;
background-color:#1c559b;
margin:5px 2px 0px 2px;
margin-bottom:-40px;

}
#menu .moduletable .menu ul { display: none; }

#menu .moduletable .menu li a {
   display: block;
padding:0 20px ;

margin:5px 5px 5px 5px;
line-height: 28px;
   text-decoration:none;

   border-right: -1px solid #375594;
   border-left: -1px solid #09348d;

font-family:'pars'!important;
   font-family: Helvetica, Arial, sans-serif;
   font-weight: bold;
   font-size: 13px;

    color:#FFFFFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,.6);
   -webkit-transition: color .2s ease-in-out;
   -moz-transition: color .2s ease-in-out;
   -o-transition: color .2s ease-in-out;
   -ms-transition: color .2s ease-in-out;
   transition: color .2s ease-in-out;
}

#menu .moduletable .menu li:first-child a { border-right: none; }
#menu .moduletable .menu li:last-child a{ border-left: none; }
#menu .moduletable .menu li:hover a {box-shadow:inset 0 50px 2px #5cc7f3; }

Share this post


Link to post
Share on other sites
آموزش ووکامرس قالب جوملا قالب وردپرس قالب رایگان وردپرس قالب رایگان جوملا هاست نامحدود هاست جوملا هاست لاراول هاست وردپرس هاست ارزان هاست ربات تلگرام خرید دامنه آموزش ساخت ربات تلگرام با php آموزش لاراول آموزش cPanel آموزش php آموزش فرم ساز RSform آموزش ساخت ربات جذب ممبر آموزش ساخت ربات دوستیابی آموزش ساخت ربات فروشگاهی برای ووکامرس آموزش طراحی سایت داینامیک با php آموزش بخش پشتیبانی با rsticket

درود

برای کوچیک کردن سایز منوها این کد رو تغییر بده

#menu .moduletable .menu li {
   position: relative;
   list-style: none;
   display: block;
   height: 40px;
float: right;
border-radius:8px;
background-color:#1c559b;
margin:5px 2px 0px 2px;
margin-bottom:-40px;

و برای گرد کردن گوشه های هاور هم سطر آخر رو اینجور تغییر بده

#menu .moduletable .menu li:hover a {box-shadow:inset 0 50px 2px #5cc7f3; border-radius:عدد دلخواهpx; }

Share this post


Link to post
Share on other sites

سلام عیدتون مبارک

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

#menu .moduletable {
direction:rtl;
}

#menu .moduletable .menu,
#menu .moduletable .menu ul,
#menu .moduletable .menu li,
#menu .moduletable .menu a {

#menu .moduletable .menu {

#menu .moduletable .menu li {

#menu .moduletable .menu ul { display: none; }

#menu .moduletable .menu li a {

#menu .moduletable .menu li:first-child a { border-right: none; }
#menu .moduletable .menu li:last-child a{ border-left: none; }
#menu .moduletable .menu li:hover a {box-shadow:inset 0 50px 2px #5cc7f3; }

این کدهایی رو که مشخص کردم برای چی استفاده میشن؟؟

Share this post


Link to post
Share on other sites

درود

کداول که منوی شما رو راست چین میکنه

کد دوم تنظیمات مربوط به محل قرار گیری اجزا میشه

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

کد چهارم مربوط به لینک هر گزینه منو هست

کد پنجم نمایش یا عدم نمایش گزینه ها

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

Share this post


Link to post
Share on other sites

سلام

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

راستی چیکار کنم که رنگ منوها به صورت درخشان نمایش داده بشن از حالت کدر بودن در بیان مثل این

ستاره شهر

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

Share this post


Link to post
Share on other sites

لطفا از ارسال اسپم خوداری کنید

سایز خود منو یا سایز فونت ها؟

رنگ کناسب انتخاب کنید تا از کدری در بیاد؟

Share this post


Link to post
Share on other sites

سلام عیدتون مبارک

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

سایز خود منو هارو چطوری تغییر بدم من کدهاشو گذاشتم ولی نمی دونم دقیقا کدوم کدهارو تغیر بدم تا اون رنگ ابی پس زمینه که به صورت بیضی هستش کوچیک بشه و رنگ هاورهم وقتی موس می ره روش قالب پشت زمینه بشه (همون رنگ ابی کدر)

Share this post


Link to post
Share on other sites

توضیحات را به فارسی توی کد نوشتم برات

هرجا هم که خواستی دور منو را گرد کنی از کد زیر استفاده کن

border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;

/*::::: menu :::::*/

#menu .moduletable {
direction:rtl;
}

#menu .moduletable .menu,
#menu .moduletable .menu ul,
#menu .moduletable .menu li,
#menu .moduletable .menu a {
   margin:0;
   padding: 0;
   border: none;
   outline: none;
margin-top:5px;


}

#menu .moduletable .menu {
   height: 50px;
   width: 980px;
   background:#35302f;
   background: -webkit-linear-gradient(top, #da6a4c 0%,#da6a4c 100%);
   background: -moz-linear-gradient(top, #35302f 0%,#35302f 100%);
   background: -o-linear-gradient(top, #da6a4c 0%,#da6a4c 100%);
   background: -ms-linear-gradient(top, #da6a4c 0%,#da6a4c 100%);
   background: linear-gradient(top, #da6a4c 0%,#da6a4c100%);

   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;

}

#menu .moduletable .menu li {
   position: relative;
   list-style: none;
   display: block;
   height: اندازه ارتفاع دکمه ها را بزن;
float: right;
border-radius:8px;
background-color:#کد رنگ خود را بزن;
margin:5px 2px 0px 2px;
margin-bottom:-40px;

}
#menu .moduletable .menu ul { display: none; }

#menu .moduletable .menu li a {
   display: block;
padding:0 20px ;

margin:5px 5px 5px 5px;
line-height: 28px;
   text-decoration:none;

   border-right: -1px solid #375594;
   border-left: -1px solid #09348d;

font-family:'pars'!important;
   font-family: Helvetica, Arial, sans-serif;
   font-weight: bold;
   font-size: 13px;

    color:#FFFFFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,.6);
   -webkit-transition: color .2s ease-in-out;
   -moz-transition: color .2s ease-in-out;
   -o-transition: color .2s ease-in-out;
   -ms-transition: color .2s ease-in-out;
   transition: color .2s ease-in-out;
}

#menu .moduletable .menu li:first-child a { border-right: none; }
#menu .moduletable .menu li:last-child a{ border-left: none; }
#menu .moduletable .menu li:hover a {box-shadow:inset 0 50px 2px #5cc7f3; }

Share this post


Link to post
Share on other sites

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

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

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

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


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

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

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


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