رفتن به مطلب

چند سوال کوتاه css


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

چندتا سوال داشتم در مورد سي اس اس

اين تكست باكس چطوري طراحي ميشه؟

http://upload.tehran98.com/img1/4fomb6k5gbsakpi5pegb.gif

واحدي كوچكتر px هست استاندارد؟تا اونجايي كه ميدونم em هست اما اگر درصدي بهش بدي كه بردر و نازك نمايش بده در كروم نمايش داده نميشه

تا چه درصدي ميتونيم به em عدد بديم؟

كوچكترين حالت px به چه شكلي تا چه عددي؟

با سي اس اس چطور اسكرول بار بزنم ؟منظورم جاوا اسكريپت نيست

درايين مورد ميتونم نمونه كد بدم اما ناقصه

چرا thick medium thin اين استايل ها براي بردر اعمال نميشه؟

در اين قسمت مي تونيم سوال در مورد جاوا اسكريپت هم بپرسيم چون داخل عنوان موضوع نيود؟

لینک به ارسال

کلی جواب نوشتم اما یک اشباه کردم صفحه رفرش شد و پاک شدند ایندفعه توضیح نمی دم

کد تکست باکس (صورت کلی)


<div id="l1">
<div id="l2">Text</div>
<div id="l3">Title</div>
</div>
<style type="text/css">
#li {
display:block;
position:relative;
padding:10px;
}
#li #l3 {
display:none;
background:rgba(0, 0, 0, .9);
color:#FFFF99;
}
#li #l2,#l1:hover #l3 {
display:block;
}
</style>

کمتر از px را می شه با اعشار نوشت ولی چون ریسک خطاش بالاست و به تنظیمات زیادی برمی گرده کسی نمی نویسه و از ترکیب بندی رنگ و یا سایه inset با رنگ متضاد استفاده می کنند

اسکرول بار با خاصیت overflow:scroll اگر منظورتون اسکرول باشه

کجا این اندازه ها کار نکردند ؟

thick medium thin

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


border:thin #333333 solid

لینک به ارسال

واقعا مرسي مرسي مرسي از وقتي كه گذاشتين براي پاسخ

در مورد بردر مطلع هستم ولي زماني كه رنگ ميزاري و سايز هم ميدي اين ها (استايل)اصلا كار نميدهthick medium thin

در مورد em بعد از px استاندارده تا چه اندازه اي ميشه درصد داد اگر در صد كم بشه كروم پشتيباني نميكنيه

ولي سايت هاي خارجي بردهاي نازكي تو سايتشون ميزان كه اغلب با em هست

در مورد اسكرول اين كد رو از سايت هاي خارجي گرفتم و دوتا كلاسش و نميدونم


.slimScrollBar {
margin-right: 0 !important;
}
.ui-draggable { i dont now }
.slimScrollRail{ i dont now }
element.style {
background-color: rgb(169, 197, 214);
width: 7px;
position: absolute;
top: 0px;
opacity: 0.4;
display: block;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;
z-index: 99;
right: 1px;
height: 133.4920634920635px;
background-position: initial initial;
background-repeat: initial initial;
}
<div style="background: none repeat scroll 0% 0% rgb(161, 178, 189); width: 7px; position: absolute; top: 0px; opacity: 0.4; display: block;
border-radius: 7px 7px 7px 7px; z-index: 99; right: 1px; height: 130.793px;" class="slimScrollBar ui-draggable">
</div>
<div style="width: 7px; height: 100%; position: absolute; top: 0px; display: none; border-radius: 7px 7px 7px 7px;
background: none repeat scroll 0% 0% rgb(51, 51, 51); opacity: 0.2; z-index: 90; right: 1px;" class="slimScrollRail">
</div>

لینک به ارسال

شما دقیقا بگید چه خروجی نیاز دارید یا یک نمونه بدید تا براتون کد مثال قرار بدیم.

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

لینک به ارسال
ولي سايت هاي خارجي بردهاي نازكي تو سايتشون ميزان كه اغلب با em هست

em تعریفی اختصاصی تره ولی فکر کنم باز نازک تر از پیکسل کردن بردر با سایه مثلا سفید رنگ در زمینه سفید و برای بردر مشکی که ضمن سایه رنگ بردر را هم خاکستری می کنند که در کنار محوی سایه خطای دید لازم را ایجاد می کنه و الا در فضای کمتر از یک پیکسل فکر نکنم بشه خطی کشید

لینک به ارسال

درسته اقا ايمان

اينطور كه متوجه شدم اگر زماني بخواهيم بردر خيلي نازكي بسازيم و سايه هم داده باشيم و نتونيم از محوي سايه ها استفاده كنيم

نزديكترين رنگ مورد نظر بردر و نسبت به پس زمينه بردر انتخاب مي كنيم

لینک به ارسال

سایه در حالت عادی به سمت خارج لایه است و باعث محوی لایه نمی شه ولی با قرار دادن inset قبل از اعداد به سمت داخل بر می گرده و انتخاب رنگ هم تاثیر زیادی داره

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

یک نکته دیگه هم که اغلب در سایتهای خارجی با طراحی های خاص مهمه اینه که بسیاری از این بردرها هنوز هم در فتوشاپ طراحی می شه و خروجی اونها به صورت بک گراند یا border-image به کار اضافه می شه

لینک به ارسال

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

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

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

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

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

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

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

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

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