مقالات در زمینه طراحی و ساخت سایت و همچنین دامنه و هاستینگ
افکت سفید و سیاه (Grayscale) کردن تصاویر توسط CSS

برای انجام این کار کافی است کد CSS زیر را به تصویر مورد نظر خود اختصاص دهید. در این مثال فرض بر آن است که شما قصد دارید تصویر در حالت پیش فرض به صورت سفید و سیاه باشد:

 img {
filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
}

و برای آنکه تصویر با موس اور کاربر به حالت عادی و رنگی بازگردد می توانید از کد CSS زیر استفاده نمایید:

 img:hover {
filter: none;
-webkit-filter: grayscale(0);
}
+ نوشته شده در سه شنبه پانزدهم بهمن 1392 ساعت 12:11 توسط طراحی سایت دارکوب بدون نظر

دانلود قالب های آماده رایگان جوملا 3

در صورتی که قصد طراحی سایت از طریق جوملا را دارید و پس از نصب جوملا بر روی سرور لازم است قالب آماده جوملا دانلود نمایید. در صورتی که قصد دارید قالب آماده شما فارسی باشد دقت نمایید تا قالبی که دانلود می نمایید قابلیت RTL داشته باشد.

برای دانلود قالب های آماده جوملا 3 می توانید به سایت های زیر مراجعه نمایید:

More Than 4000 Free Joomla CMS Templates

Joomla templates - free and commercial joomla 3.x templates

Downloads | SJ Joomla3 Free | Free Templates | Joomla

Download Joomla 3.2 Templates

Joomla Templates - MixWebTemplates

Free Joomla Templates - Best of 2014

Free joomla templates - Free joomla 3.0 templates - JoomlaShine

پس از دانلود قالب مورد نظر آن را می بایست در سیستم جوملای خود نصب نموده و سپس به عنوان قالب پیش فرض انتخاب نمایید. در صورتی که هیچ یک از قالب های رایگان جوملا نظر شما را جلب ننمود زمان آن رسیده که با صرف هزینه قالب مورد نظر خود را خریداری نمایید. برای خرید قالب جوملا کافی است به سایت http://www.templatemonster.com/ مراجعه نموده و بخش قالب های جوملا http://www.templatemonster.com/joomla-templates.php را مشاهده نمایید. در این بخش قالب های فراوانی وجود دارد که می توانید قالب مورد نظر خود را بیابید. پس از انتخاب قالب تنها کاری که لازم است انجام دهید آن است که شماره قالب را ثبت نموده و آن را به طراحی سایت دارکوب اعلام نمایید تا قالب مورد نظر را برای شما خریداری نماید. قالب هایی که بر روی آن علامت RESPONSIVE زده شده قالب هایی می باشند که سازگار با موبایل می باشد و به شما پیشنهاد می گردد با توجه به افزایش استفاده از مرورگرهای موبایل برای رویت وب سایت از این نوع قالب ها انتخاب نمایید.

* دقت نمایید قالبی که دانلود می نمایید برای نسخه 3 جوملا باشد و بر روی آخرین نسخه جوملا قابل نصب باشد، زیرا جوملا به زودی از نسخه های قدیمی تر خود پشتیبانی نمی نماید.

دانلود قالب های آماده رایگان

+ نوشته شده در دوشنبه چهاردهم بهمن 1392 ساعت 12:1 توسط طراحی سایت دارکوب بدون نظر

CSS مرتب سازی قالب صفحه فرم تماس با ما جوملا 3

در صورتی که سایت خود را توسط جوملا 3 پیاده سازی نموده اید می توانید از کدهای زیر برای فرمت بندی صفحه فرم تماس با ما استفاده نمایید:

برای مرتب سازی بخش اطلاعاتب بالای صفحه تماس با ما از کد CSS زیر استفاده نمایید:

  dt,dd{ float:right;}
dt{ clear:right; }
dd{ clear:left; }
.accordion-heading{ width:100%; clear:both;}

برای مرتب سازی فرم تماس با ما جوملا از کد زیر:

 .controls{ text-align:right;}

و برای استایل دهی به تول تیپ های فرم تماس جوملا از کد CSS زیر استفاده نمایید:

 .tooltip {
position: absolute;
z-index: 1030;
display: block;
visibility: visible;
font-size: 11px;
line-height: 1.4;
opacity: 0;
filter: alpha(opacity=0);
text-align:right;
}
.tooltip.in {
opacity: 0.8;
filter: alpha(opacity=80);
}
.tooltip.top {
margin-top: -3px;
padding: 5px 0;
}
.tooltip.right {
margin-left: 3px;
padding: 0 5px;
}
.tooltip.bottom {
margin-top: 3px;
padding: 5px 0;
}
.tooltip.left {
margin-left: -3px;
padding: 0 5px;
}
.tooltip-inner {
max-width: 200px;
padding: 8px;
color: #fff;
text-align: center;
text-decoration: none;
background-color: #000;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-align:right;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.tooltip {
max-width: 400px;
}
.tooltip-inner {
max-width: none;
text-align: right;
text-shadow: none;
}
th .tooltip-inner {
font-weight: normal;
}
.tooltip.hasimage {
opacity: 1;
}
.tip-text {
text-align: right;
}

پس از قرار دادن کدهای مورد نظر صفحه تماس با ما جوملا مرتب شده و می توانید تنظیمات مورد علاقه خود را در فایل CSS اضافه نمایید.

CSS پیاده سازی و مرتب سازی قالب صفحه

+ نوشته شده در یکشنبه سیزدهم بهمن 1392 ساعت 11:39 توسط طراحی سایت دارکوب بدون نظر

تعداد بسیار زیادی سیستم مدیریت محتوا برای ساخت سایت وجود دارد که با توجه به نیاز خود می توانید از یکی از آنها استفاده نمایید.

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

سیستم های مدیریت محتوایی که در بخش پایین معرفی شده منعطف ترین سیستم های مدیریت محتوا هستند. که با استفاده از آنها می توانید هر نوع سایتی طراحی نمایید.

سه مورد از بهترین سیستم ها وردپرس، جوملا و دروپال می باشد، که به میزان بسیار زیادی برای راه اندازی سایت های اینترنتی از آنها استفاده می گردد. این سیستم های مدیریت محتوا رایگان بوده و کار با آنها بسیار ساده می باشد و در صورت نیاز می توانید امکانات جدیدی به آنها اضافه نمایید.

آنها را بررسی نموده و یکی از آنها را با توجه به نیاز خود استفاده نمایید.

وردپرس

رایگان، زبان برنامه نویسی PHP

سیستم مدیریت محتوای وردپرس

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

قالب های فراوانی برای وردپرس وجود دارد، و همچنین پلاگین ها و ویدگت های بسیاری برای این سیستم وجود دارد. وردپرس همچنین جامعه کاربری بزرگی دارد که این گروه از کاربران کمک آموزشی ها، ماژول ها و قابلیت های بسیاری را برای وردپرس آماده نموده اند.

با استفاده از قالب ها و پلاگین های وردپرس، شما می توانید وردپرس را به شبکه اجتماعی، فروم، سایت فروشگاهی، و هر آن چه می خواهید تبدیل نمایید. وردپرس همچنین قابلیت های بسیاری برای ایجاد سایت های مولتی بلاگ و چندین سایت با استفاده از یک پایه را دارد که می توانید امکانات را در سایت رسمی وردپرس http://wordpress.org مشاهده نمایید.

نقاط قوت

  • جامعه استفاده کننده بسیار بزرگ کاربری به همراه مطالب آموزشی بسیار
  • پلاگین های و قالب های رایگان و غیر رایگان که به شما امکان ساخت هر نوع سایتی را می دهد
  • کنترل پنل کاربر پسند و ساده که به کاربر امکان مدیریت سایت را به سادگی می دهد

نقاط ضعف

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

 

جوملا

رایگان، زبان برنامه نویسی PHP

سیستم مدیریت محتوای جوملا

جوملا توسط شرکت های بسیار بزرگی به عنوان سیستم مدیریت محتوا نظیر دانشگاه هاروارد استفاده شده. و برای شبکه هایی که دارای کاربران مدیر بسیاری می باشد مناسب است. جوملا برای ایجاد و طراحی هر نوع سایتی از ساده تا بسیار پیچیده مناسب است و توسط آن می توانید فروشگاه اینترنتی، شبکه اجتماعی، کتابخانه، شبکه اجتماعی و .... راه اندازی نمایید.

جوملا کاربران فعال و توسعه دهنده بسیاری دارد، بنابراین یافتن مطالب آموزشی بسیار آسان است. جوملا همچنین پلاگین ها، کامپوننت ها و امکانات جانبی بسیاری دارد، و برای توسعه جوملا نیازی به دانش برنامه نویسی ندارید و کافی است که امکان مورد نظر را در سیستم پایه نصب نمایید.

قالب های بسیاری برای جوملا وجود دارد، کیفیت قالب های آن با وردپرس قابل مقایسه نیست. البته در صورتی که نیاز به قالب جالی داشته باشید می توانید آن را بیابید.

نقاط قوت

  • می توان حساب کاربری را از حساب های OpenID، Google و LDAP استخراج نمود
  • در حدود 7000 اکستنشن دارد
  • جامعه کاربری بزرگی دارد و مطالب آموزشی کافی وجود دارد

نقاط ضعف

  • سیستم مدیریت محتوا کاربر پسند نیست، البته کنترل پانل قدرتمندی دارد
  • در مقایسه با سایر سیستم های مدیریت محتوا قالب های قوی کمتری دارد
  • برای سایت های بسیار ساده مناسب نیست

دروپال

رایگان، زبان برنامه نویسی PHP

سیستم مدیریت محتوای دروپال

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

دروپال گروه کاربری بسیار فعالی دارد، و همچنین فروم ها و انجمن های بسیاری برای این نرم افزار وجود دارد. مطالب آموزشی و مقالات بسیاری توسط جوامع کاربری دروپال هر روزه منتشر می گردد. این مطالب آموزشی در خصوص نصب، راه اندازی و سفارشی سازی دروپال می باشد.

امکانات جانبی بسیاری برای دروپال وجود دارد که می توانید با استفاده از آنها سایت خود را راه اندازی نمایید. این به آن معناسب که کافی است شما زمان خود را برای طراحی و سفارشی سازی سایت خود بگذارید.

نقاط قوت

  • جامعه کاربری بزرگ که حتی دارای پشتیبانی های زنده می باشد
  • در حدود 6000 ماژول که به شما امکان راه اندازی هر نوع سایتی را می دهد
  • شرکت های بسیاری با هزینه اندک دروپال را پشتیبانی می نمایند

نقاط ضعف

  • برای سایت های ساده مناسب نیست
  • قالب های آماده رایگان و تجاری بسیار کمی دارد
  • ایجاد قالب برای سایت پیچیده است
+ نوشته شده در شنبه دوازدهم بهمن 1392 ساعت 12:28 توسط طراحی سایت دارکوب بدون نظر

طراحی سایت خرید و فروش اینترنتی با امکانات سایت ebay.com

دارکوب در حال طراحی سایت خرید و فروش اینترنتی به مانند سایت ebay.com می باشد که صرفا برای استفاده در کشور عزیزمان ایران طراحی می گردد. این سایت این قابلیت را به کاربران می دهد که کالاها و اجناس نو و دسته دوم خود را در سایت برای فروش و حراج قرار دهند و همچنین سایر کاربران بتوانند با مرور دسته بندی ها و فیلتر کردن این آیتم ها محصولات و اجناس مورد نظر خود را بیابند. سایت ebay.com قویترین سایت اینترنتی در این زمینه بوده که دارکوب برای پیاده سازی وب سایت خود از این سایت الهام می گیرد. در این سایت کنترل پانلی برای کاربران در نظر گرفته می شود تا بتوانند لیست محصولات خود را در سایت بارگذاری نمایند و همچنین بخشی برای سفارشات مربوط به محصول هر کاربر خواهد بود که کاربران در این بخش سفارشات محصول و اجناس خود را می بینند.

سایت خرید و فروش دارکوب دسته بندی های مختلفی همچون وسائل نقلیه، پوشاک، وسائل الکترونیکی، کالای هنری، خانه و باغ، لوازم ورزشی، لوازم بازی و سرگرمی وهمچنین اقلام کادوئی را خواهد داشت که کاربران در این سایت می توانند کالاهای مورد نظر خود را که توسط سایر کاربران در این سایت بارگذاری گردیده را بیابند و همچنین در صورتی که کالای و اجناس خاصی برای فروش دارند آن را در سایت قرار دهند.

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

  • لیست اقلام من: که شامل آیتم های می باشد که کاربران برای فروش و مزایده قرار داده و کاربر می تواند در این بخش اقلام قبلی خود را مشاهده نموده و در صورت نیاز نسبت به ویرایش و حذف آنها اقدام نمایند.
  • فروش های من: که شامل لیست سفارشات مربوط به اقلام کاربر می باشد که کاربر در این بخش می تواند سفارشات مربوط به کالاهای خود را پیگیری نماید
  • حساب کاربری: که شامل بخشی برای ویرایش پروفایل کاربر می باشد

موردی که وجه تمایز این سایت نسبت به سایت های دیگر است سیستم جستجوی بسیار قوی و مرتبط به دسته بندی آن می باشند که برای هر بخش به صورت اختصاصی طراحی می گردد. به عنوان مثال در صورتی که شما قصد خرید گوشی داشته باشید موارد اختصاصی گوشی نظیر ظرفیت و سیستم عامل و .... و در صورتی که قصد خرید اتومبیل را داشته باشید می توانید خصوصیات اختصاصی اتومبیل نظیر نوع بدنه و نوع سوخت و ... را جستجو نمایید که این قابلیت به به کاربران این امکان را می دهد که به سادگی محصول مورد نظر خود را بیابند.

پس از آنکه کاربر محصول مورد نظر خود را یافت می تواند محصول مورد نظر خود را سفارش دهد. در این سایت دو حالت برای فروش محصول وجود دارد در حالت اول که فروش با قیمت قطعی می باشد و در حالت دوم سیستم مناقصه و مزایده می باشد که کاربران می توانند در مناقصه شرکت نمایند. در حقیقت کاربرانی که در سایت محصولات خود را قرار می دهند این امکان را دارند که برای آیتم خود مناقصه برگزار نموده و قیمت پایه مشخص نمایند. پس از ثبت سفارش توسط کاربر خریدار، ایمیلی به کاربر فروشنده ارسال می گردد و به کاربر اطلاع داده می شود و کاربر فروشنده می تواند از کنترل پانل خود سفارش را پیگیری نماید.

سایت خرید و فروش دارکوب کاملا رایگان بوده و کاربران می توانند بدون پرداخت هیچ هزینه ای کالای خود را برای فروش قرار دهند. البته دارکوب کالاها را پس از تایید مدیر سایت نمایش می دهد.

این سایت همچنین با توجه به عملکرد کاربران این سایت برای آنها رتبه در نظر می گیرد تا کاربرانی که اعتبار بالاتری دارند و قبلا عملکرد بهتری دارند شناخته شوند. این کار باعث می شود تا کاربران خریدار با خیال راحت تر کالای مورد نظر خود را از کاربران با اعتبار سفارش دهند. دقت نمایید اعتبار کاربران با توجه به نظرات و آراء سایر کاربران مشخص می شود.

در این سایت صفحه ای مربوط به هر کاربر در نظر گرفته خواهد شد که در آن صفحه اطلاعات کامل کاربر نظیر اطلاعات شخصی و لیست محصولات و اقلام کاربر و همچنین امتیاز کاربر مشخص خواهد شد. همچنین این بخش شامل اطلاعات آماری نظیر تعداد سفارشات کاربر و آیتم ها و تعداد سفارشات موفق وجود خواهد داشت.

دقت نمایید که در این سایت یک کاربر هم می تواند خریدار باشد و هم فروشنده و هیچ محدودیتی برای کاربران وجود نخواهد داشت. مسئولیت کالای فروخته شده به عهده فروشنده می باشد و دارکوب هزینه ای بایت فروش کالا دریافت نخواهد نمود.

این سایت در تاریخ یکم اسفند ماه 1392 راه اندازی اولیه خواهد گردید.

اینترنتی با امکانات سایت ebay.com

+ نوشته شده در پنج شنبه دهم بهمن 1392 ساعت 11:37 توسط طراحی سایت دارکوب بدون نظر