SILENT-NIGHT

نمی خوام تا حد امکان از جاوا استافاده کنم . هیچ کارش نمی شه کرد؟

سلام ، وقتتون بخیر !

من چند وقت پیش یه منو ساختم که بزارم برای فروش ، وقتی که تموم شد ، رفتم که ببینم با همه ی موروگر ها سازگارهست یا نه ، دیدم که به شدت با IE مشکل داره ، وقتی موس میره روش دائما می پره .

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

در ضمن ریسنپانسیو هم هست ، فقط در حالت بیش از 1024 پیکسل با IE مشکل داره تو اندازه های دیگه هیچ مشکلی نداره

واقعا ممنون میشم کمکم کنید

خواهشا کپی نکنید ! ممنون

این هم لینک

http://ufh.ir/Silent-Night/smpl/

دقیقا منظورتون چیه؟

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

می تونید این جوری کار کنید :

div سایدبار : right-sidebar

.right-sidebar img{
margin-right:10px;
margin-left:10px;
}

یا

.right-sidebar img{
padding-right:10px;
padding-left:10px;
}

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

امید وارم به دردتون خورده باشه ، ولی بازم نفهمیدم منظورتون چیه

ان شاء الله اگه وقت کردم آموزش فارسیش رو قرار می دم.

فقط یه سوال

منظور شما دقیقا چیه ؟ منو با زیر منو یا فقط منو؟

چی شد؟

نفهمیدم منظورتون چیه

واضح تر بگید شاید کاری از دستم بر بیاد

شما که این قدر صبر کردی

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

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

یکی این که اندازه ها رو به درصد بدید (که یکی از دوستان گفت)

یکی هم این که برای هر سایز یه خاصیت جدید معرفی کنید به این شکل :

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

@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
استایل های مورد نظر برای این سایز
}

برای آی پد :

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
استایل های مورد نظر برای این سایز
}

و خیلی سایز های دیگه

یه نگاهی به این صفحه بنداز شاید چیزای بیشتری گیرت بیاد

http://css-tricks.co...andard-devices

اگه ادیت کردن کد بلدید بهترین پیشنهاد همون WOW slider هست که بقیه گفتن

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

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

ولی فهمیدم

ببین توی کد نویسی box shdow بعضی ها از 4 تا خاصیت استفاده می کنن بعضی ها از 5 خاصیت اینجوری :

box-shadow:x y z w;

x= مقدار فاصله از چپ

y= مقدار فاصله از بالا

z= مقدار نرمی یا همون blur

w= رنگ سایه

بعضی هم از 5 تا خاصیت استفاده می کنن مثل این :

box-shadow:x y z a w;

x= مقدار فاصله از چپ

y= مقدار فاصله از بالا

z= مقدار نرمی یا همون blur

a= بزرگی سایه

w= رنگ سایه

نم دونم فهمیدی یا نه

ببخش اگه بد توضیح دادم

اگه انگلیسیت خوبه از این هم می تونی استفاده کنی

http://jqueryui.com/tabs/

خیلی خیلی باحال بود

فقط یه سوال

میشه با سی اس اس کاری کرد که حالت رفت و برگشتی باشه

منظورم مثل toggle در جی کوئری

یعنی وقتی مثلا رو دکمه کلیک شد پس زمینه قرمز بشه وقتی دوباره روش کلیک میشه برگرده به حالت اول

نفهمیدم منظورتون چیه

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

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

سازگار کردن قالب با تمامیه سایز ها به نظر من یه هنره

این جوری هم می تونی قالبت رو سازگار کنی :

توی سی اس اس برای سازگار کردن باید برای هر سایز عناصرت رو با استایل جدید وارد کنی برای مثال :

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

@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
استایل های مورد نظر برای این سایز
}

برای آی پد :

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
استایل های مورد نظر برای این سایز
}

و خیلی سایز های دیگه

یه نگاهی به این صفحه بنداز شاید چیزای بیشتری گیرت بیاد

http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

در ضمن بعضی وقتا ، یعضی وقتا ، یعضی وقتا زمپ با پی اچ پی مشکل پیدا می کنه بازم می گم بعضی وقتا.

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

برای همین اصولا مشکل پیش میاد

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

برای مثال :

من یه منو دارم توش یه منو با اسم "وردپرس" دارم یه منو ی دیگه با اسم "انجمن پشتیبانی وردپرس"

اگه در حالت عادی به منو اندازه (طول و عرض) بدم دو حالت پیش میاد :

اگه اندازه رو بزرگ بدم متن کوچیک تر ناجور میشه و اگه اندازه رو کوچیک بدم متن بزرگ تر میره خطر بعدی

برای اینکه این اتفاق نیفته از پدینگ استفاده می کنم . این جوری مثلا با پدینگ 5 پیکس ، هر منو از اطراف 5 پیکس بزرگ تر میشه

نمی دونم این جواب سوالتون بود یا نه

ولی اون چه بلد بودم نوشتم

امید وارم به دردتون بخوره

سلام

آقا این کد خیلی خیلی ناجور نوشته شده (البته از نظر من)

نهایتا همین قدر تونستم سازگارش کنم

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

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

.menu{
width:100%;
height:50px;
border:1px solid #CCC;
-moz-border-radius:5px;
-o-border-radius:5px;
-ms-border-radius:5px;
-webkit-border-radius:5px;
background:#999999;
}
.menu ul{
list-style:none;
}
.menu ul li{
padding-right:1%;
padding-left:1%;
margin-bottom: 1%;
float:left;
border:1px solid #CCC;
-moz-border-radius:5px;
-o-border-radius:5px;
-ms-border-radius:5px;
-webkit-border-radius:5px;
margin-left:0%;
margin-right:0.5%;
//font-weight:bold;
font-size:15px;
background-color:#333;
text-align:center;
}
.menu ul li a:hover{
background-color:white;
color:black;
}
.menu ul li a{
text-decoration:none;
color:white;
transition:1s linear;
margin-left:0%;
}

موفق باشی

والا منظورتون رو نفهمیدم ولی تو اچ تی ام ال با value متن یه دکمه رو مشخص می کنن

شما این جوری بنویس برای مثال :

<input type="button" value="">

این جوری دکمه مورد نظر دیگه متنی روش نمیاد

امید وارم درست فهمیده باشم