میخواستم بدونم چجوری میتونم یه رنگ ثابت برای یه لینک درنظر بگیرم
این کارو با استفاده از کد لینک داخل css میتونم تغییر بدم ولی داخل قالب این رنگو نمیشناسه ؟ یعنی همون رنگی که داخل قالب تعریف شده بود میاد . انگار این کد عمل نمیکنه !!!
ممنون میشم ...
با سلام
چطور باید کاری کرد که وقتی ماوس روی دکمه میره رنگش عوض بشه؟ مثل همین منوی بالای این سایت
من تازه واردم لطفا کمک کنید
همونطور که میدونید در حالت عادی هر DIV در یک خط جداگانه قرار میگیره .
برای نمایش div ها در یک خط(لاین) از این روش استفاده کنید: .box1{ width:20px; height:20px; font-size: 12px; color:black; ...
برای جلوگیری از اسکرول شدن در HTML از این کد CSS استفاده کنید:
html, body { max-width: 100%; overflow-x: hidden; }
[align=center][ATTACH=CONFIG]499[/ATTACH]
[/align]
body {padding: 25% 0%}
.simple { background: #e55656; cursor:pointer; display:block; font-family: sans-serif; font-size: 1.5em; padding:1em; margin:0 auto; text-align: center; text-shadow: 0px 1px 2px black; box-shadow: 1px 1px 2px gray; /* The importat code ;D */ ...
ما در این بخش می آموزیم که خواص مربوط به CSS ها کدامند و چگونه مقدار می گیرند . خواص CSS ها را می توان به دسته های زیر تقسیم کرد :
1.خواص فونت ها
2.خواص رنگ و زمینه
3.خواص متن
4.خواص کادربندی ، این خواص شامل موارد زیر است :
خواص مربوط به ...
بروز شده در 10 سال پیش
سلام دوستان
امروز یه ترفند جالب میخوام براتون بذارم که میتونید برای نمایش Underline در لینک ها یک افکت جالب ایجاد کنید.
کافیه از این کد CSS استفاده کنید:
a { display: inline-block; position: relative; padding-bottom: 3px; text-decoration: none; font:800 15px arial;
}
a:after { content: ''; display: block; margin: auto; height: 3px; width: 0px; background: transparent; transition: ...
بروز شده در 10 سال پیش
سلام
ایام سوگواری امام حسین (ع) رو به همه شما دوستای عزیزم تسلیت میگم
اومدم تا برای امروز یه پست بذارم شاید خوشتون بیاد.
[align=center]
[FONT=lucida console]DOWNLOAD[/FONT]
[/align]
سلام
اگر میخواید transition ها تو همه مرورگرها درست کار کنن باید از این استفاده کنید (از مرورگرهای قدیمی اینو پشتیبانی نمیکنن):
-webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all ...
با استفاده از این کد میتونید Scroll رو مخفی کنید:
element { overflow-x: hidden overflow-y: hidden }
.box1{ width:20px; height:20px; font-size: 12px; color:black; background:#D7E5F0; border:.1em solid red; padding:30px; font-weight: bold; float: ...
سلام
برای اینکه تصاویر تو موبایل درست نمایش داده بشن از این کد CSS استفاده کنید:
img { width: auto !important; height: auto !important; max-width: 100%; }
بروز شده در 10 سال پیش
سلام
من کدی شبیه به این دارم:
.class1,.class2{
background:blue;
}
Hello
Hello
Hello
چطور باید فقط المنت دوم که دو کلاس class1 class2 را دارد انتخاب کنم؟
بروز شده در 10 سال پیش
[align=center]
[/align]
سلام
تا حالا خواستید دانش خودتونو بسنجیدو ببینید که چقدر CSS بلدید؟
حالا وارد این سایت بشید و امتحان بدید!
هر کس امتیازشو بذاره ببینیم چطوریاست :93:
راستشو بدگیدا :73:
Roll over here Pure Css Tooltip /* general */ body { margin:0; padding:40px 80px; ...
.wraptocenter {
display: table-cell;
text-align: center;
vertical-align: middle;
width: ...;
height: ...;
}
.wraptocenter * {
vertical-align: middle;
}
/*\*//*/
.wraptocenter { display: block;
}
.wraptocenter span { display: inline-block; height: 100%; width: 1px;
}
/**/
سلام من تو بعضی ا فایلهای CSS میبینم که این عبارت گذاشته شده media="all" و یا این عبارت media="screen"میخوام بدونم اینا چی هستن
ممنون.
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, ...
سلام
من برای div با CSS کد border گذاشتم ولی نمیاد cache رو هم پاک کردم نشد چیکار کنم؟
border-color: 2px solid blue
شما احتملا نحوه استفاده از سلکتورهای class و id می دانید، و حتی شاید تمام سلکتورهای CSS را بشناسید اما در این مقاله با درنظر گرفتن همه ی مخاطبین، به صورت خلاصه به معرفی Attribute Selectors پرداخته و در ادامه، کاربرد جالب آن را بررسی می کنیم ...