آموزش بوت استرپ (گام 5) فونت آیکون


طبق درخواست مکرر دوستان و استقبال مناسبی که شد قسمت پنجم آموزش فریم ورک بوت استرپ را تقدیمتان میکنم. در این قسمت با پکیج فونت آیکون آشنا خواهید شد. فیلم این قسمت را میتوانید از باکس زیر دانلود کنید : [dl_box_user]دانلود فیلم آموزشی*http://dl.mrprogrammer.net/bootstrap/05-bootstrap.mp4*32*17[/dl_box_user] برای استفاده از آیکون های موجود در پکیج بوت استرپ باید از تگ <span> برای فراخوانی کلاس glyohicon استفاده کنیم. در نهایت نام آیکون مورد نظر را بصورت کلاس به این تگ اضافه میکنیم : [crayon-5b28c3bbe31f8161387847/] در css و یونیکد برای اینکه فونت ما را به عنوان یک آبجکت تزپینی بشناسد شناسه aria-hidden را برابر true ...


09:59
49

آموزش بوت استرپ (گام 4) دکمه ها و کلاس های کمکی


ضمن عرض سلام ، چهارمین قسمت آموزش فریم ورک محبوب بوت استرپ را تقدیمتان میکنم . ویدئو این قسمت را میتوانید از باکس زیر دانلود کنید : [dl_box_user]دانلود فیلم آموزشی*http://dl.mrprogrammer.net/bootstrap/04-bootstrap.mp4*47[/dl_box_user]   اما چکیده این قسمت : از طریق 3 تگ <a> , <input> و <button> میتوان دکمه های بوت استرپی تولید کرد . ابتدا کلاس btn را به آن نسبت میدهیم ، این کلاس به 3 تگ مذکور حاشیه اضافه میکند اما دکمه بوت اسرپی ما هنوز آماده نیست ؛ برای رنگبندی دکمه باید از یکی کلاس های btn-default , btn-primary , btn-success , btn-info , btn-warning , btn-danger ...


05:25
39

آموزش بوت استرپ (گام3) فرم ها و جداول


سومین قسمت از دوره آموزشی بوت استرپ را تقدیمتان میکنم ، برای دانلود ویدئوی این قسمت میتوانید از باکس زیر اقدام کنید : [dl_box_user]دانلود فیلم آموزشی*http://dl.mrprogrammer.net/bootstrap/03-bootstrap.mp4*52[/dl_box_user]   در این قسمت در مورد جداول و فرم ها با بوت استرپ آشنا میشید. در زیر مجموعه کلاس هایی که میتوان برای تگ <table> تعیین کرد را مثال میزنم ، اولین کلاس table است که با اضافه کردن این کلاس جدول بوت استرپی خود را می سازیم: [crayon-5b28c3bbe71ac860339780/] اگر کلاس table-striped را به تگ <table> اضافه کنیم سطر های جدول یکی در میان خاکستری میشن تا بهتر قابل تشخیص باشند: [crayon-5b28c3bbe71b8163843812/]   برای اضافه کردن خط ...


08:56
94

آموزش بوت استرپ (گام2) طرح کلی و رسپانسیو


همانظور که در جلسه قبل گفتم فریم ورک های طراحی وب شامل یکسری کد ها و استایل های آماده هستند و ما از این ها در طراحی وبمون استفاده میکنیم. در ادامه ابتدا کلاس (استایل) های مروبط به بوت استرپ را برسی و گام به گام سراغ بقیه کد ها خواهیم رفت. ویدئو این قسمت را میتوانید از باکس زیر دانلود کنید : [dl_box_user]دانلود فیلم آموزشی*http://dl.mrprogrammer.net/bootstrap/02-bootstrap.mp4*52[/dl_box_user]   چکیده این قسمت : اولین کلاس کاربردی در بوت استرپ container است ، از این کلاس برای ساخت باکس کلی سایت استفاده خواهد شد و تمام کد ها درون این کلاس قرار خواهند ...


17:51
128

استایل دادن به تولتیپ (tooltip)


در این پست میخوام براتون توضیح بدم چطور برای تولتیپ های یک صفحه وب استایل مورد نظرتون را تنظیم کنید. در این روش ابتدا باید کتابخانه جی کوئری را اتچ کرده باشید ، بعد از آن فایل jquery.style-my-tooltips.min.js را از باکس زیر دانلود و بعد از کتابخانه جی کوئری اتچ کنید : [dl_box_user]دانلود فایل*http://dl.mrprogrammer.net/4/jquery.style-my-tooltips.min.zip*0.1[/dl_box_user] بعد از آن باید کد زیر را درون تک <head> قرار دهیم : [crayon-5b28c3bbed1f5590117416/] از طریق کد های بالا میتوان سرعت نمایش و تاخیر تولتیپ را تنظیم کرد ، حال کافیه استایل مورد نظر به با آی دی s-m-t-tooltip بدهیم ، مثلا من استایل زیر ...


11:17
6

آموزش بوت استرپ ( گام 1 ) bootstrap چیست ؟


با سلام ، در این جلسه اولین قسمت آموزش بوت استرپ را تقدیمتان میکنم . اولین ویدیو آموزشی این دوره را میتوانید از باکس زیر دانلود کنید : [dl_box_user]دانلود فیلم آموزشی*http://dl.mrprogrammer.net/bootstrap/01-bootstrap.mkv*34*12[/dl_box_user]   بوت استرپ یکی از فریم ورک های طراحی صفحات وب هست . فریم ورک های طراحی وب شامل یکسری کد و استایل آماده است که طراح از آن برای ساخت قالب صفحه وب استفاده میکند. _ استفاده از فریم ورک ها چه مزیت هایی دارد ؟ 1- استفاده کردن از ابزار و امکانات آماده طراح را از جزیات دوره میکند ؛ ابزار رسپانسیو و واکنشگرا کردن از جمله ...


07:55
130

جلوگیری از کپی کردن متن با CSS3


در برخی موارد شما متنی درون صفحه دارید که کاربر خیلی ساده میتواند آن را انتخاب و با چند کلیک کپی کند اما شما نیاز دارید تا از این عمل جلوگیری کنید ، برای اینکار اسکریپت ها و سورس های زیادی در وب منتشر شده اما بنده قصد دارم نحوه جلوگیری از انتخاب و کپی کردن متن را با CSS3 برایتان توضیح بدم. برای اینکار کافیه شما کلاس زیر را به تگ مورد نظر نسبت دهید : [crayon-5b28c3bbedcf0335600136/]   تگی که کلاس بالا را شامل شود دیگر قالب انتخاب شدن توسط موس یا به نحوی highlight نخواهد شد. ...


07:23
13

لینک های درون صفحه


اگر به نوار آدرس بعضی از لینک ها در بالای مرورگرتان دقت کرده باشید علامت های ? و # را حتما دیده اید ، علامت ? که مربوط به ارسال یکسری اطلاعات از یک صفحه به صفحه ی دیگر در زبان PHP استفاده میشود اما از # در html برای لینک های درون صفحه استفاده میشود. مثلا یک صفحه طولانی دارید و قصد دارید با یک لینک کاربر را به قسمتی خاصی از این صفحه منتقل کنید مثلا در خط 400 و یا در این لینک شما به کامنت خاصی در همین سایت منتقل میشوید: کامنت ...


13:49
6

ابزار نمایش رتبه الکسا


داشتن الکسای خوب برای یک سایت افتخاری است که مدیران تمایل دارند به رخ بکشند. با استفاده از کد های زیر می توان رنک الکسای خود را به کاربران نشان دهید. برای نشان دادن رتبه ی الکسای خود کافیست یکی از کد های  زیر را در قالبتان بیفزایید:       [crayon-5b28c3bbef336137465445/]         [crayon-5b28c3bbef33f450025042/]         [crayon-5b28c3bbef343130206784/]         [crayon-5b28c3bbef346007263428/]         [crayon-5b28c3bbef349281113095/]         [crayon-5b28c3bbef34f415931883/]    


05:50
5

تفاوت HTML با XHTML


احتمالا تا به حال درباره XHTML چیزی نشنیدید ولی می دونید HTML چیه ! اسمش براتون آشناست آما فرقشو با HTML نمی دونید ! خدمتتون عرض کنم که ابتدا که اینترنت بوجود اومد زبان HTML بود اما یک زبان پراکنده بود و هیچ قانون و استانداردی نداشت به همین دلیل هر کسی به سلقه خودش از این کد ها استفاده می کرد و مرورگر ها ی اون موقع نمی دونستند باید به چه شکلی کد های HTML را به نمایش بگذارند و خلالی ایجاد شد. در این میان زبانی بود به نام XML که از قضا استاندارد ...


12:15
11