ایجاد شده در 6 سال پیش
رسپانسیو دیزاین!؟ چی هست؟
طراحی رسپانسیو یا واکنش گرا به عملی گفته میشه که انجام اون باعث میشه سایت یا صفحه شما در همه دیوایس ها بخوبی دیده بشه. امروزه با توجه به تنوع اندازه های صفحه نمایش طراحان وب ملزمند که صفحه رو واکنش گرا طراحی کنن تا ...
میخواستم بدونم چطوری کاربر وقتی رسید به یه مکانی از صفحه بعدش کدها اجرا شن؟؟
ایجاد شده در 6 سال پیش
سلام
برای اینکه شما یک صفحه وب رو واکنش گرا بسازید باید اندازه دیوایس ها رو برای اعمال کدهای CSS داشته باشید. این کد سایز عمومی دستگاههای امروزی هست میتونید تو کدهاتون ازش بهره ببرید.
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : ...
a::before, a::after { display: inline-block; opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.2s; -moz-transition: -moz-transform 0.3s, opacity 0.2s; transition: transform 0.3s, opacity 0.2s; }
سلام خسته نباشید میشه این کد رو برا من تفسیر کنید
ایا میشه به روش دومی هم نوشت؟
حل شده ساخت افکت متن
درود
امکان داره کمکم کنید تا افکت این سایت رو طراحی کنم
بخش news این سایت:
www.اسکریپت.com
سلام خسته نباشید
من این منو رو طراحی کردم ولی تو margin و padding ایراد دارم .میشه کمکم کنید.
.menu
{ width:502px; height:40px; /*background-color:#F30;/*remove*/ float:right; margin-right:4px; margin-top:12px; line-height:20px;
}
.menu ul
{ float:left;
}
.menu ul li
{ float:left; list-style-type:none; height:40px; text-align:center;
}
.menu ul li a
{ color:#FFBA00; display:block; text-decoration:none; height:22px; font-family:arial; font-size:14px;
}
.menu ul li a:hover
{ text-decoration:underline;
}
/*.menu-home
{ margin-right:26px;
}*/
li.line
{ border-left-width:1px; border-left-style:solid; border-color:#999;
}
.icon
{ width:16px; height:16px; background-image:url(../images/icon.png); background-repeat:no-repeat; /*margin-right:26px; margin-left:1px;*/
}
درود برشما
اگه امکان داره یه نگاه به کدمن میندازنین ببین چرا در قسمت box المان های دایره اینجوری قرار گرفتن؟
body
{ margin:0; padding:0; background-color:#eee;
} #intro { width:100%; height:350px; background-color:#fff; border-top:5px solid #ba1000; border-bottom:5px solid #ba1000; position:fixed; top:50%; margin-top:-175px; } #main { width:1000px; height:200px; /*background-color:#60F;/*remove*/ margin:0 auto; } #header { width:1000px; height:110px; /*background-color:#0C3;*/ position:relative; } #logo { width:400px; height:100px; /*background-color:#3CF;/*remove*/ position:absolute; top:5px; left:50%; margin-left:-200px; } #box { width:1000px; height:240px; background-color:#F0F; } #hand { width:412px; height:240px; background-color:#FC0; position:absolute; left:50%; margin-left:-206px; } #circle-en { width:140px; height:140px; border-radius:70px; -moz-border-radius:70px; -webkit-border-radius:70px; background-color:#0C0; position:absolute; top:50%; left:50%; margin-left:-70px; margin-top:-70px; } #circle-fn { width:140px; height:140px; border-radius:70px; -moz-border-radius:70px; -webkit-border-radius:70px; background-color:#336; position:absolute; top:50%; left:50%; margin-right:-70px; margin-top:-70px; } ...
سلام دوستان
با تصویر زیر متوجه منظورم میشید. چطور این نقطه چین دور دکمه که بعد از کلیک کردن میاد رو غیر فعال کنیم؟
در این مطلب قصد داریم مجموعه ای از دکمه های CSS را به شما معرفی کنیم. این منو های انیمیشنی کاملا به صورت CSS3 می باشند. همچنین دکمه ها در تمامی مرورگرهای مدرن (فایرفاکس,کروم,و…) به درستی نمایش داده می شوند.
پرشین اسکریپت - پایگاه تخصصی اسکریپت
Progress bar ساده با CSS:
.progress-bar { width: 300px; height: 24px; padding: 4px; background-color: #191919; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; box-shadow: inset 0 1px 2px #000,0 ...
بروز شده در 9 سال پیش
سلام
امروز دنبال کد های css میگشتم که این کدها رو پیدا کردم خیلی زیبا هسن امیدوارم دانلود کنید و لذت ببرید :smilingsmiley:
تصویر یکی از اون ها:
[align=center][ATTACH=CONFIG]294[/ATTACH][/align]
.button.secondary { text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.6); background-image: -webkit-linear-gradient( #ffefc3, #ffdf89); background-image: linear-gradient( #ffefc3, #ffdf89); color: #b68733; border: 1px solid #dab861; box-shadow: inset 0 1px 0px rgba(255, 255, 255, ...
بروز شده در 9 سال پیش
سلام به دوستان خوب و همیشه با وفا
می خواستم بدونم چه جوری میشه که یک صفحه وبی را که درست کردیم بتوان آن را به درستی در تمامی مرورگر ها مشاهده کنیم
با تشــــــــــــــــــــــــــــــکر
سلام من یک منو طراحی کردم میخوام وقتی روی گزینه هاش میرم یعنی a :hover یک عکس دربک گراندش نمایش بده
نمایش میده اما جاش مناسب نیست چطوری میتونم جاشو درست تنظیم کنم؟؟؟
عکس
عکسشو گذاشتم ممنون میشم کمکم کنید.
[align=center]
[/align]
دانلود
بروز شده در 9 سال پیش
با سلام به همه دوستان
من یک منو ساخته ام و به آن یک پس زمینه آبی دادم زمانی که صفحه مرورگر را بزرگ می کنم هنگامی که اسکرول صفحه مشخص می شود و آن را به سمت چپ می کشم کناره های منو دیگر رنگ سفید خود صفحه را ...
بروز شده در 9 سال پیش
سلام.
آقایون،خانوما یکی بگه دستور margin collapse چیست؟
بروز شده در 9 سال پیش
کاربرد و توضیحی در رابطه با دستور inline میخواستم بدونم که چه کاری انجام میدهد؟
بروز شده در 9 سال پیش
[align=center]
[/align]
یه اسلایدر زیبا فقط با CSS و بدون جاوااسکریپت
دانلود: CSS3-Slider
سلام دوستان این سوالی که برای من پیش اومده اینه که چجوری داخل قالب های میهن بلاگ بلاگفا و....
وقتی روی قسمت نظرات اون کلیک میکنیم یه صفحه با اندازه کچک تر میاد
مثلا :
شما به قسمت ادامه طلب سایت میرین صفحه به صورت کامل {full screen} نمایش داده میشود ...