• اطلاعیه ها

    • Saeed Fard

      برگزاری چهارمین همایش Coder Conf و کد تخفیف برای کاربران وردپرس پارسی   20/04/97

      کدرکانف هر سال در آخرین پنجشنبه مرداد با بورد‌های مختلفی برگزار می‌گردد،امسال نیز کدرکانف در همین تاریخ با حضور برنامه نویسان مطرح کشور در بورد تخصصی جاوااسکریپت برگزار خواهد شد، یک گردهمایی متفاوت با طعم Javascript. Coderconf هر سال نسبت به سال‌های گذشته با حضور برنامه‌نویسان پر رنگتر می‌شود. ما سعی کردیم هر ساله به این کنفرانس مفهوم عمیق تری ببخشیم تا از آنچه در سال‌های گذشته عرضه شده به روزتر و مفیدتر واقع شویم. امسال فرصتی خواهد بود تا با نگرشی جدید و بهبود مطالب ارائه شده، عمیقتر به این موضوع نگاه کنیم تا بجای تکرار مباحث پیشین گامی هر چند کوچک در مسیر ارتقای دانش فنی برنامه‌نویسان ایرانی برداریم. ما در Coderconf ۴ با تمرکز بر روی Javascript نیت کرده‌ایم این فرصت را در اختیار برنامه نویسان قرار دهیم تا با ظرافت و استانداردهای روز دنیا کار خود را پیش ببرند. به نظر ما امسال زمان آن فرا رسیده‌است تا این زبان را به صورت تخصصی و از ابعاد مختلف به چالش بکشیم.   دبیر علمی همایش میلاد حیدری، کدرکانف ۴ را اینگونه توصیف کرده است :اشتراک گذاری دانش بهترین راه رسیدن به جاودانگی اطلاعات است. هر ساله همایش‌های زیادی برگزار میشه که افراد شرکت‌کننده می‌توانند با افراد مجرب شبکه سازی کنند. امسال در کدرکانف سعی کردیم علاوه بر بخش شبکه سازی بین افراد بیشتر روی انتقال دانش و کیفیت ارائه ها تمرکز داشته باشیم . به قصد یک گردهمایی بلند مدت بین برنامه‌نویسان جاوااسکریپت که با هم تبادل دانش و اطلاعات کنند گردهم آییم.
      بنده به عنوان عضو کوچکی از جامعه برنامه‌نویسان جاوااسکریپت ایران امیدوارم در کدرکانف امسال علاوه بر شبکه سازی، از اطلاعاتی که دوستان در این همایش در اختیارتان قرار می‌دهند استفاده کنید. در سایت همایش میتوانید سخنرانان و موضوع پنل همایش کدرکانف رو مشاهده کنید . علاقه‌مندان به حضور در این همایش می‌توانند با کد تخفیف wpparsi اقدام به ثبت نام در این گردهمایی کنند. سایت همایش :‌http://coderconf.org
      بلیط فروشی همایش :‌https://evand.com/events/coderconf4  
reazah

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

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

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

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

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

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

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

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

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

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

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

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

0

به اشتراک گذاری این پست


لینک به پست

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

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


<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

4

به اشتراک گذاری این پست


لینک به پست

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

در مورد بردر مطلع هستم ولي زماني كه رنگ ميزاري و سايز هم ميدي اين ها (استايل)اصلا كار نميده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>

0

به اشتراک گذاری این پست


لینک به پست

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

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

3

به اشتراک گذاری این پست


لینک به پست

درسته فكر مي كردم با سي اس اس ميشه .ولي با اسكريپته

ممنوووووون

0

به اشتراک گذاری این پست


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

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

4

به اشتراک گذاری این پست


لینک به پست

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

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

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

0

به اشتراک گذاری این پست


لینک به پست

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

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

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

2

به اشتراک گذاری این پست


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط soheil1
      سلام دوستان من قالبی دارم که دوتا فایل css داره یکی حالت شب و مشکی یکی روز و سفید. الان به صورت دستی میشه از تنظیمات قالب بین این دوحالت سوئیچ کرد میخوام بدونم راحی هست که کاربر با یک دکمه بین این دوحالت سوئیچ کنه یا مناسب با ساعت شبانه روز حالت شب و روز فعال بشه؟!
    • توسط hamedsog
      سلام من درحال طراحی یک قالب سایت هستم  و بخش ایندکس رو بدون مشکل تمام کردم اما در طراحی بخش سینگل با یک مشکل مواجه شدم  در صفحه ی سینگل کاملا در پایین صفحه قرار نمیگیره و من با هر راهی نمیتونم بیارمش پایین لطفا راهنمایی کنید که باید چکار کنم؟
       

    • توسط Rasoul
      سلام
      من میخواستم وقتی صفحه اسکرول میشه و هدر همراهش میاد پایین به هدر یه لگو مثلا اضافه بشه میدونم باید با جاوااسکریپ انجام بشه ولی من این زبان را تا این حد بلد نیستم ممنون میشم راهنماییم کنید.
      الان تو این دمو میخوام وقتی اسکرول میشه کنار My Header یک لوگو اضافه بشه و وقتی دوباره میبری بالا حذف بشه.
       
      دمو
    • توسط acc
      سلام دوستان
      بنده علاقمند هستم که فونت و استایل یک ویجت خارجی که مربوط به چت انلاین هست رو تغییر بدم , ایا این به وسیله جاوا امکان پذیر است؟
      اگر از دوستان کسی در این زمینه مهارت دارد لطفا من را راهنمایی کند
       
      با تشکر
    • توسط madidi
      سلام من همیشه واسه وردپرس که قالب مینویسم یه  مشکل دارم 
      توی تصویر زیر کامل توضیح دادم 
      چطوری تو یه دیو بزرگ دو تا دیو تعریف کنیم یکی متن و یکی عکس و وقتی دیو عکس تموم شده متن ها بقیه جاهای دیو بزرگ تر پر کنند ؟؟؟
      ممنون