فناوری اطلاعات و برنامه نویسی
فناوری اطلاعات و متن باز و برنامه نویسی ویندوز و وب و طراحی وبفناوری اطلاعات و برنامه نویسی
فناوری اطلاعات و متن باز و برنامه نویسی ویندوز و وب و طراحی وبباز هم فیلترینگ
۱ هفته نشده سایت picofile از فیلترینگ درومد دوباره فیلتر شد. دیگه شورشو درآوردن.
ساخت گالری عکس با jquery
برای ساخت این گالری عکس نیاز به دانلود و یا استفاده از 3 فایل زیر دارید :
فایل جاوای پلاگین jquery.lightbox-0.5
بعد از اضافه کردن این 3 فایل کدهای CSS و جاوای زیر رو هم به صفحه اضافه کنید :
<script type="text/javascript">
$(function() {
$('#gallery a').lightBox();
});
</script>
<style type="text/css">
/* jQuery lightBox plugin - Gallery style */
#gallery {
background-color: #444;
padding: 10px;
width: 520px;
}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {
border: 5px solid #3e3e3e;
border-width: 5px 5px 20px;
}
#gallery ul a:hover img {
border: 5px solid #fff;
border-width: 5px 5px 20px;
color: #fff;
}
#gallery ul a:hover { color: #fff; }
</style>
این گالری از لیست های مرتب استفاده می کنه. پس برای تعریف عکس ها یه لیست مزتب با استفاده از تگ <ul></ul> ایجاد کنید.
به تعداد عکس هاتون تگ های li رو ایجاد کنید. توی هر کدوم از li ها یک تگ <a></a> ایجاد کنید. پارامترهای این تگ را به صورت زیر تعیین کنید :
پارامتر href جای عکس اصلیتون رو نشون میده.
پارامتر title توضیح عکستون رو پایین عکس نشون میده.
بین تگ <a></a> یک تگ img ایجاد کنید. این تگ برای عکس کوچیکی که می خوایم نشون داده شه هست و پارامتر src اون رو برابر آدرس عکس کوچیکمون می کنیم. برای تمام اعضای لیستتون این کار رو انجام بدید. فایل jquery.lightbox-0.5.js رو باز کنید و به جای عکس های قبل و بعد و لود و ... آدرس عکس های خودتون رو که آپلود کردید بدید. در آخر تمام تگ های <a></a> داخل یک تگ div با آیدی gallery بذارید.
خب گالری عکس آماده هست.
برای دیدن نمونه و دانلود پروژه کامل به ادامه مطلب برید.
خروج اطلاعات از گریدویو به فایل اکسل
خیلی از دوستان در جامعه برنامه نویسان برای export و تبدیل اطلاعات گریدویو به اکسل مشکل داشتن کد زیر این کار رو انجام میده.
try
{
Microsoft.Office.Interop.Excel.Application excelapp = new Microsoft.Office.Interop.Excel.Application();
Microsoft.Office.Interop.Excel.Workbook excelbook = excelapp.Workbooks.Add(XlSheetType.xlWorksheet);
Microsoft.Office.Interop.Excel.Worksheet excelworksheet = (Worksheet)(excelbook.Worksheets[1]);
excelworksheet.DisplayRightToLeft = true;
for (int j = 0; j < dataGridView1.Columns.Count; j++)
{
Range r0= excelworksheet.get_Range("A1", "A1");
r0.Value2 = dataGridView1.Columns[j].HeaderText;
}
ProgressBar1.Maximum = dataGridView1.RowCount;
ProgressBar1.Visible = true;
for (int i = 2; i < dataGridView1.RowCount; i++)
{
string s = i.ToString();
Range r1 = excelworksheet.get_Range("A" + s, "A" + s);
r1.Value2 = dataGridView1.Rows[i].Cells[0].Value.ToString();
Range r2 = excelworksheet.get_Range("B" + s, "B" + s);
r2.Value2 = dataGridView1.Rows[i].Cells[1].Value.ToString();
Range r3 = excelworksheet.get_Range("C" + s, "C" + s);
r3.Value2 = dataGridView1.Rows[i].Cells[2].Value.ToString();
Range r4 = excelworksheet.get_Range("D" + s, "D" + s);
r4.Value2 = dataGridView1.Rows[i].Cells[3].Value.ToString();
Range r5 = excelworksheet.get_Range("E" + s, "E" + s);
r5.Value2 = dataGridView1.Rows[i].Cells[4].Value.ToString();
ProgressBar1.Value += 1;
}
ProgressBar1.Visible = false;
excelapp.Visible = true;
}
catch (Exception ex)
{
MessageBox.Show(ex.Message);
}
لینک دانلود پروژه خروج اطلاعات از گریدویو به فایل اکسل
بعد از دانلود dll داخل پوشه رو به پروژه اضافه کنید.
کتاب آموزش WPF
WPF یا Windows Presentation Foundation برای کار با کنترل های دات نت و ایجاد کنترل های سفارشی هست. قبل از ویندوز XP که هنوز دات نت بوجود نیمده بود برنامه نویس ها برای ایجاد کنترل باید از توابع API استفاده می کردن. اما با تولید دات نت این مشکل کمتر شد. با تولید دات نت 2 این مشکل باز هم کمتر شد اما برای شخصی سازی کنترل ها گاهی اوقات نیاز به کدنویسی های زاد بود اما با ظهور دات نت 3 و WPF این مشکلات تا حدود بسیار زیادی حل شد. در WPFعلاوه بر شخصی سازی کنترل های موجود می تونید اشکال گرافیکی سطح بالا مثل اشیا 3 بعدی و نمودار ها رو بکشید.
این خلاصه ای ازWPFبود. کتاب زیر که از انتشارات Apress هست در مورد این تکنولوژی مفصل صحبت کرده.
حجم : ۱۷ مگابایت
آموزش CSS بخش پنجم
خب تا الان با شکل کلی دستورات CSS و چگونگی اون آشنا شدید. از الان سعی می کنم کلیه دستورات مربوط به یک خاصیت رو بذارم.
از خاصیت border شروع می کنیم. border یا همون کادر می تونه دور پاراگراف ها و بخش ها بیاد. border چند خاصیت رو می تونه بپذیره :
border-top, border-left, border-right, border-bottom
برای تعیین خواص مربوط به کادر بالا و پایین و چپ و راست هست که هر کدوم خواص دیگه ای به شرح زیر می گیرن :
style, width, color
خاصیت style به صورت زیر مقادیری رو می پذیره :
This is a none border style sample in css
This is a solid border sample style in css
This is a dashed border sample style in css
This is a dotted border sample style in css
This is a double border sample style in css
This is a groove border sample style in css
This is a inset border sample style in css
This is a outset border sample style in css
This is a ridge border sample style in css
none کادر نمایش داده نمیشه.
solid کادر رو به صورت یکنواخت نمایش میده.
dashed به صورت نقطه چین بزرگ نمایش میده.
dotted به صورت نقطه چین کوچک نمایش میده.
double به صورت 2کادری یا 2 خطی نمایش میده.
groove به صورت شیار نمایش میده.
hidden مثل none هست و نمایش داده نمیشه.
inset به صورت گودی و تو رفته نمایش میده.
outset به صورت برجسته با سایه زیاد تر نمایش میده.
ridge به صورت برجسته با سایه کمتر نشون میده.
<p style="border-style:none">This is a none border style sample in css</p>
<p style="border-style:solid">This is a solid border sample style in css</p>
<p style="border-style:dashed">This is a dashed border sample style in css</p>
<p style="border-style:dotted">This is a dotted border sample style in css</p>
<p style="border-style:double">This is a double border sample style in css</p>
<p style="border-style:groove">This is a groove border sample style in css</p>
<p style="border-style:hidden">This is a hidden border sample style in css</p>
<p style="border-style:inset">This is a inset border sample style in css</p>
<p style="border-style:outset">This is a outset border sample style in css</p>
<p style="border-style:ridge">This is a ridge border sample style in css</p>
خاصیت width مقادیر ی رو به صورت زیر می پذیره :
This is a usual solid border style sample in css
This is a thin solid border sample style in css
This is a medium solid border sample style in css
This is a thick solid border sample style in css
This is a 10px width solid border sample style in css
thin کادر رو بصورت نازک نمایش میده.
medium متوسط و thick ضخیم و همچنین می تونید خودتون برحسب پیکسل عرض کادرتون رو مشخص کنید.
<p style="border-style:solid">This is a usual solid border style sample in css</p>
<p style="border-style:solid;border-width:thin;">This is a thin solid border sample style in css</p>
<p style="border-style:solid;border-width:medium;">This is a medium solid border sample style in css</p>
<p style="border-style:solid;border-width:thick;">This is a thick solid border sample style in css</p>
<p style="border-style:solid;border-width:10px;">This is a 10px width solid border sample style in css</p>
خاصیت color که رنگ ها رو بر اساس rgb به صورت هگزادسیمال یا مبنای 16 می پذیره و رنگ کادر رو تعیین می کنه :
This is a green solid border sample style in css
<p style="border-color:#0f0;">This is a green border sample style in css</p>
شما می تونید مثل کد زیر برای هر کدوم از خطوط کادرتون یک خاصیت جداگانه به کار ببرید:
<p style="border-style:solid;
border-left-style:hidden;
border-right-style:hidden;
border-top-style:solid;
border-top-color:#0f0;
border-bottom-color:#00f;
border-bottom-width:5px;">This is a customize border sample style in css</p>